{% extends 'base.html' %}

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

{% block content %}
<section class="section">
  <div class="container">
    <div class="panel" style="max-width:900px;margin:0 auto">
      <div style="display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap">
        <h2 style="margin:0">{% if item %}Modifier{% else %}Créer{% endif %} une FAQ</h2>
        <a class="btn" href="{{ url_for('web.bo_faqs') }}">Retour</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="position">Position</label>
          <input id="position" name="position" value="{{ item.position if item else 0 }}" />
        </div>
        <div class="field">
          <label for="question">Question</label>
          <input id="question" name="question" value="{{ item.question if item else '' }}" required />
        </div>
        <div class="field">
          <label for="answer">Réponse</label>
          <textarea id="answer" name="answer" required>{{ item.answer if item else '' }}</textarea>
        </div>
        <div class="field">
          <label>
            <input type="checkbox" name="published" {% if item and item.published %}checked{% endif %} />
            Publier
          </label>
        </div>
        <div>
          <button class="btn btn-primary" type="submit">Enregistrer</button>
        </div>
      </form>
    </div>
  </div>
</section>
{% endblock %}