{% block content %}

	<div class="page-section">
		<div class="row border border-7">
			<div class="col border border-1 col-ID text-center">
				{# <h2>{{ client.lastname | nzo_decrypt }} #}
					<small>"{{ client.enseigne }}"</small>
				</h2>
			</div>
		</div>

		<div class="row border border-7 flex-column ">
			<h4 class="col-title-box">Information générales</h4>

			<div class="p-3">
				<div class="row">
					<div class="col">
						<span class="font-weight-bold">N° Client :</span>
						{{client.codeClient}}
					</div>
					<div class="col">
						<span class="font-weight-bold">Prénom :</span>
						{{client.Firstname}}
					</div>
					<div class="col">
						<span class="font-weight-bold">Nom :</span>
						{{client.lastname|nzo_decrypt}} #}
					</div>
					<div class="col">
						<span class="font-weight-bold">Enseigne :</span>
						{{client.enseigne}}
					</div>
				</div>


				<div class="row">
					<div class="col">
						<span class="font-weight-bold">Adresse :</span>
						{{client.address|nzo_decrypt}}
					</div>
					<div class="col">
						<span class="font-weight-bold">Code postal:</span>
						{{client.postalCode}}
					</div>
					<div class="col">
						<span class="font-weight-bold">Ville :</span>
						{{client.City}}
					</div>
					<div class="col"></div>
				</div>

				<div class="row">
					<div class="col">
						<span class="font-weight-bold">Téléphone</span>
						{{client.phone|nzo_decrypt}}
					</div>
					<div class="col">
						<span class="font-weight-bold">E-mail</span>
						{{client.email|nzo_decrypt}}
					</div>
					<div class="col"></div>
					<div class="col"></div>
				</div>
			</div>

		</div>
		<div class="row">
			<div class="col-4 border border-7 mr-2">
				<ul class="list-group">
					<h4 class="col-title-box">Liste des distributeurs</h4>
					{% if distributeurs is empty %}
						<p>Aucun distributeur</p>
					{% endif %}
					{% for list_dist in distributeurs %}
							<li class="list-group-item mb-2 border-top border-1">
								<div class="distrib-box">
									<div class="row m-0 align-items-center">
										<div class="col col-distrib-box">
											<span>
												<i class="fas fa-thermometer-half"></i>
												{{list_dist.type}}</span>
											<span>
												<i class="fas fa-key"></i>
												{{list_dist.code}}</span>
											<span>
												<i class="fas fa-map-pin"></i>
												{{list_dist.addressSetup| nzo_decrypt}}</span>
										</div>
									</div>
								</li>
	
					{% endfor %}
				</ul>
			</div>
			<div class="col border border-7">
				<h4 class="col-title-box">Mailing en cours...</h4>
			</div>
		</div>

		<div class="row col-box border border-7">
			<div class="col">
				<h4 class="col-title-box">Commentaire</h4>
				<div class="p-3">
					<p>
						<b>Commentaires</b>:
						{{ client.comment }}

						<div class="comment-box border border-1">
							<h5>Commentaire 1</h5>
							<div class="">
								<p>Un commentaire !</p>
							</div>
						</div>

					</p>

				</div>
			</div>


		</div>

	</div>


{% endblock %}