{% if legals is not empty %}
    <div class="card my-4 border-info">
        <div class="card-header bg-info text-white d-flex justify-content-between align-items-center">
            <div>
                <i class="fa fa-scale-balanced me-2"></i> Pages légales
            </div>
            <div>
                <form method="post" style="display:inline-block" action="{{ path('@CMS_admin_generate_legal_pages') }}" onsubmit="return confirm('Êtes vous sûr de cette action ?');">
                    <input type="hidden" name="_token" value="{{ csrf_token('generate_legal_pages') }}"/>
                    {{ include('admin/ui/form/_submit.html.twig', {submit_class:'warning', submit_label:'Regénérer'}) }}
                </form>
            </div>
        </div>
        <div class="card-body p-0">
            <ul class="list-group list-group-flush">
                {% for page in legals %}
                    <li class="list-group-item d-flex justify-content-between align-items-center">
                        {{ page.title }}
                        <span>
                            {{ include('admin/ui/_link_button.html.twig', {
                                link_class: 'info',
                                link_path: path('@CMS_show', {'slug': page.slug}),
                                link_label: 'Voir',
                                target: '_blank'
                            }) }}
                            {{ include('admin/ui/_link_button.html.twig', {
                                link_class: 'primary',
                                link_path: path('@CMS_admin_edit', {'id': page.id}),
                                link_label: 'Modifier'
                            }) }}
                        </span>
                    </li>
                {% endfor %}
            </ul>
        </div>
    </div>
{% else %}
    <div class="alert alert-info d-flex justify-content-between align-items-center">
        <div>
            <i class="fa fa-info-circle me-2"></i> Aucune page légale détectée.
        </div>
        <a href="{{ path('@CMS_admin_generate_legal_pages') }}" class="btn btn-sm btn-outline-primary">
            <i class="fa fa-file-alt me-1"></i> Générer les pages légales
        </a>
    </div>
{% endif %}