Linux SRV-16 6.18.44-paas #1 SMP PREEMPT_DYNAMIC Thu Aug 13 10:08:12 UTC 2026 x86_64
/srv/data/web/vhosts/www.humitest.fr/htdocs/templates/front/product/
/srv/data/web/vhosts/www.humitest.fr/htdocs/templates/front/product/payment.html.twig
 {% extends 'front/layout.html.twig' %}

{% block title %}Paiement de votre commande
{% endblock %}

{% block keywords %}Payement
{% endblock %}
{% block content %}
	{% block banner %}{% endblock %}
	<div class="mt-5" style="background-color:#f0f3f4!important">
		<section class="section-padding">
			<div class="container">
				<h1 class="text-center">PAIEMENT DE VOTRE COMMANDE</h1>
				<div class="shape"></div>
				<div
					class="row" style="align-items: normal!important;">
					{# COMMANDES #}
					<div class="col-lg-5 ">
						<div class=" p-2 table-responsive mt-4 mb-4 rounded bg-white shadow" style="border-radius:20px!important;overflow-x: hidden;margin-top: 0;padding-top: 0;">
							<table class="table table-striped p-5 " width="100%" cellspacing="0" data-page-length='50'>
								<tbody>
									<h4 class="text-dark text-center text-uppercase">information de livraison
										<i class="fas fa-shipping-fast"></i>
									</h4>
									<hr>
									<div class="card-text">
										<div class="row pt-3 pb-3 pl-3 p-3 m-3" style="background-color:#e6e6e6">
											<div class="col-md-8 ">
												<ul class="list-unstyled">
													<li>
														<strong>Nom de l'entreprise ( facultatif):</strong>
														<br>
														{% if information.companyName %}
															{{information.companyName}}
														{% else %}
															<span class="text-danger">champ vide</span>
														{% endif %}
													</li><br>
													<li>
														<strong>Nom:</strong>
														{% if information.lastname %}
															{{information.lastname}}
														{% else %}
															<span class="text-danger">champ vide</span>
														{% endif %}
													</li>
													<li>
														<strong>Prénom</strong>
														{% if information.firstname %}
															{{information.firstname}}
														{% else %}
															<span class="text-danger">champ vide</span>
														{% endif %}
													</li>
													<li>
														<strong>Email:</strong>
														{% if information.email %}
															{{information.email}}
														{% else %}
															<span class="text-danger">champ vide</span>
														{% endif %}
													</li>
													<li>
														<strong>Téléphone:</strong>
														{% if information.phone %}
															{{information.phone}}
														{% else %}
															<span class="text-danger">champ vide</span>
														{% endif %}
													</li>
												</ul>
											</div>
											<div class="col-md-4">
												<a href="{{ path('product_information')}}" class="btn btn-primary btn-block w-100">
													Modifier</a>
											</div>
										</div>
										<ul class="list-unstyled p-3 m-3" style="background-color:#e6e6e6">
											<li>
												<strong>Adresse de livraison:</strong>
												<br>
												{% if information.address %}
													{{information.address}}
												{% else %}
													<span class="text-danger">
														"Adresse vide",
													</span>
												{% endif %}
												{% if information.zipcode %}
													{{information.zipcode}}
												{% else %}
													<span class="text-danger">
														"Cp vide",
													</span>
												{% endif %}
												{% if information.city %}
													{{information.city}}
												{% else %}
													<span class="text-danger">
														"Ville vide",
													</span>
												{% endif %}
												{% if information.country %}
													{{information.country}}
												{% else %}
													<span class="text-danger">
														"Pays vide",
													</span>
												{% endif %}
												{# {{ dump(information.country)}} #}
												{# {% set champVide = information.country  %} #}
												<br><BR>
												{% if information.address == null or information.zipcode == null  or information.country == null or information.city == null %}
													<div class="rounded alert-danger h-25 text-center p-1">
														<i class="fas fa-exclamation-triangle"></i>
														Veuillez renseigner ce/ces champ(s)
													</div>
												{% endif %}
											</li>
										</ul>
										<ul class="list-unstyled p-3 m-3" style="background-color:#e6e6e6">
											<li {% if poidsTotal >= maxWeight %} class="rounded p-1" style="background-color:#f8d7da;" {% endif %}>
												<strong>Poids Total de la commande:
												</strong>
												{{poidsTotal}}
												Kg
											</li><br>

											<li>
												<strong>Note de commande :</strong>
												<br>
												{% if information.noteCommande %}
													{{information.noteCommande|raw}}
												{% else %}
													Aucune note renseignée
												{% endif %}
											</li>

										</ul>
									</div>
								</tbody>
							</table>
							{# <div class="row">
																																																																						                                <div class="col-12">
																																																																						                                    <span class="btn btn-red btn-block text-light text-uppercase" style="">
																																																																						                                    <span class="h4 float-left"> Total:</span>
																																																																						                                    <span class="h4 float-right"> {{total|number_format(2)}} €</span>
																																																																						                                    </span>
																																																																						                                </div>
																																																																						                            </div> #}
						</div>
						<br>
					</div>

					{# Ligne verticale  #}
					<div class="col-lg-2">
						<center>
							<span class="vertical-line" style="border-left: 2px solid grey;display: inline-block;height: 500px!important;margin: 0 20px;"></span>
						</center>
					</div>

					{# COORDONEES #}
					<div class="col-lg-5">
						<div class="p-2 table-responsive mt-4 mb-4 rounded bg-white shadow" style="border-radius:20px!important;overflow-x: hidden">
							<h4 class="text-dark text-center text-uppercase">
								Ma commande
								<i class="fas fa-cart-arrow-down"></i>
							</h4>
							<hr>
							<div class="card-text">
								<table class="table table-striped" width="100%" cellspacing="0" data-page-length='50'>
									<tr style="background-color:white!important;">
										<th style="width:25%" class="text-dark">&nbsp;&nbsp;</th>
										<th style="width:30%" class="text-dark">
											<small>Titre</small>
										</th>
										<th class="text-dark">
											<small>Poids</small>
										</th>
										<th class="text-dark">
											<small>Prix</small>
										</th>
										<th class="text-dark">
											<small>Quantité</small>
										</th>
										<th class="text-dark">
											<small>Total</small>
										</th>
									</tr>
								</table>
								<div class="table-responsive">
									<table class="table table-striped" width="100%" cellspacing="0" data-page-length='50'>
										<tbody>
											{% for product in products %}
												<tr>
													<td>
														<div class="thumb-cart">
															{% if product.object.images|length > 0 %}
																<img src="{{ vich_uploader_asset(product.object.images.0, 'imageFile') | imagine_filter('thumb_cart') }}" alt="{{product.object.title}}" class="img-fluid">
															{% else %}
																<img src="{{ asset('build/images/default-image.jpg') | imagine_filter('thumb_cart') }}" alt="{{product.object.title}}" class="img-fluid">
															{% endif %}
														</div>
													</td>
													<td style="width:30%">
														<small>{{product.object.title}}</small>
													</td>
													<td>
														<small>{{product.object.poidsKg}}
															kg</small>
													</td>

													{% if product.price == null %}
														{% set price = product.object.price * product.qtt  %}
														<td>
															<small>{{product.object.price|number_format(2, ',', '')}}
																€
															</small>
														</td>
													{% else %}
														{% set price = product.price * product.qtt  %}
														<td>
															<small>
																<del>{{product.object.price|number_format(2, ',', '')}}
																	€</del>
																<br>{{product.price|number_format(2, ',', '')}}
																€
															</small>
														</td>

													{% endif %}
													<td>
														<small>x{{product.qtt}}</small>
													</td>

													<td>
														<small>
															{% if product.qtt > 1 %}
																({{ price }}
																€)
															</small>
														{% endif %}
													</td>
													<td></td>
												</tr>
											{% else %}
												<tr>
													<td colspan="6">Aucun enregistrement</td>
												</tr>
											{% endfor %}
										</tbody>
									</table>
								</div>
								{% if information.code %}
									<ul class="list-unstyled p-3 m-3" style="background-color:#e6e6e6">
										<li>
											<strong>Code promo utilisé  :</strong>
											{{ information.code }}<br>
											<strong>Rabais :</strong>
											-
											{{ information.solde }}
											%
										</li>
									</ul>
								{% endif %}


								<div
									class="btn-red  p-3">
									{# Poids total du panier supérieur au max autorisé par zone  #}
									{% if  poidsTotal >= maxWeight %}
										<br>
										<div class="row">
											<div class="col-md-12">
												<div class="alert alert-danger text-center" role="alert">
													<i class="fas fa-exclamation-triangle"></i>
													{{message}}
												</div>
											</div>
										</div>
									{% elseif information.address == null or information.zipcode == null  or information.country == null or information.city == null %}
										<br>
										<a href="{{ path('product_information')}}" class="btn btn-red w-100">
											<i class="fas fa-arrow-left"></i>
											COMPLETER TOUS LES CHAMPS</a>
									</div>
								</div>
							{% else %}
								{% if information.code %}
									<div class="row">
										<div class="col-md-4 h5">
											<span class="h6 text-light">Total HT:</span><br>
										</div>
										<div class="col-md-8 display-grid float-right">
											<span class="text-light float-right" style="font-size:1.100em">
												<del>
													&nbsp;
													{{ totalWithoutSolde|number_format(2)}}
													€ &nbsp;
												</del>
												&nbsp;
												{{ totalHt|number_format(2, ',', '')}}
												€</span>
											<br>
										</div>
									</div>
								{% else %}
									<div class="row">
										<div class="col-md-4 h5">
											<span class="h6 text-light">Sous total HT €:
											</span><br>
										</div>
										<div class="col-md-8 display-grid float-right">
											<span class="text-light float-right">{{ totalHt|number_format(2, ',', '')}}
												€</span><br>
										</div>
									</div>
								{% endif %}
								<div class="row">
									<div class="col-md-4 h5">
										<span class="h6 text-light">Frais de livraison:
										</span><br>
									</div>
									<div class="col-md-8 display-grid float-right">
										<span class="text-light float-right">{{delivery|number_format(2, ',', '')}}
											€</span><br>
									</div>
								</div>
								<div class="row">
									<div class="col-md-4 h5">
										<span class="h6 text-light">TVA :
										</span><br>
									</div>
									<div class="col-md-8 display-grid float-right">
										<span class="text-light float-right">{{tva|number_format(2, ',', '')}}
											€</span><br>
									</div>
								</div>
								<div class="row">
									<div class="col-md-4 h5">
										<span class="h6 text-light">TOTAL TTC:
										</span><br>
									</div>
									<div class="col-md-8 display-grid float-right">
										<span class="h4 text-light float-right">{{ ttc}}
											€</span><br>
									</div>
								</div>
							</div>
							<br>
							<div>
								<form
									method="POST" action="https://tpeweb.paybox.com/cgi/FramepagepaiementRWD.cgi ">
									{# <form method="POST" action="https://preprod-tpeweb.paybox.com/cgi/FramepagepaiementRWD.cgi"> #}
									<input type="hidden" name="PBX_SITE" value="{{PBX_SITE}}">
									<input type="hidden" name="PBX_RANG" value="{{PBX_RANG}}">
									<input type="hidden" name="PBX_IDENTIFIANT" value="{{PBX_IDENTIFIANT}}">
									<input type="hidden" name="PBX_TOTAL" value="{{PBX_TOTAL}}">
									<input type="hidden" name="PBX_DEVISE" value="{{PBX_DEVISE}}">
									<input type="hidden" name="PBX_CMD" value="{{PBX_CMD}}">
									<input type="hidden" name="PBX_PORTEUR" value="{{PBX_PORTEUR}}">
									<input type="hidden" name="PBX_RETOUR" value="{{PBX_RETOUR}}">
									<input type="hidden" name="PBX_HASH" value="{{PBX_HASH}}">
									<input type="hidden" name="PBX_TIME" value="{{PBX_TIME}}">
									<input type="hidden" name="PBX_HMAC" value="{{PBX_HMAC}}">
									<button type="submit" data-id="{{session_id}}" id="checkout-button" class="btn btn-red w-100" value="PAYER VOTRE COMMANDE">PAYER VOTRE COMMANDE</button>
								</form>
							</div>
						{% endif %}
					</div>
				</div>
			</section>
		</div>

	{% endblock %}

	{% block javascripts %}
		{{ parent() }}
		<script src="https://js.stripe.com/v3"></script>
	{% endblock %}