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

	<div class="my-4">
		{% if Person.IsMember %}
			<div class="mb-3">
				<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-primary areyousure" type="submit">
						<i class="bi-arrow-repeat"></i>
						Convertir en contact
					</button>
				</form>
			</div>
			<div>
				<form
					action="/members/{{ Person.ID }}/archive"
					method="post"
					class="d-inline p-0"
				>
					<button class="btn btn-md btn-warning areyousure" type="submit">
						<i class="bi-archive"></i>
						Archiver
					</button>
				</form>
				<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>
		{% 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 %}