{% extends 'base.html' %}

{% block title %}{% if item %}Modifier{% else %}Créer{% endif %} · Catégorie · Back-office{% endblock %}

{% block content %}
<section class="section">
  <div class="container">
    <div class="panel" style="max-width:860px;margin:0 auto">
      <div style="display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap">
        <h2 style="margin:0">{% if item %}{{ t('Modifier', 'Edit') }}{% else %}{{ t('Créer', 'Create') }}{% endif %} {{ t('une catégorie', 'a category') }}</h2>
        <a class="btn" href="{{ url_for('web.bo_categories') }}">{{ t('Retour', 'Back') }}</a>
      </div>

      {% if error %}
        <div class="alert" style="margin-top:12px">{{ error }}</div>
      {% endif %}

      <form class="form" method="post" style="margin-top:12px">
        <div class="field">
          <label for="name">{{ t('Nom', 'Name') }} *</label>
          <input id="name" name="name" value="{{ item.name if item else '' }}" required />
        </div>
        <div class="field">
          <label for="description">{{ t('Description', 'Description') }}</label>
          <textarea id="description" name="description">{{ item.description if item and item.description else '' }}</textarea>
        </div>
        <div class="field">
          <label for="conditions">{{ t('Conditions', 'Conditions') }}</label>
          <textarea id="conditions" name="conditions">{{ item.conditions if item and item.conditions else '' }}</textarea>
        </div>
        <div>
          <button class="btn btn-primary" type="submit">{{ t('Enregistrer', 'Save') }}</button>
        </div>
      </form>
    </div>
  </div>
</section>
{% endblock %}