{% extends "layouts/main.html" %}

{% block main %}
<div class="container mt-4">
	<div class="mb-4">
		<nav>
			<ol class="breadcrumb">
				<li class="breadcrumb-item"><a href="/">Accueil</a></li>
				<li class="breadcrumb-item"><a href="/admin">Administration</a></li>
				<li class="breadcrumb-item"><a href="/admin/lists">Listes</a></li>
				<li class="breadcrumb-item active">{{ List.Name }}</li>
			</ol>
		</nav>
		<hr>
	</div>

	<div class="mb-3">
			<b>Nom</b><br>
			{{ List.Name }}
	</div>

	<div class="mb-3">
		<b>Liste à choix multiples</b><br>
		{% if List.Multi %}Oui{% else %}Non{% endif %}
	</div>

	<div class="mt-3">
		<a class="btn btn-md btn-primary" href="/admin/lists/{{ List.ID }}/edit">
			<i class="bi-pencil-square"></i>
			Modifier
		</a>
		<form
			action="/admin/lists/{{ List.ID }}/delete"
			method="post"
			class="d-inline p-0"
		>
			<button class="btn btn-md btn-danger areyousure" type="submit">
				<i class="bi-trash3"></i>
				Supprimer
			</button>
		</form>
	</div>

	<hr>
	{% if ListItems %}	
	<table class="table">
		<thead>
			<tr>
				<th>Valeur</th>
				<th>Par défaut</th>
				<th></th>
			</tr>
		</thead>
		<tbody>
			{% for Item in ListItems %}
			<tr>
				<td>
					<a href="/admin/lists/{{ List.ID }}/items/{{ Item.ID }}">
						{{ Item.Value }}
					</a>
				</td>
				<td>
					{% if Item.Default %}
						Oui
					{% else %}
						Non
					{% endif %}
				</td>
				<td>
					<form
						action="/admin/lists/{{ List.ID }}/items/{{ Item.ID }}/delete"
						method="post"
						class="d-inline p-0"
					>
						<button class="btn btn-md btn-danger areyousure" type="submit">
							<i class="bi-trash3"></i>
							Supprimer
						</button>
					</form>
				</td>
			</tr>
			{% endfor %}
		</tbody>
	</table>
	{% else %}
	<div>
		Pas encore d'éléments dans cette liste.
	</div>
	{% endif %}

	<div class="mt-3">
		<a class="btn btn-md btn-primary" href="/admin/lists/{{ List.ID }}/items/add">
			<i class="bi-plus-lg"></i>
			Ajouter
		</a>
	</div>
</div>
{% endblock %}