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

{% block title %}Lots de dépôt{% endblock %}
{% block page_title %}Lots de dépôt{% endblock %}

{% block page_actions %}
    <a href="{{ path('app_batch_new') }}" class="btn btn-accent">+ Préparer un lot</a>
{% endblock %}

{% block content %}
    {% if ready is not empty %}
        <div class="mb-6 grid gap-3 sm:grid-cols-2 xl:grid-cols-4">
            {% for item in ready %}
                <a href="{{ path('app_batch_new', {ambassade: item.embassy.id}) }}" class="card flex items-center justify-between p-4 transition hover:border-indigo-300 hover:shadow">
                    <div>
                        <p class="text-sm font-medium text-slate-900">{{ item.embassy.name }}</p>
                        <p class="text-xs text-slate-500">dossier{{ item.count > 1 ? 's' }} prêt{{ item.count > 1 ? 's' }} pour un lot</p>
                    </div>
                    <span class="text-2xl font-semibold text-indigo-700">{{ item.count }}</span>
                </a>
            {% endfor %}
        </div>
    {% endif %}

    <div class="mb-4 flex flex-wrap gap-2">
        <a href="{{ path('app_batch_index') }}" class="badge px-3 py-1 text-sm {{ current_status is null ? 'bg-brand-700 text-white' : 'bg-white text-slate-600 ring-1 ring-slate-200' }}">Tous</a>
        {% for status in statuses %}
            <a href="{{ path('app_batch_index', {statut: status.value}) }}" class="badge px-3 py-1 text-sm {{ current_status == status ? 'bg-brand-700 text-white' : 'bg-white text-slate-600 ring-1 ring-slate-200' }}">{{ status.label }}</a>
        {% endfor %}
    </div>

    <div class="card overflow-hidden">
        <div class="overflow-x-auto">
            <table class="min-w-full divide-y divide-slate-200 text-sm">
                <thead class="bg-slate-50 text-left text-xs font-semibold uppercase tracking-wider text-slate-500">
                    <tr>
                        <th class="px-5 py-3">Lot</th>
                        <th class="px-5 py-3">Ambassade</th>
                        <th class="px-5 py-3">Dossiers</th>
                        <th class="px-5 py-3">Statut</th>
                        <th class="px-5 py-3">Dépôt</th>
                        <th class="px-5 py-3">Retrait</th>
                        <th class="px-5 py-3 text-right">Frais</th>
                    </tr>
                </thead>
                <tbody class="divide-y divide-slate-100">
                    {% for batch in batches %}
                        <tr class="hover:bg-slate-50">
                            <td class="px-5 py-3"><a href="{{ path('app_batch_show', {id: batch.id}) }}" class="font-semibold text-brand-700 hover:text-brand-900">{{ batch.reference }}</a></td>
                            <td class="px-5 py-3 text-slate-600">{{ batch.embassy.name }}</td>
                            <td class="px-5 py-3">{{ batch.dossiers|length }}</td>
                            <td class="px-5 py-3"><span class="badge {{ batch.status.badgeClass }}">{{ batch.status.label }}</span></td>
                            <td class="px-5 py-3 text-slate-600">{{ batch.depositedAt ? batch.depositedAt|date('d/m/Y') : '—' }}</td>
                            <td class="px-5 py-3 text-slate-600">
                                {% if batch.pickedUpAt %}{{ batch.pickedUpAt|date('d/m/Y') }}
                                {% elseif batch.expectedPickupDate %}<span class="{{ batch.expectedPickupDate < date('today') ? 'font-medium text-red-600' }}">prévu {{ batch.expectedPickupDate|date('d/m/Y') }}</span>
                                {% else %}—{% endif %}
                            </td>
                            <td class="px-5 py-3 text-right">{{ batch.depositFee ? batch.depositFee|fcfa : '—' }}</td>
                        </tr>
                    {% else %}
                        <tr><td colspan="7" class="px-5 py-10 text-center text-slate-500">Aucun lot.</td></tr>
                    {% endfor %}
                </tbody>
            </table>
        </div>
        {% if batches.pageCount > 1 %}
            <div class="border-t border-slate-100 px-5 py-3">{{ knp_pagination_render(batches) }}</div>
        {% endif %}
    </div>
{% endblock %}