{% extends 'admin/layout.html.twig' %}
{% block title %}{{ title }} — WTL{% endblock %}
{% block admin_body %}
<div class="mb-4">
<h1 class="h2">{{ title }}
</h1>
<p class="text-secondary">Liste administrable utilisée dans les formulaires de prospection.</p>
</div>
<div class="row g-4">
<div class="col-lg-8">
<div class="card table-card">
<div class="table-responsive">
<table class="table align-middle mb-0 data-table">
<thead class="table-light">
<tr>
<th>Libellé</th>
<th>Ordre</th>
<th>État</th>
<th>
</th>
</tr>
</thead>
<tbody>
{% for item in items %}
<tr>
<td>{{ item.name }}
</td>
<td>{{ item.position }}
</td>
<td>
<span class="badge {{ item.active ? 'text-bg-success' : 'text-bg-secondary' }}">{{ item.active ? 'Actif' : 'Inactif' }}
</span>
</td>
<td class="text-end">
{% if can_permission('LOOKUP_SETTINGS',2) %}<button class="btn btn-sm btn-outline-dark edit-lookup" data-id="{{ item.id }}" data-name="{{ item.name }}" data-position="{{ item.position }}" data-active="{{ item.active ? 1 : 0 }}">Modifier</button>{% endif %}
{% if can_permission('LOOKUP_SETTINGS',3) %}<form method="post" action="{{ path('admin_lookup_delete',{type:type,id:item.id}) }}" class="d-inline" onsubmit="return confirm('Supprimer cette valeur ?')">
<input type="hidden" name="_token" value="{{ csrf_token('delete-lookup-' ~ type ~ '-' ~ item.id) }}">
<button class="btn btn-sm btn-outline-danger">Supprimer</button>
</form>{% endif %}
</td>
</tr>
{% endfor %}
</tbody>
</table>
</div>
</div>
</div>
{% if can_permission('LOOKUP_SETTINGS',2) %}<div class="col-lg-4">
<div class="card table-card">
<div class="card-body p-4">
<h2 class="h5" id="form-title">Ajouter</h2>
<form method="post" action="{{ path('admin_lookup_save',{type:type}) }}">
<input type="hidden" name="_token" value="{{ csrf_token('lookup-' ~ type) }}">
<input type="hidden" name="id" id="lookup-id">
<div class="mb-3">
<label class="form-label">Libellé</label>
<input class="form-control" name="name" id="lookup-name" required>
</div>
<div class="mb-3">
<label class="form-label">Ordre</label>
<input class="form-control" type="number" name="position" id="lookup-position" value="0">
</div>
<div class="form-check mb-3">
<input class="form-check-input" type="checkbox" name="active" value="1" id="lookup-active" checked>
<label class="form-check-label" for="lookup-active">Actif</label>
</div>
<button class="btn btn-dark w-100">Enregistrer</button>
<button type="button" class="btn btn-link w-100 d-none" id="cancel-edit">Annuler la modification</button>
</form>
</div>
</div>
</div>{% endif %}
</div>
{% endblock %}
{% block javascripts %}{{ parent() }}
<script>(()=>{const id=document.querySelector('#lookup-id'),name=document.querySelector('#lookup-name'),pos=document.querySelector('#lookup-position'),active=document.querySelector('#lookup-active'),cancel=document.querySelector('#cancel-edit'),title=document.querySelector('#form-title');document.querySelectorAll('.edit-lookup').forEach(b=>b.onclick=()=>{id.value=b.dataset.id;name.value=b.dataset.name;pos.value=b.dataset.position;active.checked=b.dataset.active==='1';title.textContent='Modifier';cancel.classList.remove('d-none');name.focus()});cancel.onclick=()=>{id.value='';name.value='';pos.value=0;active.checked=true;title.textContent='Ajouter';cancel.classList.add('d-none')}})();</script>
{% endblock %}