{% extends 'admin/layout.html.twig' %}
{% block page_title %}{{ title }}{% endblock %}
{% block breadcrumb %}
  <span class="sep">/</span><a href="{{ path('admin_player_avatar_index') }}" class="breadcrumb-link">Avatars joueur</a>
  <span class="sep">/</span><span class="breadcrumb-text">{{ title }}</span>
{% endblock %}

{% block content %}
<form method="post" action="{{ action }}" enctype="multipart/form-data">

  <div class="section">
    <div class="section-title">Général</div>
    <div class="grid-2">
      <div class="field col-span-2">
        <label class="field-label" for="name">Nom *</label>
        <input type="text" name="name" id="name" required value="{{ avatar.name }}">
      </div>

      <div class="field col-span-2">
        <label class="field-label" for="content">Image</label>
        {% if avatar.content %}
          <div style="margin-bottom:8px">
            <img src="{{ asset('uploads/avatars/' ~ avatar.content) }}"
                 style="width:80px;height:80px;object-fit:cover;border-radius:50%" alt="{{ avatar.name }}">
            <p style="margin:4px 0 0;font-size:.85em;color:var(--muted)">{{ avatar.content }}</p>
          </div>
        {% endif %}
        <input type="file" name="content" id="content" accept="image/*" {{ avatar.content is empty ? 'required' }}>
        {% if avatar.content %}
          <p style="font-size:.8em;color:var(--muted);margin-top:4px">Laisser vide pour conserver l'image actuelle.</p>
        {% endif %}
      </div>

      <div class="field">
        <label class="field-label">Options</label>
        <div style="display:flex;flex-direction:column;gap:8px;margin-top:4px">
          <label style="display:flex;align-items:center;gap:8px;cursor:pointer">
            <input type="checkbox" name="defaultAvatar" value="1" {{ avatar.defaultAvatar ? 'checked' }}>
            Avatar par défaut (proposé à tous les joueurs)
          </label>
          <label style="display:flex;align-items:center;gap:8px;cursor:pointer">
            <input type="checkbox" name="isUploaded" value="1" {{ avatar.uploaded ? 'checked' }}>
            Uploadé par un joueur
          </label>
        </div>
      </div>

      {% if avatar.uploaderId %}
        <div class="field">
          <label class="field-label">Uploadeur (Player ID)</label>
          <p style="margin:0;padding:8px 0;color:var(--muted)">{{ avatar.uploaderId }}</p>
        </div>
      {% endif %}
    </div>
  </div>

  <div class="form-actions">
    <button type="submit" class="btn btn-primary">Enregistrer</button>
    <a href="{{ path('admin_player_avatar_index') }}" class="btn btn-cancel">Annuler</a>
  </div>
</form>
{% endblock %}