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

{% block title %}Ambassades{% endblock %}
{% block page_title %}Ambassades{% endblock %}

{% block page_actions %}
    <a href="{{ path('app_embassy_new') }}" class="btn btn-accent">+ Nouvelle ambassade</a>
{% endblock %}

{% block content %}
    <div class="card overflow-hidden">
        <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">Ambassade</th>
                    <th class="px-5 py-3">Pays</th>
                    <th class="px-5 py-3">Plateforme en ligne</th>
                    <th class="px-5 py-3">Statut</th>
                    <th class="px-5 py-3"></th>
                </tr>
            </thead>
            <tbody class="divide-y divide-slate-100">
                {% for embassy in embassies %}
                    <tr class="{{ embassy.active ? '' : 'opacity-60' }}">
                        <td class="px-5 py-3 font-medium text-slate-900">{{ embassy.name }}<p class="text-xs font-normal text-slate-500">{{ embassy.address }}</p></td>
                        <td class="px-5 py-3 text-slate-600">{{ embassy.country }}</td>
                        <td class="px-5 py-3">{% if embassy.platformUrl %}<a href="{{ embassy.platformUrl }}" target="_blank" rel="noopener" class="text-brand-700 hover:underline">{{ embassy.platformUrl|u.truncate(40, '…') }}</a>{% else %}—{% endif %}</td>
                        <td class="px-5 py-3">{% if embassy.active %}<span class="badge bg-emerald-100 text-emerald-800">Active</span>{% else %}<span class="badge bg-slate-100 text-slate-600">Inactive</span>{% endif %}</td>
                        <td class="px-5 py-3 text-right"><a href="{{ path('app_embassy_edit', {id: embassy.id}) }}" class="font-medium text-brand-700 hover:text-brand-900">Modifier</a></td>
                    </tr>
                {% else %}
                    <tr><td colspan="5" class="px-5 py-10 text-center text-slate-500">Aucune ambassade. Ajoutez-en une pour créer des dossiers.</td></tr>
                {% endfor %}
            </tbody>
        </table>
    </div>
{% endblock %}