{% extends '@EasyAdmin/page/content.html.twig' %}

{% block content_title %}
	Réponse du client
{% endblock %}

{% block page_title %}
	{{ block('content_title') }}
{% endblock %}

{% block main %}

	<div class="container-fluid ">
		<div class="row g-2">
			<div class="col-md-6">
				<div class="card border-dark mb-2">
					<ul class="list-group list-group-flush">
						<li class="list-group-item">
							<p>
								<strong>Titre >
								</strong>
								{{ mform.title }}
							</p>
						</li>
						<li class="list-group-item">
							<p>
								<strong>Date >
								</strong>
								{{ mform.dateCreation|date('d-m-Y') }}
								{{ mform.dateCreation|date('H:i:s') }}
							</p>
						</li>
					</ul>
				</div>

				<div class="card border-dark mb-3">
					<div class="card-header bg-transparent border-dark">
						<p class="h3">Réponses liées au questionnaire</p>
					</div>

					<div class="card-body text-black">

						{% set jsondata = mform.getJsonData() %}

						{% if jsondata[mform.title] is defined %}

							{% for stepTitle in jsondata[mform.title]|keys %}
								<p class="h4">

									{% if stepTitle != 'recap' %}
										{{ stepTitle }}
									{% endif %}

								</p>
								<div class="ms-3">

									{% for question in jsondata[mform.title][stepTitle]|keys %}

										{% if 'contact_' not in question and 'entreprise_' not in question and 'recap-' not in question %}

											<label class="my-2">
												{{ question }}
											</label>

											<br>

											{% set type = jsondata[mform.title][stepTitle][question]['type'] %}
											{% set options = jsondata[mform.title][stepTitle][question]['options'] %}
											{% if jsondata[mform.title][stepTitle][question]['optionslabel'] is defined %}
												{% set optionslabels = jsondata[mform.title][stepTitle][question]['optionslabel'] %}
											{% endif %}
											{% set reponse = jsondata[mform.title][stepTitle][question]['reponse'] %}

											{% if type == 'radio' %}

												{% for option in options %}
													<div class="my-2">
														{% if reponse == option %}
															<input class="form-check-input" type="radio" name="{{question}}" value="{{option}}" checked disabled>
														{% else %}
															<input class="form-check-input" type="radio" name="{{question}}" value="{{option}}" disabled>
														{% endif %}
														<label class="form-check-label" for="">
															* &nbsp;
															{{option}}
															{% if optionslabels is not null %}
																-
																{{optionslabels[loop.index - 1]}}
															{% endif %}
														</label>
													</div>
												{% endfor %}

											{% elseif type == 'checkbox' %}

												{% for option in options %}
													<div class="my-2">

														{% if option in reponse %}
															<input class="form-check-input" type="checkbox" name="{{question}}" value="{{option}}" checked disabled>
														{% else %}
															<input class="form-check-input" type="checkbox" name="{{question}}" value="{{option}}" disabled>
														{% endif %}
														<label class="form-check-label" for="">
															* &nbsp;
															{{option}}
															{% if optionslabels is not null %}
																-
																{{optionslabels[loop.index - 1]}}
															{% endif %}
														</label>
													</div>
												{% endfor %}

											{% elseif type == 'list' %}

												{% for option in options %}

													<div class="my-2">

														<input class="form-input" type="number" name="{{question}}" value="{{reponse[loop.index - 1]}}" disabled>

														<label class="form-label" for="">
															* &nbsp;
															{{option}}
															{% if optionslabels is not null %}
																-
																{{optionslabels[loop.index - 1]}}
															{% endif %}
														</label>
													</div>
												{% endfor %}

											{% elseif type == 'textarea' %}

												<div class="my-2">
													<textarea disabled rows="4" class="w-100 form-control" name="{{question}}" id="{{question}}">{{reponse}}</textarea>
												</div>

											{% else %}

												<input disabled type="{{type}}" class="form-control mb-2" name="{{question}}" id="{{question}}" value="{{reponse}}">

											{% endif %}

										{% endif %}

									{% endfor %}

								</div>
							{% endfor %}

						{% endif %}

					</div>

				</div>
			</div>

			<div class="col-md-6">

				<div class="card border-dark mb-2">
					<div class="card-header bg-transparent border-dark">
						<p class="h4">Récapitulatif</p>
					</div>
					<div class="card-body text-black">
						{% set jsondata = mform.getJsonData() %}

						{% if jsondata[mform.title] is defined %}
                            {% set encaissement_en_ligne = '' %}
							{% set payment_result = [] %}
							{% set uniterecap =[] %}
							{% for stepTitle in jsondata[mform.title]|keys %}
								{% if stepTitle == 'recap' %}
									{% set label = jsondata[mform.title][stepTitle]['recap-label'] %}
									{% set idrecap = jsondata[mform.title][stepTitle]['recap-id'] %}
									{% set resrecap = jsondata[mform.title][stepTitle]['recap-res'] %}
									{% set uniterecap = jsondata[mform.title][stepTitle]['recap-unite'] %}
                                    {% if jsondata[mform.title][stepTitle]['recap-encaissement-en-ligne'] is defined %}
										{% set encaissement_en_ligne = jsondata[mform.title][stepTitle]['recap-encaissement-en-ligne'] %}
									{% endif %}
									{% if jsondata[mform.title][stepTitle]['recap-unite'] is defined %}
										{% set uniterecap = jsondata[mform.title][stepTitle]['recap-unite'] %}
									{% endif %}
									{% if jsondata[mform.title][stepTitle]['recap-payment-result'] is defined %}
										{% set payment_result = jsondata[mform.title][stepTitle]['recap-payment-result'] %}
									{% endif %}
									{% if encaissement_en_ligne == '1' %}

										Statut du paiment :
										{% if mform.statutPaiement is not null and mform.statutPaiement == true %}
											<input disabled class="form-control mb-2" {#value='{{payment_result[0]}}'#} value="paiement réussi">
											Recap des paiements :
										{% elseif mform.statutPaiement is not null and mform.statutPaiement == false %}
											<input disabled class="form-control mb-2" {#value='{{payment_result[0]}}'#} value="paiement échoué">
										{% else %}
											<input disabled hidden class="form-control mb-2" {#value='{{payment_result[0]}}'#} value="opération non terminée">
										{% endif %}
										<br>
										{% if mform.montant is defined and mform.montant is not empty %}
											{% for key,value in mform.montant %}
												{{key}}
												:
												{{value}}
												eur
											{% endfor %}
										{% endif %}
										<div>
											<a href="{{path('download_pdf',{tokenid : mform.token})}}" class="btn btn-primary btn-lg active" aria-pressed="true">Voir PDF</a>
											<a href="{{path('generate_plan_stripe',{token : mform.token})}}" class="btn btn-warning btn-lg active" aria-pressed="true">Lien de paiement</a>
										</div>
									{% endif %}
									

									{% for label_recap in label %}
										{% set indexLabelRecap = loop.index %}
										<div class="label-recap-{{idrecap[loop.index-1]}} card mb-2">
											<div class="d-flex card-header text-light">
												<div class="me-auto p-2">{{label_recap}}</div>
												<div class="p-2">
													{% if resrecap[loop.index-1] != 0 %}

														{{ resrecap[loop.index-1] }}
														{{ uniterecap[loop.index-1] }}
													{% endif %}
												</div>
											</div>

											<div class="card-body">
												{% for stepTitle in jsondata[mform.title]|keys %}
													{% if stepTitle != 'recap' %}
														{% for question in jsondata[mform.title][stepTitle]|keys %}
															{% if 'contact_' not in question and 'entreprise_' not in question and 'recap-' not in question %}
																{% set type = jsondata[mform.title][stepTitle][question]['type'] %}
																{% set recapId = jsondata[mform.title][stepTitle][question]['recap-id'] %}
																{% set options = jsondata[mform.title][stepTitle][question]['options'] %}
																{% set optionslabels = jsondata[mform.title][stepTitle][question]['optionslabel'] %}
																{% set optionsImage = jsondata[mform.title][stepTitle][question]['optionsImage'] %}
																{% set optionsUnite = jsondata[mform.title][stepTitle][question]['optionsUnite'] %}

																{% set reponse = jsondata[mform.title][stepTitle][question]['reponse'] %}

																{% if type == 'radio' and recapId == idrecap[indexLabelRecap-1] %}

																	{% for option in options %}

																		{% if reponse == option %}

																			<div class="d-flex">

																				<div class="me-auto p-2">{{option}}</div>
																				<div class="p-2">{{ optionslabels[loop.index - 1] }}</div>
																			</div>

																		{% endif %}

																	{% endfor %}

																{% elseif type == 'checkbox' and recapId == idrecap[indexLabelRecap-1] %}

																	{% for option in options %}

																		{% if option in reponse %}

																			<div class="d-flex">

																				<div class="me-auto p-2">{{option}}</div>
																				<div class="p-2">{{ optionslabels[loop.index - 1] }}</div>
																			</div>

																		{% endif %}

																	{% endfor %}

																{% elseif type == 'list' and recapId == idrecap[indexLabelRecap-1] %}

																	{% for option in options %}

																		<div class="d-flex">

																			<div class="me-auto p-2">{{option}}</div>
																			{% set resmult = reponse[loop.index - 1] * optionslabels[loop.index - 1] %}
																			<div class="p-2">{{reponse[loop.index - 1]}}
																				*
																				{{ optionslabels[loop.index - 1] }}
																				=
																				{{resmult}}
																				&nbsp;{{ optionsUnite }}
																			</div>
																		</div>

																	{% endfor %}

																{% endif %}

															{% endif %}
														{% endfor %}
													{% endif %}
												{% endfor %}
											</div>
										</div>
										{# 
										<script>
											/* if ($('.label-recap-{{ idrecap[loop.index-1] }}').length > 1) {
												$('.label-recap-{{ idrecap[loop.index-1] }}').not(':last').addClass('d-none');
											} */
										</script>
										 #}
									{% endfor %}

								{% endif %}

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

				</div>

				<div class="container-fluid">
					<form id="formtop" method="POST" action="{{ ea_url().setRoute('modifier_form_statut_contact', {id: mform.id, type: 'all', form: mform.form}) }}">
						<div class="row d-flex justify-content-center">

							<div class="col-6">

								<div class="card h-100 border-dark mb-2">
									<div class="card-header bg-transparent border-dark">
										<p class="h4">Etat</p>
									</div>
									<div class="card-body text-black">
										{% for etat in status %}
											<div class="form-check my-2">
												{% if mform.etat == etat %}
													<input type="hidden" name="hiddenEtat" value="{{etat.id}}"/>
													<input class="form-check-input" type="radio" name="status" id="{{etat.label}}" value="{{etat.id}}" checked="checked">

												{% else %}
													<input class="form-check-input" type="radio" name="status" id="{{etat.label}}" value="{{etat.id}}">
												{% endif %}
												<label class="form-check-label" for="{{etat.label}}">
													{{etat.label}}
												</label>
											</div>
										{% endfor %}
									</div>

									{% if status|length > 0 %}
										<div class="card-footer bg-transparent border-dark">
											<textarea id="notes" name="notes" rows="3" class="mx-3" placeholder="note" maxlength="200"></textarea>
										</div>

										<div id="addhiddenstatut"></div>

									{% endif %}

								</div>

							</form>

						</div>
						<div class="col-6">

							<div class="card h-100 border-dark mb-2">
								<div class="card-header bg-transparent border-dark">
									<p class="h4">Contact</p>
								</div>
								<div class="card-body text-black">
									{% for contact in contacts %}
										<div class="form-check my-2">
											{% if mform.historyContacts|length > 0 %}
												{% if mform.historyContacts[0].contact == contact %}
													<input type="hidden" name="hiddenContact" value="{{contact.id}}"/>
													<input class="form-check-input" type="radio" name="contact" id="{{contact.label}}" value="{{contact.id}}" checked="checked">

												{% else %}
													<input class="form-check-input" type="radio" name="contact" id="{{contact.label}}" value="{{contact.id}}">

												{% endif %}
											{% else %}
												<input class="form-check-input" type="radio" name="contact" id="{{contact.label}}" value="{{contact.id}}">
											{% endif %}

											<label class="form-check-label" for="{{contact.label}}">
												{{contact.label}}
											</label>
										</div>
									{% endfor %}

								</div>

								{% if contacts|length > 0 %}
									<div class="card-footer bg-transparent border-dark">
										<textarea id="notesc" name="notesc" rows="3" class="mx-3" placeholder="note" maxlength="200"></textarea>
									</div>

									<div id="addhiddencontact"></div>

								{% endif %}

							</div>

						</div>

						<button id="etat-contact--edit" type="submit" class="mt-4 mb-5 btn bg-dark text-white" onclick="return submitforms();">Modifier état et contact</button>

					</form>
				</div>

				<div class="col-md-12">

					<div class="accordion" id="historyExample">

						<div class="accordion-item border-dark bg-transparent">
							<h2 class="accordion-header" id="historyEtats">
								<button class="accordion-button collapsed bg-transparent" type="button" data-bs-toggle="collapse" data-bs-target="#collapseEtat" aria-expanded="false" aria-controls="collapseTwo">
									<p class="h5">Historique des états</p>
								</button>
							</h2>
							<div id="collapseEtat" class="accordion-collapse collapse" aria-labelledby="historyEtats" data-bs-parent="#historyExample">
								<div class="accordion-body">
									{% if mform.historyFormEtats|length > 1 %}
										<table class="table table-striped">
											<thead>
												<tr>
													<th>Etat</th>
													<th>Utilisateur</th>
													<th>Date</th>
													<th>Notes</th>
												</tr>
											</thead>
											<tbody>
												{% for historyStatut in mform.historyFormEtats %}

													{% if historyStatut.utilisateur != null %}
														<tr>
															<td>
																{{ historyStatut.formEtat.label }}
															</td>

															<td>
																{{ historyStatut.utilisateur.email }}
															</td>

															<td>
																{{ historyStatut.dateCreation|date('d-m-Y') }}
																{{ historyStatut.dateCreation|date('H:i:s') }}
															</td>
															<td>
																{% if historyStatut.notes != null %}
																	{{ historyStatut.notes }}
																{% endif %}
															</td>
														</tr>
													{% endif %}

												{% endfor %}
											</tbody>
										</table>
									{% endif %}
									<u>Demande initial</u>
								</div>
							</div>
						</div>

						<div class="accordion-item border-dark bg-transparent">
							<h2 class="accordion-header" id="historyContacts">
								<button class="accordion-button collapsed bg-transparent" type="button" data-bs-toggle="collapse" data-bs-target="#collapseContact" aria-expanded="false" aria-controls="collapseTwo">
									<p class="h5">Historique des contacts</p>
								</button>
							</h2>
							<div id="collapseContact" class="accordion-collapse collapse" aria-labelledby="historyContacts" data-bs-parent="#historyExample">
								<div class="accordion-body">
									{% if mform.historyContacts|length > 0 %}
										<table class="table table-striped">
											<thead>
												<tr>
													<th>Etat</th>
													<th>Utilisateur</th>
													<th>Date</th>
													<th>Notes</th>
												</tr>
											</thead>
											<tbody>
												{% for historyContact in mform.historyContacts %}
													{% if historyContact.utilisateur != null %}
														<tr>
															<td>
																{{ historyContact.contact.label }}
															</td>
															<td>
																{{ historyContact.utilisateur.email }}
															</td>
															<td>
																{{ historyContact.dateCreation|date('d-m-Y') }}
																{{ historyContact.dateCreation|date('H:i:s') }}
															</td>
															{% if historyContact.notes != null %}
																<td>
																	{{ historyContact.notes }}
																</td>
															{% else %}
																<td></td>
															{% endif %}
														</tr>
													{% endif %}
												{% endfor %}
											</tbody>
										{% endif %}
									</table>
								</div>
							</div>
						</div>

					</div>
				</div>
			</div>
		</div>
	{% endblock %}

	{% block body_javascript %}
		{{ parent() }}
		<script>
			function submitcontactforms() {
$("#formtop").submit(function (eventObj) {
$("<input />").attr("type", "hidden").attr("name", "yescontact").attr("value", "yescontact").appendTo("#addhiddencontact");
return true;
});
}

function submitstatutforms() {
$("#formtop").submit(function (eventObj) {
$("<input />").attr("type", "hidden").attr("name", "yesstatut").attr("value", "yesstatut").appendTo("#addhiddenstatut");
return true;
});
}

function submitforms() {
$("#formtop").submit(function (eventObj) {
$("<input />").attr("type", "hidden").attr("name", "yescontact").attr("value", "yescontact").appendTo("#addhiddencontact");
$("<input />").attr("type", "hidden").attr("name", "yesstatut").attr("value", "yesstatut").appendTo("#addhiddenstatut");
return true;
});
}
		</script>
	{% endblock %}