{% extends 'layout/app.html.twig' %}

{% block title %}Préparer un lot{% endblock %}
{% block page_title %}Préparer un lot de dépôt{% endblock %}

{% block content %}
    <div class="card mx-auto max-w-4xl p-6">
        <form method="get" class="mb-6 flex flex-wrap items-end gap-3">
            <div class="min-w-64 flex-1">
                <label for="ambassade" class="form-label">Ambassade</label>
                <select id="ambassade" name="ambassade" class="form-input" onchange="this.form.requestSubmit()">
                    <option value="">Choisir une ambassade</option>
                    {% for item in embassies %}
                        <option value="{{ item.id }}" {{ embassy and embassy.id == item.id ? 'selected' }}>{{ item.name }}</option>
                    {% endfor %}
                </select>
            </div>
            <noscript><button type="submit" class="btn btn-secondary">Afficher</button></noscript>
        </form>

        {% if embassy %}
            {% if ready is empty %}
                <p class="rounded-lg border border-dashed border-slate-300 px-4 py-8 text-center text-sm text-slate-500">
                    Aucun dossier prêt pour {{ embassy.name }}.<br>Un dossier est prêt lorsque l'agent a enregistré le papier de validation.
                </p>
            {% else %}
                <form method="post">
                    <input type="hidden" name="_token" value="{{ csrf_token('batch-new') }}">
                    <p class="mb-3 text-sm text-slate-600">Sélectionnez les dossiers à regrouper dans ce lot ({{ ready|length }} prêt{{ ready|length > 1 ? 's' }}).</p>
                    {{ include('batch/_ready_table.html.twig') }}
                    <div class="mt-4">
                        <label for="notes" class="form-label">Notes</label>
                        <textarea id="notes" name="notes" rows="2" class="form-input" placeholder="Créneau de dépôt, consignes…"></textarea>
                    </div>
                    <div class="mt-5 flex justify-end gap-2">
                        <a href="{{ path('app_batch_index') }}" class="btn btn-secondary">Annuler</a>
                        <button type="submit" class="btn btn-primary">Créer le lot</button>
                    </div>
                </form>
            {% endif %}
        {% endif %}
    </div>
{% endblock %}