{% extends 'admin/layout.html.twig' %}
{% block page_title %}{{ item.id ? 'Modifier' : 'Nouvel' }} article boutique{% 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_secondary_shop') }}" class="breadcrumb-link">Boutiques secondaires</a>
  <span class="sep">/</span>
  <span class="breadcrumb-text">{{ item.id ? 'Modifier' : 'Nouveau' }}</span>
{% endblock %}
{% block header_action %}{% endblock %}

{% block content %}
<div class="section" style="max-width:560px">
  <form method="POST">

    <div class="field">
      <label class="field-label">Nom</label>
      <input type="text" name="name" value="{{ item.name }}" required maxlength="100">
    </div>

    <div class="field">
      <label class="field-label">Description</label>
      <textarea name="description" rows="3">{{ item.description }}</textarea>
    </div>

    <div class="grid-2">
      <div class="field">
        <label class="field-label">Monnaie</label>
        <select name="currency">
          <option value="eloges"  {% if item.currency == 'eloges'  %}selected{% endif %}>Éloges</option>
          <option value="premium" {% if item.currency == 'premium' %}selected{% endif %}>Crédits MasterMoney</option>
        </select>
      </div>
      <div class="field">
        <label class="field-label">Prix</label>
        <input type="number" name="price" value="{{ item.price }}" min="0" step="1" required>
      </div>
    </div>

    <div class="grid-2">
      <div class="field">
        <label class="field-label">Stock <small style="color:var(--muted)">(vide = illimité)</small></label>
        <input type="number" name="stock" value="{{ item.stock }}" min="0" step="1" placeholder="Illimité">
      </div>
      <div class="field" style="display:flex;align-items:flex-end;padding-bottom:4px">
        <label style="display:flex;align-items:center;gap:8px;cursor:pointer;font-size:.84rem;color:var(--text)">
          <input type="checkbox" name="active" value="1" {% if item.active %}checked{% endif %}>
          Article actif
        </label>
      </div>
    </div>

    <div class="field">
      <label class="field-label">Objet lié <small style="color:var(--muted)">(optionnel — attribué à l'achat)</small></label>
      <select name="item_id">
        <option value="0">— Aucun objet —</option>
        {% for i in items %}
          <option value="{{ i.id }}" {% if item.item and item.item.id == i.id %}selected{% endif %}>{{ i.name }}</option>
        {% endfor %}
      </select>
    </div>

    <div class="field">
      <label class="field-label">Chemin icône <small style="color:var(--muted)">(optionnel, ex : images/eloge_money.png)</small></label>
      <input type="text" name="icon_path" value="{{ item.iconPath }}" placeholder="images/…">
    </div>

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

  </form>
</div>
{% endblock %}