{% 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="row mb-3">
		<div class="col-md-2">
			Nom
		</div>
		<div class="col-md-10">
			<input
				type="text"
				class="form-control"
				value="{{ List.Name }}"
				disabled
				readonly
			>
		</div>
	</div>

	<div class="row mb-3">
		<div class="col-md-2">
			Liste à choix multiples
		</div>
		<div class="col-md-10">
			{% if Section.Multi %}
				<div class="input-group">
				  <span class="input-group-text">
						<i class="bi-check-lg text-success"></i>
					</span>
					<input
						type="text"
						class="form-control"
						value="Oui"
						disabled
					>
				</div>
			{% else %}
				<div class="input-group">
				  <span class="input-group-text">
						<i class="bi-x-lg text-danger"></i>
					</span>
					<input
						type="text"
						class="form-control"
						value="Non"
						disabled
					>
				</div>
			{% endif %}
		</div>
	</div>

	<div class="my-4">
		<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>

	<div class="mt-4 mb-3">
		<span class="h4">
			Contenu de la liste
		</span>
	</div>
	{% 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 %}
						<i class="bi-check-lg text-success me-1"></i>
						Oui
					{% else %}
						<i class="bi-x-lg text-danger me-1"></i>
						Non
					{% endif %}
				</td>
				<td class="text-end">
					<form
						action="/admin/lists/{{ List.ID }}/items/{{ Item.ID }}/delete"
						method="post"
						class="d-inline p-0"
					>
						<button class="btn btn-sm 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="my-4">
		<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 %}