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

{% block main %}
<div class="container mt-4">
	<h1>Listes</h1>
	<hr>

	{% if Lists %}
	<div class="table-responsive">
		<table class="table table-borderless table-hover">
			<tbody>
				{% for List in Lists %}
				<tr>
					<td
						class="item-click"
						onclick="window.location.href='/admin/lists/{{ List.ID }}'"
					>
						<a href="/admin/lists/{{ List.ID }}">
							{{ List.Name }}
						</a>
					</td>
				</tr>
				{% endfor %}
			</tbody>
		</table>
	</div>
	{% else %}
	<div class="my-4">
		Pas de liste pour le moment
	</div>
	{% endif %}

	<div class="mt-3">
		<a class="btn btn-md btn-primary" href="/admin/lists/add">
			<i class="feather" data-feather="plus"></i>
			Ajouter
		</a>
	</div>

</div>
{% endblock %}