{% 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>

				{% if Person.IsMember %}
					<li class="breadcrumb-item"><a href="/members">Membres</a></li>
				{% else %}
					<li class="breadcrumb-item"><a href="/contacts">Contacts</a></li>
				{% endif %}
				
				<li class="breadcrumb-item active">
					{{ Person.LastName }} {{ Person.FirstName }}
				</li>
			</ol>
		</nav>
		<hr>
	</div>

	<div class="row mb-3">
			<div class="col-md-2">
				Nom de famille
			</div>
			<div class="col-md-10">
				<input
					type="text"
					class="form-control"
					value="{{ Person.LastName }}"
					disabled
					readonly
				>
			</div>
	</div>

	<div class="row mb-3">
		<div class="col-md-2">
			Prénom
		</div>
		<div class="col-md-10">
			<input
				type="text"
				class="form-control"
				value="{{ Person.FirstName }}"
				disabled
				readonly
			>
		</div>
	</div>

	<div class="row mb-3">
		<div class="col-md-2">
			Email
		</div>
		<div class="col-md-10">
			<input
				type="text"
				class="form-control"
				value="{{ Person.Email }}"
				disabled
				readonly
			>
		</div>
	</div>

	<div class="row mb-3">
		<div class="col-md-2">
			Téléphone fixe
		</div>
		<div class="col-md-10">
			<input
				type="text"
				class="form-control"
				value="{{ Person.Phone }}"
				disabled
				readonly
			>
		</div>
	</div>

	<div class="row mb-5">
		<div class="col-md-2">
			Téléphone mobile
		</div>
		<div class="col-md-10">
			<input
				type="text"
				class="form-control"
				value="{{ Person.Mobile }}"
				disabled
				readonly
			>
		</div>
	</div>

	<div class="row mb-2">
		<div class="col-md-2">
			Adresse
		</div>
		<div class="col-md-10">
			<input
				type="text"
				class="form-control"
				value="{{ Person.Address1 }}"
				disabled
				readonly
			>
		</div>
	</div>

	<div class="row mb-2">
		<div class="col-md-10 offset-md-2">
			<input
				type="text"
				class="form-control"
				value="{{ Person.Address2 }}"
				disabled
				readonly
			>
		</div>
	</div>

	<div class="row mb-5">
		<div class="col-md-3 col-lg-2 offset-md-2 mb-2 mb-md-0">
			<input
				type="text"
				class="form-control"
				value="{{ Person.PostalCode }}"
				disabled
				readonly
			>
		</div>
		<div class="col-md-7 col-lg-8">
			<input
				type="text"
				class="form-control"
				value="{{ Person.City }}"
				disabled
				readonly
			>
		</div>
	</div>

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

	{% if Fields %}
	<div class="mt-4 mb-3">
		<span class="h4">
			Champs supplémentaires
		</span>
	</div>
	{% endif %}

	{% for Field in Fields %}
	<div class="row mb-3">
		<div class="col-md-2">
			{{ Field.Name }}
		</div>
		<div class="col-md-10">
			<input
				type="text"
				class="form-control"
				disabled
				readonly
				
				{% for FieldValue in FieldValues %}
					{% if FieldValue.FieldID == Field.ID %}

						{% if Field.FieldType == "text" or Field.FieldType == "longtext" %}
							value="{{ FieldValue.ValueString }}"
						{% endif %}
						
						{% if Field.FieldType == "number" %}
							value="{{ FieldValue.ValueInt }}"
						{% endif %}
						
						{% if Field.FieldType == "date" %}
							value="{{ FieldValue.ValueDate }}"
						{% endif %}

						{% if Field.FieldType == "list" %}
							value="{{ FieldValue.ListItem.Value }}"
						{% endif %}
						
					{% endif %}
				{% endfor %}
			>
		</div>
	</div>
	{% endfor %}

	<div class="my-5">
		{% if Person.IsMember %}
			<div class="row">
				<div class="col-md-6">
					<a class="btn btn-md btn-primary" href="/members/{{ Person.ID }}/edit">
						<i class="bi-pencil-square"></i>
						Modifier
					</a>
					<form
						action="/members/{{ Person.ID }}/convert"
						method="post"
						class="d-inline p-0"
					>
						<button class="btn btn-md btn-secondary areyousure" type="submit">
							<i class="bi-arrow-repeat"></i>
							Convertir en contact
						</button>
					</form>
				</div>
				<div class="col-md-6 text-md-end mt-2 mt-md-0">
					{% if Person.DeletedAt.Valid %}
						<form
							action="/members/{{ Person.ID }}/restore"
							method="post"
							class="d-inline p-0"
						>
							<button class="btn btn-md btn-secondary areyousure" type="submit">
								<i class="bi-person-check"></i>
								Restaurer
							</button>
						</form>
					{% else %}					
						<form
							action="/members/{{ Person.ID }}/archive"
							method="post"
							class="d-inline p-0"
						>
							<button class="btn btn-md btn-secondary areyousure" type="submit">
								<i class="bi-person-slash"></i>
								Archiver
							</button>
						</form>
					{% endif %}
					<form
						action="/members/{{ Person.ID }}/purge"
						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>
		{% else %}
			<a class="btn btn-md btn-primary" href="/contacts/{{ Person.ID }}/edit">
				<i class="bi-pencil-square"></i>
				Modifier
			</a>
			<form
				action="/contacts/{{ Person.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>
		{% endif %}
	</div>

</div>
{% endblock %}