{% extends "admin/layout.html.twig" %}


{% block content %}

	<div class="page-section">
		<div class="row border border-7">
			<div class="col border border-1 text-center p-5">
				<h2>{{ client.lastname | nzo_decrypt }}
					<small>"{{ client.enseigne }}"</small>
				</h2>
				<div class="col-0 col-action">
					<span>
						<a href="{{ path('admin_edit_client',{'id': client.id }) }}" class="link-action">
							<i class="fas fa-ellipsis-h"></i>
						</a>
					</span>
				</div>
			</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 %}
						<li class="list-group-item mb-2 border-top border-1 text-center">
							<button name="add_distrib" id="" class="btn btn-success" type="button" value="">Ajouter un
																																																																																                                distributeur
								<i class="fas fa-plus"></i>
							</button>
						</li>
					{% 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 class="col-0 col-action">
										<span class="mr-1">
											<i class="fas fa-minus text-danger"></i>
										</span>

										<span>
											<a href="{{ path('admin_edit_distributeur',{'id': list_dist.id }) }}" class="link-action">
												<i class="fas fa-ellipsis-h"></i>
											</a>
										</span>


									</div>


								</div>
							</li>

						{% endfor %}
					</ul>
				</div>
				<div class="col border border-7">
					<h4 class="col-title-box">Mailing en cours...</h4>
                    
					<ul>
						{% if eventDates|length == null %}
							<li>Aucun mailing en cours !</li>
						{% else %}

							{% for mailing in eventDates %}
								{% set Completed = 0 %}
                            
								{% for Status in mailing.Dates %}
									{% if Status.Status == 'completed' %}
										{% set Completed = Completed + 1 %}
									{% endif %}
								{% endfor %}
								<li class="list-group-item mb-2 border-top border-1">
                                   <span class="badge badge-pill badge-primary"> {{mailing.distributeur.code}}</span> {{mailing.name}} : 
                        
									<a href="{{ path('admin_genedates_event',{'id': mailing.id })}}" class="badge badge-info" title="Liste des mails envoyé">{{Completed}}/{{mailing.Dates| length}}</a>
								</li>

							{% endfor %}


						{% endif %}

					</ul>
				</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>:
						</p>
						{% for comment in client.comments %}
							<div style="border: 1px solid #dee2e6; margin-bottom: 10px;margin-top: 10px">
								<div class="row">
									<div class="col-3">
										<small>{{ comment.createAt | date('d/m/y H:i') }}</small>
										{{ comment.authorName }}:

									</div>
									<div class="col">
										{{ comment.content | raw }}
									</div>
								</div>
							</div>
						{% endfor %}


						{{ form_start(commentForm) }}
						{{ form_row(commentForm.content, {'attr':{'placeholder':'Votre Commentaire'}}) }}
						<button type="submit" class="btn btn-success">Commentez</button>
						{{ form_end(commentForm) }}

					</div>
				</div>


			</div>

		</div>


	{% endblock %}