{% extends 'admin/layout.html.twig' %}
{% block title %}Éléments scéniques{% endblock %}
{% block admin_body %}
<div class="d-flex justify-content-between align-items-center mb-4"><div><a class="text-secondary text-decoration-none" href="{{ path('admin_stage_plan_index') }}"><i class="bi bi-arrow-left"></i> Plans de scène</a><h1 class="h3 mt-2 mb-0">Éléments scéniques spécifiques</h1><p class="text-secondary mb-0">Ces éléments n’apparaissent que dans le projet actif. Les éléments système sont gérés lors de la configuration du projet.</p></div></div>
<div class="row g-4">
<div class="col-xl-8"><div class="card border-0 shadow-sm"><div class="card-body">
<table class="table align-middle data-table"><thead><tr><th>Code</th><th>Nom</th><th>Catégorie</th><th>Icône</th><th>Actif</th><th data-orderable="false"></th></tr></thead><tbody>
{% for i in items %}<tr><td><code>{{ i.code }}</code></td><td>{{ i.name }}</td><td>{{ i.categoryLabel }}</td><td>{{ i.iconFile ?: '—' }}</td><td>{{ i.active?'Oui':'Non' }}</td><td class="text-nowrap">{% if can_permission('STAGE_ELEMENT',2) %}<a class="btn btn-sm btn-outline-dark" href="{{ path('admin_stage_element_index',{edit:i.id}) }}"><i class="bi bi-pencil"></i></a>{% endif %}{% if can_permission('STAGE_ELEMENT',3) %}<form class="d-inline" method="post" action="{{ path('admin_stage_element_delete',{id:i.id}) }}" onsubmit="return confirm('Supprimer cet élément du catalogue ?');"><input type="hidden" name="_token" value="{{ csrf_token('delete-stage-element-'~i.id) }}"><button class="btn btn-sm btn-outline-danger"><i class="bi bi-trash"></i></button></form>{% endif %}</td></tr>{% else %}<tr><td colspan="6" class="text-center text-secondary py-4">Aucun élément spécifique. Les éléments système sélectionnés restent disponibles.</td></tr>{% endfor %}
</tbody></table></div></div></div>
{% if can_permission('STAGE_ELEMENT',2) %}<div class="col-xl-4"><div class="card border-0 shadow-sm"><div class="card-header bg-white"><strong>{{ entity.id?'Modifier':'Ajouter un élément spécifique' }}</strong></div><div class="card-body"><form method="post"><input type="hidden" name="_token" value="{{ csrf_token('stage-element') }}"><input type="hidden" name="id" value="{{ entity.id }}">
<label class="form-label">Code *</label><input class="form-control mb-3" name="code" value="{{ entity.code }}" required placeholder="bh_totem_left">
<label class="form-label">Nom *</label><input class="form-control mb-3" name="name" value="{{ entity.name }}" required placeholder="Totem gauche">
<label class="form-label">Catégorie</label><select class="form-select mb-3" name="category">{% for code,label in categories %}<option value="{{ code }}" {{ entity.category==code?'selected':'' }}>{{ label }}</option>{% endfor %}</select>
<label class="form-label">Icône</label><select class="form-select mb-3" name="icon_file"><option value="">Aucune / placeholder</option>{% for icon in icons %}<option value="{{ icon }}" {{ entity.iconFile==icon?'selected':'' }}>{{ icon }}</option>{% endfor %}</select>
<label class="form-label">Ordre</label><input class="form-control mb-3" type="number" name="position" value="{{ entity.position }}">
<div class="form-check"><input class="form-check-input" type="checkbox" name="active" id="active" {{ entity.active?'checked':'' }}><label class="form-check-label" for="active">Actif</label></div>
<button class="btn btn-dark w-100 mt-3">Enregistrer</button></form></div></div></div>{% endif %}
</div>
{% endblock %}