{% extends 'admin/layout.html.twig' %}
{% block page_title %}{{ isNew ? 'Nouveau modèle' : 'Modifier ' ~ model.name }}{% endblock %}
{% block breadcrumb %}
  <span class="sep">/</span><a href="{{ path('admin_csiwo_index') }}" class="breadcrumb-link">CSIWO</a>
  <span class="sep">/</span><a href="{{ path('admin_csiwo_model_index') }}" class="breadcrumb-link">Modèles</a>
  <span class="sep">/</span><span class="breadcrumb-text">{{ isNew ? 'Nouveau' : model.name }}</span>
{% endblock %}
{% block header_action %}{% endblock %}

{% block content %}
<form method="post" enctype="multipart/form-data"
      action="{{ isNew ? path('admin_csiwo_model_new') : path('admin_csiwo_model_edit', {id: model.id}) }}"
      style="max-width:600px">

  <div class="form-group">
    <label class="form-label">Nom *</label>
    <input type="text" name="name" class="form-input" required value="{{ model.name }}" placeholder="Ex : Guerrier Humain Masculin">
  </div>

  <div class="form-group">
    <label class="form-label">Genre</label>
    <select name="gender" class="form-select">
      <option value="">— Non spécifié —</option>
      <option value="male"    {{ model.gender == 'male'    ? 'selected' }}>Masculin</option>
      <option value="female"  {{ model.gender == 'female'  ? 'selected' }}>Féminin</option>
      <option value="neutral" {{ model.gender == 'neutral' ? 'selected' }}>Neutre</option>
    </select>
  </div>

  <div class="form-group">
    <label class="form-label">Ordre d'affichage</label>
    <input type="number" name="sortOrder" class="form-input" value="{{ model.sortOrder }}" min="0" style="width:120px">
  </div>

  <div class="form-group">
    <label class="form-label">Réservé aux abonnés (tier minimum)</label>
    <select name="minSubscriptionTier" class="form-select" style="max-width:240px">
      <option value="">Libre (aucun abonnement requis)</option>
      <option value="bronze"  {{ model.minSubscriptionTier == 'bronze'  ? 'selected' }}>Bronze ou plus</option>
      <option value="argent"  {{ model.minSubscriptionTier == 'argent'  ? 'selected' }}>Argent ou plus</option>
      <option value="gold"    {{ model.minSubscriptionTier == 'gold'    ? 'selected' }}>Gold ou plus</option>
      <option value="platine" {{ model.minSubscriptionTier == 'platine' ? 'selected' }}>Platine uniquement</option>
    </select>
    <div style="font-size:.75rem;color:var(--muted);margin-top:4px">Les personnages déjà créés avec ce modèle ne sont pas affectés (grandfather).</div>
  </div>

  <div class="form-group">
    <label class="form-label">Image du modèle</label>
    {% if not isNew and model.filename %}
      <div style="margin-bottom:10px">
        <img src="{{ asset('uploads/models/' ~ model.filename) }}"
             alt="{{ model.name }}"
             style="height:120px;object-fit:contain;image-rendering:pixelated;border:1px solid var(--border);border-radius:6px;padding:6px;background:var(--bg)">
        <div style="font-size:.75rem;color:var(--muted);margin-top:4px">{{ model.filename }}</div>
      </div>
    {% endif %}
    <input type="file" name="imageFile" class="form-input" accept="image/*"
           {{ isNew ? 'required' : '' }}>
    <div style="font-size:.75rem;color:var(--muted);margin-top:4px">
      Formats acceptés : PNG, JPG, GIF, WEBP. Recommandé : sprite pixel art carré (ex : 128×128 ou 256×256).
    </div>
  </div>

  <div class="form-actions">
    <button type="submit" class="btn btn-primary">{{ isNew ? 'Créer' : 'Enregistrer' }}</button>
    <a href="{{ path('admin_csiwo_model_index') }}" class="btn btn-outline">Annuler</a>
  </div>
</form>
{% endblock %}