pop-camarades/views/person.html

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

			{% if Field.FieldType == "text" %}
				<input
					type="text"
					class="form-control"
					disabled
					readonly

					{% for FieldValue in FieldValues %}
						{% if FieldValue.FieldID == Field.ID %}
							value="{{ FieldValue.ValueString.String }}"
						{% endif %}
					{% endfor %}
				>
			{% endif %}

			{% if Field.FieldType == "longtext" %}
				<textarea
					type="text"
					class="form-control"
					disabled
					readonly
					rows="4"
				>{% for FieldValue in FieldValues %}{% if FieldValue.FieldID == Field.ID %}{{ FieldValue.ValueString.String }}{% endif %}{% endfor %}</textarea>
			{% endif %}
			
			{% if Field.FieldType == "number" %}
				<input
					type="text"
					class="form-control"
					disabled
					readonly

					{% for FieldValue in FieldValues %}
						{% if FieldValue.FieldID == Field.ID %}
							value="{{ FieldValue.ValueInt.Int64 }}"
						{% endif %}
					{% endfor %}
				>
			{% endif %}
			
			{% if Field.FieldType == "date" %}
				<input
					type="text"
					class="form-control"
					disabled
					readonly

					{% for FieldValue in FieldValues %}
						{% if FieldValue.FieldID == Field.ID %}
							value="{{ FieldValue.ValueDate.Time|date:"02.01.2006" }}"
						{% endif %}
					{% endfor %}
				>
			{% endif %}

			{% if Field.FieldType == "list" and Field.List.Multi %}
				{% for FieldValue in FieldValues %}
					{% if FieldValue.FieldID == Field.ID %}
						<div class="mb-1">
							&mdash; {{ FieldValue.ListItem.Value }}
						</div>
					{% endif %}
				{% endfor %}
			{% endif %}

			{% if Field.FieldType == "list" and !Field.List.Multi %}
				<input
					type="text"
					class="form-control"
					disabled
					readonly

					{% for FieldValue in FieldValues %}
						{% if FieldValue.FieldID == Field.ID %}
							value="{{ FieldValue.ListItem.Value }}"
						{% endif %}
					{% endfor %}
				>
			{% endif %}

		</div>
	</div>
	{% endfor %}

	<div class="my-5">
		{% if Person.IsMember %}

			<div class="row">
				<div class="col-md-6">
					{% if !Person.DeletedAt.Valid %}

						{% if PermEdit %}
							<a class="btn btn-md btn-primary" href="/members/{{ Person.ID }}/edit">
								<i class="bi-pencil-square"></i>
								Modifier
							</a>
						{% endif %}

						{% if PermConvert %}
							<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>
						{% endif %}
					{% endif %}
				</div>
				<div class="col-md-6 text-md-end mt-2 mt-md-0">
					{% if Person.DeletedAt.Valid %}

						{% if PermRestore %}
							<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>
						{% endif %}

					{% else %}

						{% if PermArchive %}
							<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 %}

					{% endif %}

					{% if PermPurge %}					
						<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>
					{% endif %}

				</div>
			</div>

		{% else %}

			<div class="row">
				<div class="col-md-6">
					{% if !Person.DeletedAt.Valid %}					
					<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 }}/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 membre
						</button>
					</form>
					{% endif %}
				</div>
				<div class="col-md-6 text-md-end mt-2 mt-md-0">
					{% if Person.DeletedAt.Valid %}
						<form
							action="/contacts/{{ 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="/contacts/{{ 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="/contacts/{{ 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>

		{% endif %}
	</div>

</div>
{% endblock %}