{% extends 'base.html.twig' %}

{% block title %}{{ title ?? 'Nouveau tract' }}{% endblock %}

{% block body %}
<div class="card">
    <div class="page-header" style="margin-bottom:20px">
        <h1>{{ title ?? 'Nouveau tract' }}</h1>
        <a href="{{ path('admin_tract_index') }}" class="btn btn-outline">Retour à la liste</a>
    </div>

    {% if error is defined and error %}
        <div style="color:#dc2626;background:#fef2f2;padding:12px;border-radius:8px;margin-bottom:16px">{{ error }}</div>
    {% endif %}

    <form method="post" enctype="multipart/form-data" style="max-width:560px;display:flex;flex-direction:column;gap:16px">
        <input type="hidden" name="_token" value="{{ csrf_token('tract_form') }}">

        <div>
            <label for="label" style="display:block;font-weight:600;margin-bottom:6px">Nom du tract</label>
            <input type="text" id="label" name="label" required value="{{ prefill_label ?? '' }}"
                   placeholder="Tract épargne mai 2026" style="width:100%;padding:10px;border:1px solid #cbd5e1;border-radius:10px;box-sizing:border-box">
        </div>

        <div>
            <label for="file" style="display:block;font-weight:600;margin-bottom:6px">
                Fichier {% if title is defined and 'Modifier' in title %}(laisser vide pour garder l'existant){% endif %}
            </label>
            <input type="file" id="file" name="file"
                   {% if title is not defined or 'Nouveau' in title %}required{% endif %}
                   accept=".pdf,.png,.jpg,.jpeg,.doc,.docx"
                   style="width:100%;padding:8px;border:1px solid #cbd5e1;border-radius:10px;box-sizing:border-box">
            <small style="color:#6b7280">PDF, image ou document — 12 Mo max.</small>
        </div>

        <div>
            <label for="status" style="display:block;font-weight:600;margin-bottom:6px">Statut</label>
            <select id="status" name="status" style="width:100%;padding:10px;border:1px solid #cbd5e1;border-radius:10px;box-sizing:border-box">
                <option value="a_tracter" {% if prefill_status is defined and prefill_status == 'a_tracter' %}selected{% elseif prefill_status is not defined %}selected{% endif %}>À tracter</option>
                <option value="en_attente" {% if prefill_status is defined and prefill_status == 'en_attente' %}selected{% endif %}>En attente</option>
                <option value="perime" {% if prefill_status is defined and prefill_status == 'perime' %}selected{% endif %}>Périmé</option>
            </select>
        </div>

        <div>
            <button type="submit" class="btn">Enregistrer</button>
        </div>
    </form>
</div>
{% endblock %}