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

{% block title %}Plans de scène{% endblock %}

{% block admin_body %}
{% set actions = [{label:'Documents techniques',href:path('admin_technical_index'),icon:'bi-arrow-left'}] %}
{% if can_permission('STAGE_PLAN', 2) %}{% set actions = actions|merge([{label:'Nouveau plan',href:path('admin_stage_plan_new'),icon:'bi-plus-lg',primary:true}]) %}{% endif %}
{% include 'admin/ui/_page_header.html.twig' with {page_eyebrow:'Configuration technique',page_title:'Plans de scène',page_subtitle:'Gère les plans réutilisables et leurs versions.',page_actions:actions} only %}

<div class="alert alert-light border small"><i class="bi bi-phone-landscape me-2"></i>L’éditeur est tactile. Pour une modification précise, privilégie un téléphone en paysage, une tablette ou un ordinateur.</div>

<div class="card border-0 shadow-sm">
    <div class="card-body p-0">
        <div class="mobile-card-list stage-plan-cards p-3">
        {% for p in plans %}{% set u = usage[p.id] ?? {profiles:0, templates:0, sheets:0, total:0} %}
            <article class="card business-card"><div class="card-body"><div class="d-flex justify-content-between gap-2 align-items-start"><div><div class="small text-secondary"><code>{{ p.code }}</code> · V{{ p.version }}</div><h2 class="h6 mb-1">{{ p.name }}</h2><div class="small text-secondary">{{ p.widthMeters }} × {{ p.depthMeters }} m · {{ p.layout|length }} élément{{ p.layout|length > 1 ? 's' : '' }}</div></div><span class="badge {{ p.active ? 'text-bg-success' : 'text-bg-secondary' }}">{{ p.active ? 'Actif' : 'Archivé' }}</span></div><div class="small text-secondary mt-2">{{ u.total ? u.total ~ ' utilisation' ~ (u.total > 1 ? 's' : '') : 'Jamais utilisé' }}</div><div class="card-actions mt-3">
                {% if can_permission('STAGE_PLAN', 2) and u.total == 0 %}<a class="btn btn-dark flex-grow-1 touch-target" href="{{ path('admin_stage_plan_edit',{id:p.id}) }}">Modifier</a>{% endif %}
                {% if can_permission('STAGE_PLAN', 2) %}<a class="btn {{ u.total > 0 ? 'btn-dark flex-grow-1' : 'btn-outline-secondary' }} touch-target" href="{{ path('admin_stage_plan_version',{id:p.id}) }}">{{ u.total > 0 ? 'Nouvelle version' : 'Dupliquer' }}</a><div class="dropdown action-menu"><button class="btn btn-outline-secondary icon-only-action" type="button" data-bs-toggle="dropdown" aria-label="Autres actions pour {{ p.name }}"><i class="bi bi-three-dots"></i></button><ul class="dropdown-menu dropdown-menu-end">{% if p.active %}<li><form method="post" action="{{ path('admin_stage_plan_archive',{id:p.id}) }}"><input type="hidden" name="_token" value="{{ csrf_token('archive-stage-plan-' ~ p.id) }}"><button class="dropdown-item"><i class="bi bi-archive"></i>Archiver</button></form></li>{% endif %}{% if can_permission('STAGE_PLAN', 3) and u.total == 0 %}<li><form method="post" action="{{ path('admin_stage_plan_delete',{id:p.id}) }}" onsubmit="return confirm('Supprimer définitivement ce plan de scène ?');"><input type="hidden" name="_token" value="{{ csrf_token('delete-stage-plan-' ~ p.id) }}"><button class="dropdown-item text-danger"><i class="bi bi-trash"></i>Supprimer définitivement</button></form></li>{% endif %}</ul></div>{% endif %}
            </div></div></article>
        {% else %}{% include 'admin/ui/_empty_state.html.twig' with {empty_title:'Aucun plan de scène',empty_text:'Crée un plan réutilisable pour les fiches techniques.'} only %}{% endfor %}
        </div>
        <div class="table-responsive desktop-table-only">
            <table class="table align-middle mb-0 data-table">
                <thead>
                    <tr>
                        <th>Code</th>
                        <th>Nom</th>
                        <th>Version</th>
                        <th>Dimensions</th>
                        <th>Éléments</th>
                        <th>Utilisations</th>
                        <th>État</th>
                        <th data-orderable="false"></th>
                    </tr>
                </thead>
                <tbody>
                {% for p in plans %}
                    {% set u = usage[p.id] ?? {profiles:0, templates:0, sheets:0, total:0} %}
                    <tr>
                        <td><code>{{ p.code }}</code></td>
                        <td>{{ p.name }}</td>
                        <td>V{{ p.version }}</td>
                        <td>{{ p.widthMeters }} × {{ p.depthMeters }} m</td>
                        <td>{{ p.layout|length }}</td>
                        <td>
                            {% if u.total > 0 %}
                                <span class="badge text-bg-light border" title="{{ u.profiles }} profil(s), {{ u.templates }} modèle(s), {{ u.sheets }} fiche(s)">
                                    {{ u.total }} utilisation{{ u.total > 1 ? 's' : '' }}
                                </span>
                            {% else %}
                                <span class="text-secondary">Aucune</span>
                            {% endif %}
                        </td>
                        <td>
                            {% if p.active %}
                                <span class="badge text-bg-success">Actif</span>
                            {% else %}
                                <span class="badge text-bg-secondary">Archivé</span>
                            {% endif %}
                        </td>
                        <td class="text-nowrap text-end">
                            {% if can_permission('STAGE_PLAN', 2) and u.total == 0 %}
                                <a class="btn btn-sm btn-outline-dark" href="{{ path('admin_stage_plan_edit', {id:p.id}) }}" title="Modifier">
                                    <i class="bi bi-pencil"></i>
                                </a>
                            {% endif %}
                            {% if can_permission('STAGE_PLAN', 2) %}<a class="btn btn-sm btn-outline-secondary" href="{{ path('admin_stage_plan_version', {id:p.id}) }}" title="Dupliquer dans une nouvelle version">
                                <i class="bi bi-copy me-1"></i>{{ u.total > 0 ? 'Nouvelle version' : 'Dupliquer' }}
                            </a>{% endif %}

                            {% if can_permission('STAGE_PLAN', 2) and p.active %}
                                <form method="post" action="{{ path('admin_stage_plan_archive', {id:p.id}) }}" class="d-inline">
                                    <input type="hidden" name="_token" value="{{ csrf_token('archive-stage-plan-' ~ p.id) }}">
                                    <button class="btn btn-sm btn-outline-secondary" type="submit" title="Archiver">
                                        <i class="bi bi-archive"></i>
                                    </button>
                                </form>
                            {% endif %}

                            {% if can_permission('STAGE_PLAN', 3) and u.total == 0 %}
                                <form method="post" action="{{ path('admin_stage_plan_delete', {id:p.id}) }}" class="d-inline" onsubmit="return confirm('Supprimer définitivement ce plan de scène ? Cette action est irréversible.');">
                                    <input type="hidden" name="_token" value="{{ csrf_token('delete-stage-plan-' ~ p.id) }}">
                                    <button class="btn btn-sm btn-outline-danger" type="submit" title="Supprimer définitivement">
                                        <i class="bi bi-trash"></i>
                                    </button>
                                </form>
                            {% else %}
                                <button class="btn btn-sm btn-outline-danger" type="button" disabled title="Ce plan est utilisé et ne peut pas être supprimé">
                                    <i class="bi bi-trash"></i>
                                </button>
                            {% endif %}
                        </td>
                    </tr>
                {% endfor %}
                </tbody>
            </table>
        </div>
    </div>
</div>
{% endblock %}