{% 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/fields">Champs supplémentaires</a></li>
				<li class="breadcrumb-item active">{{ Field.Name }}</li>
			</ol>
		</nav>
		<hr>
	</div>

	<div class="row mb-3">
		<div class="col-md-2">
			Nom du champ
		</div>
		<div class="col-md-10">
			<input
				type="text"
				class="form-control"
				value="{{ Field.Name }}"
				disabled
				readonly
			>
		</div>
	</div>

	<div class="row mb-3">
		<div class="col-md-2">
			Population
		</div>
		<div class="col-md-10">
			{% for Key, Value in PersonTypes %}
				{% if Key == Field.PersonType %}
					<input
						type="text"
						class="form-control"
						value="{{ Value }}"
						disabled
						readonly
					>
				{% endif %}
			{% endfor %}
		</div>
	</div>

	<div class="row mb-3">
		<div class="col-md-2">
			Type de champ
		</div>
		<div class="col-md-10">
			{% for Key, Value in FieldTypes %}
				{% if Key == Field.FieldType %}
					<input
						type="text"
						class="form-control"
						value="{{ Value }}"
						disabled
						readonly
					>
				{% endif %}
			{% endfor %}
		</div>
	</div>

	<div class="row mb-3">
		<div class="col-md-2">
			Liste
		</div>
		<div class="col-md-10">
			<div class="input-group">
				{% if Field.ListID %}
					<input
						type="text"
						class="form-control"
						value="{{ Field.List.Name }}"
						readonly
						disabled
					>
					<span class="input-group-text">
						<a href="/admin/lists/{{ Field.List.ID }}">
							Afficher
							<i class="bi-box-arrow-up-right ms-1"></i>
						</a>
					</span>
				</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/fields/{{ Field.ID }}/edit">
			<i class="bi-pencil-square"></i>
			Modifier
		</a>
		<form
			action="/admin/fields/{{ Field.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>
{% endblock %}