<?php
    if(isset($_COOKIE["ordered"])) {
        header("Location: thank2.html");
        die();
    }
    if(isset($_POST['Phone']))
    {
        $sheetUrl = 'https://script.google.com/macros/s/AKfycbyDVaFrRxTzmbC5CfxdHItcu50uggktNF1w9m1OatLjgaqe7DY0uAOHYeUefqWx0-3s/exec';
        $encodedData = http_build_query($_POST);
        $options = [
            CURLOPT_URL => $sheetUrl,
            CURLOPT_POST => true,
            CURLOPT_POSTFIELDS => $encodedData,
            CURLOPT_RETURNTRANSFER => true,
        ];
        $curl = curl_init();
        curl_setopt_array($curl, $options);
        $response = curl_exec($curl);
        curl_close($curl);
        if ($response !== false) {
            setcookie("ordered", "yep", time() + (86400));
            echo 'Success';die();
        } else {
            echo 'Error';die();
        }
    }

?>
<!DOCTYPE html>
<html lang="fr">
<head>
    <head>
    <!-- Autres balises (meta, title, etc.) -->
    <style>
        /* Désactive le scroll horizontal */
        body, html {
            overflow-x: hidden;
            width: 100%;
        }
        /* Optionnel : bloque le débordement des images */
        img {
            max-width: 100%;
            height: auto;
        }
    </style>
</head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<link rel="icon" type="image/png" href="img/favicon.png">
	<title>BALDMART EXPRESS</title>
	<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
	<link rel="stylesheet" type="text/css" href="css/style.css">
	    <link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,800;1,800&family=Poppins:ital,wght@0,800;1,800&display=swap" rel="stylesheet">
	<script type="text/javascript">
        /**** Sheeet Names ****/
        var product_id = "montre bra cote divoire";
    </script>
</head>
<body>
	<div class="row m-0 p-0">
		<div class="p-0 col-xl-4 offset-xl-4 col-lg-6 offset-lg-3 col-md-8 offset-md-2 col-sm-12 col-12">
			<div class="top-bar" style="background-color:white;color:black;font-size:15pt;">Livraison gratuite & paiement à la livraison</div>
		<div class="header">
			 	<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="30" height="30" viewBox="0 0 50 50">
					<path d="M 3 9 A 1.0001 1.0001 0 1 0 3 11 L 47 11 A 1.0001 1.0001 0 1 0 47 9 L 3 9 z M 3 24 A 1.0001 1.0001 0 1 0 3 26 L 47 26 A 1.0001 1.0001 0 1 0 47 24 L 3 24 z M 3 39 A 1.0001 1.0001 0 1 0 3 41 L 47 41 A 1.0001 1.0001 0 1 0 47 39 L 3 39 z"></path>
				</svg>
			 <img src="img/logo.png">
			  	<svg fill="#000000" height="30" width="30" version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 483.1 483.1" xml:space="preserve"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <g> <path d="M434.55,418.7l-27.8-313.3c-0.5-6.2-5.7-10.9-12-10.9h-58.6c-0.1-52.1-42.5-94.5-94.6-94.5s-94.5,42.4-94.6,94.5h-58.6 c-6.2,0-11.4,4.7-12,10.9l-27.8,313.3c0,0.4,0,0.7,0,1.1c0,34.9,32.1,63.3,71.5,63.3h243c39.4,0,71.5-28.4,71.5-63.3 C434.55,419.4,434.55,419.1,434.55,418.7z M241.55,24c38.9,0,70.5,31.6,70.6,70.5h-141.2C171.05,55.6,202.65,24,241.55,24z M363.05,459h-243c-26,0-47.2-17.3-47.5-38.8l26.8-301.7h47.6v42.1c0,6.6,5.4,12,12,12s12-5.4,12-12v-42.1h141.2v42.1 c0,6.6,5.4,12,12,12s12-5.4,12-12v-42.1h47.6l26.8,301.8C410.25,441.7,389.05,459,363.05,459z"></path> </g> </g></svg>
			</div>
		</div>
	</div>
	<!--<div class="container">
		<div class="row">
			<div class="p-0 col-xl-4 offset-xl-4 col-lg-6 offset-lg-3 col-md-8 offset-md-2 col-sm-12 col-12">
				<div class="p-main">
					 Slider 
					<div class="dv_slider">
						<h3 class="txt-title bold mb-3">Nouvelle Collection</h3-->
						
					    <img width="100%" class="main-img" src="img/MR1.webp" id="show-img"onclick="scrollToForm()">
					   	<!--<div class="small-img">
					      	<img src="img/next-icon.png" class="icon-left" alt="" id="prev-img">
					       	<div class="small-container">
						        <div id="small-img-roll">
						          	<img src="img/safrawin1.webp" class="show-small-img" alt="">
						          	<img src="img/safrawin1.webp" class="show-small-img" alt="">
						          	<img src="img/safrawin1.webp" class="show-small-img" alt="">
						          	<img src="img/safrawin1.webp" class="show-small-img" alt="">
						          	<img src="img/safrawin1.webp" class="show-small-img" alt="">
						          	<img src="img/safrawin1.webp" class="show-small-img" alt="">
						          	<img src="img/safrawin1.webp" class="show-small-img" alt="">
						          	<img src="img/safrawin1.webp" class="show-small-img" alt="">-->
						        </div>
					       	</div>
					       	<div>
					           <!--<img src="img/next-icon.png" class="icon-right" alt="" id="next-img">-->
					       	</div>
					    </div>
					</div>
					<!-- End Slider -->

					<!-- Checkout Form -->
					<div class="dv_checkout">
						<h5 class="bold txt-title">Pour commander, choisissez une offre et remplissez le formulaire ci-dessous 👇
</h5>
						<div class="stars">
							<span class="spn-star">★</span>
							<span class="spn-star">★</span>
							<span class="spn-star">★</span>
							<span class="spn-star">★</span>
							<span class="spn-star">★</span>
						</div>
						<!-- Price  -->
						<div class="prices">
							<div class="d-flex">
								<span class="spn-curr-price" id="new-prc">14000</span>
								<span class="spn-cuurency">F CFA</span>
							</div>
							<div class="old-price">
								<span class="spn-old-price" id="old-prc">39900 F CFA</span>
							</div>
						</div>
						<!-- End Price -->

						<!-- Colors Var -->
						<!--<div class="color mt-3 pad-content">
							<h6 class="bold">Choisir la coleur</h6>
							<div class="colors mt-2">
								<div class="box-color selected" onclick="changeColor(this, 'Noire')">
									<div class="color-content" style="background-color: #000000;"></div>
								</div>
								<div class="box-color" onclick="changeColor(this, 'Bleu')">
									<div class="color-content" style="background-color: #0054b6;"></div>
								</div>
								<div class="box-color" onclick="changeColor(this, 'Gris')">
									<div class="color-content" style="background-color: #9b9b9b;"></div>
								</div>
								<div class="box-color" onclick="changeColor(this, 'Moutard')">
									<div class="color-content" style="background-color: #c38647;"></div>
								</div>
								<input type="hidden" id="selected-color" name="Color" value="Noire,">
							</div>
						</div>-->
						<!-- End Colors Var -->

						<!-- Size Var -->
						<!--<div class="size pad-content mt-3">
							<h6 class="bold">Choisir la taille</h6>
				            <div class="var-size">
				                <div class="textual-button">
				                    <input type="checkbox" name="Size" id="size_m" value="M" checked>
				                    <label for="size_m">M</label>
				                </div>
				                <div class="textual-button">
				                    <input type="checkbox" name="Size" id="size_l" value="L">
				                    <label for="size_l">L</label>
				                </div>
				                <div class="textual-button">
				                    <input type="checkbox" name="Size" id="size_xl" value="XL">
				                    <label for="size_xl">XL</label>
				                </div>
				                <div class="textual-button">
				                    <input type="checkbox" name="Size" id="size_xxl" value="2XL">
				                    <label for="size_xxl">2XL</label>
				                </div>
				                <div class="textual-button">
				                    <input type="checkbox" name="Size" id="size_3xl" value="3XL">
				                    <label for="size_3xl">3XL</label>
				                </div>				                
				            </div>
						</div>-->
						<!-- Edn Size Var -->

						<!-- Offer Var -->
						<div class="offers pad-content mt-3 mb-3">
							<h6 class="bold">Vite ! Choisissez votre offre avant la fin de la promo 👇</h6>
								<div class="form">
								<div class="form-row flex-center">
									<input old-price="39900" new-price="14000" type="radio" name="offer" id="1_unit" value="1" class="form-input" checked>
									<label for="1_unit" class="form-label">1 unité a 14000 F CFA</label>
								</div>
								<div class="form-row flex-center mt-2">
									<input old-price="49900" new-price="19000" type="radio" name="offer" id="2_unit" value="2" class="form-input">
									<label for="2_unit" class="form-label">2 unités a 19000 F CFA <font color="#FF2626">★ Plus populaire ★</font>
									</label>
								</div>
								<div class="form-row flex-center mt-2">
									<input old-price="59900" new-price="21000" type="radio" name="offer" id="3_unit" value="3" class="form-input">
									<label for="3_unit" class="form-label">3 unités a 21000 F CFA
									<font color="#008000">★ Économisez 10000 F CFA ★ Meilleure offre ★</font>
									</label>
									</label>
								</div>
							</div>
						</div>
						<!-- End Offer Var -->
						
						<!-- Customer Info -->
						<div class="information">
							<form id="frm_post" method="POST" onsubmit="setOrder(event)">
								<div class="input-group input-group-lg mb-3">
								  <div class="input-group-prepend">
								    <span class="input-group-text" id="name"><svg viewBox="0 0 24 24" fill="none"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <circle cx="12" cy="6" r="4" fill="#1C274C"></circle> <path d="M20 17.5C20 19.9853 20 22 12 22C4 22 4 19.9853 4 17.5C4 15.0147 7.58172 13 12 13C16.4183 13 20 15.0147 20 17.5Z" fill="#1C274C"></path> </g></svg></span>
								  </div>
								  <input name="Name" oninvalid="this.setCustomValidity('Veuillez entrez votre nom')" oninput="this.setCustomValidity('')" required id="customer_name" type="text" class="form-control" placeholder="Nom" aria-label="Nom" aria-describedby="name">
								</div>
								<div class="input-group input-group-lg mb-3">
								  <div class="input-group-prepend">
								    <span class="input-group-text" id="phone"><svg viewBox="0 0 24 24" fill="none"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path d="M16.5562 12.9062L16.1007 13.359C16.1007 13.359 15.0181 14.4355 12.0631 11.4972C9.10812 8.55901 10.1907 7.48257 10.1907 7.48257L10.4775 7.19738C11.1841 6.49484 11.2507 5.36691 10.6342 4.54348L9.37326 2.85908C8.61028 1.83992 7.13596 1.70529 6.26145 2.57483L4.69185 4.13552C4.25823 4.56668 3.96765 5.12559 4.00289 5.74561C4.09304 7.33182 4.81071 10.7447 8.81536 14.7266C13.0621 18.9492 17.0468 19.117 18.6763 18.9651C19.1917 18.9171 19.6399 18.6546 20.0011 18.2954L21.4217 16.883C22.3806 15.9295 22.1102 14.2949 20.8833 13.628L18.9728 12.5894C18.1672 12.1515 17.1858 12.2801 16.5562 12.9062Z" fill="#1C274C"></path> </g></svg></span>
								  </div>
								  <input name="Phone" oninvalid="this.setCustomValidity('Veuillez entrez votre téléphone')" oninput="this.setCustomValidity('')" required id="customer_phone" type="tel" class="form-control" placeholder="Téléphone" aria-label="Téléphone" aria-describedby="phone">
								</div>
								<div class="input-group input-group-lg mb-3">
								  <div class="input-group-prepend">
								    <span class="input-group-text" id="address"><svg fill="#000000" viewBox="0 0 24 24" data-name="Layer 1" id="Layer_1"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"><title></title><path d="M12,2a8,8,0,0,0-8,8c0,5.4,7,11.5,7.35,11.76l.65.56.65-.56C13,21.5,20,15.4,20,10A8,8,0,0,0,12,2Zm0,12a4,4,0,1,1,4-4A4,4,0,0,1,12,14Z"></path><circle cx="12" cy="10" r="2"></circle></g></svg></span>
								  </div>
								  <input name="Address" oninvalid="this.setCustomValidity('Veuillez entrez votre adresse')" oninput="this.setCustomValidity('')" required id="customer_address" type="text" class="form-control" placeholder="Adresse / Ville" aria-label="Adresse / Ville" aria-describedby="address">
								</div>
								<button id="btn-buy" class="btn-buy btn btn-animation" >
									<svg viewBox="0 0 30 24" fill="none" class="w-30p"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path fill-rule="evenodd" clip-rule="evenodd" d="M9.61132 13C9.24662 13 8.91085 13.1985 8.7351 13.5181C8.36855 14.1845 8.85071 15 9.61131 15H18.92C19.4723 15 19.92 15.4477 19.92 16C19.92 16.5523 19.4723 17 18.92 17H17.93H7.92999H7.92004C6.40004 17 5.44004 15.37 6.17004 14.03L7.02318 12.488C7.33509 11.9243 7.35632 11.2448 7.08022 10.6627L4.25211 4.70011C4.04931 4.27254 3.6184 4 3.14518 4H2.92004C2.36776 4 1.92004 3.55228 1.92004 3C1.92004 2.44772 2.36776 2 2.92004 2H3.92398C4.69708 2 5.40095 2.44557 5.7317 3.14435L5.90228 3.50471C5.93443 3.5016 5.96703 3.5 6 3.5H21C21.5523 3.5 22 3.94772 22 4.5C22 4.77321 21.8904 5.02082 21.7129 5.20131C21.7448 5.41025 21.7106 5.63097 21.6008 5.83041L18.22 11.97C17.88 12.59 17.22 13 16.47 13H9.61132ZM7.92999 17C9.03456 17 9.92999 17.8954 9.92999 19C9.92999 20.1046 9.03456 21 7.92999 21C6.82542 21 5.92999 20.1046 5.92999 19C5.92999 17.8954 6.82542 17 7.92999 17ZM17.93 17C16.8254 17 15.93 17.8954 15.93 19C15.93 20.1046 16.8254 21 17.93 21C19.0346 21 19.93 20.1046 19.93 19C19.93 17.8954 19.0346 17 17.93 17ZM19.5108 5.5L17.0408 9.96767C16.6886 10.6046 16.0183 11 15.2905 11H10.7161C9.94301 11 9.23914 10.5544 8.90839 9.85565L6.84671 5.5H19.5108Z" fill="#ffffff"></path> <path d="M7.92999 20C8.48228 20 8.92999 19.5523 8.92999 19C8.92999 18.4477 8.48228 18 7.92999 18C7.37771 18 6.92999 18.4477 6.92999 19C6.92999 19.5523 7.37771 20 7.92999 20Z" fill="#ffffff"></path> <path d="M18.93 19C18.93 19.5523 18.4823 20 17.93 20C17.3777 20 16.93 19.5523 16.93 19C16.93 18.4477 17.3777 18 17.93 18C18.4823 18 18.93 18.4477 18.93 19Z" fill="#ffffff"></path> </g></svg>✅  👉 Commandez Ici ✅ </button>
								<svg class="load" xmlns="http://www.w3.org/2000/svg" width="135" height="140" viewBox="0 0 135 140" fill="#259bea" style="width: 78px;margin: auto;display: none">
					                <rect y="10" width="15" height="120" rx="6">
					                    <animate attributeName="height" begin="0.5s" dur="1s" values="120;110;100;90;80;70;60;50;40;140;120" calcMode="linear" repeatCount="indefinite"/>
					                    <animate attributeName="y" begin="0.5s" dur="1s" values="10;15;20;25;30;35;40;45;50;0;10" calcMode="linear" repeatCount="indefinite"/>
					                </rect>
					                <rect x="30" y="10" width="15" height="120" rx="6">
					                    <animate attributeName="height" begin="0.25s" dur="1s" values="120;110;100;90;80;70;60;50;40;140;120" calcMode="linear" repeatCount="indefinite"/>
					                    <animate attributeName="y" begin="0.25s" dur="1s" values="10;15;20;25;30;35;40;45;50;0;10" calcMode="linear" repeatCount="indefinite"/>
					                </rect>
					                <rect x="60" width="15" height="140" rx="6">
					                    <animate attributeName="height" begin="0s" dur="1s" values="120;110;100;90;80;70;60;50;40;140;120" calcMode="linear" repeatCount="indefinite"/>
					                    <animate attributeName="y" begin="0s" dur="1s" values="10;15;20;25;30;35;40;45;50;0;10" calcMode="linear" repeatCount="indefinite"/>
					                </rect>
					                <rect x="90" y="10" width="15" height="120" rx="6">
					                    <animate attributeName="height" begin="0.25s" dur="1s" values="120;110;100;90;80;70;60;50;40;140;120" calcMode="linear" repeatCount="indefinite"/>
					                    <animate attributeName="y" begin="0.25s" dur="1s" values="10;15;20;25;30;35;40;45;50;0;10" calcMode="linear" repeatCount="indefinite"/>
					                </rect>
					                <rect x="120" y="10" width="15" height="120" rx="6">
					                    <animate attributeName="height" begin="0.5s" dur="1s" values="120;110;100;90;80;70;60;50;40;140;120" calcMode="linear" repeatCount="indefinite"/>
					                    <animate attributeName="y" begin="0.5s" dur="1s" values="10;15;20;25;30;35;40;45;50;0;10" calcMode="linear" repeatCount="indefinite"/>
					                </rect>
					            </svg>
							</form>
						</div>
						<!-- End Customer Info -->
					</div>
					<!-- End Checkout Form -->

					<!-- Blog -->
					<div class="blog mt-4">
					    <img src="img/MR1.webp" class="m-auto d-table" width="100%"onclick="scrollToForm()">
					    <button onclick="scrollToForm()" class="btn m-auto text-white d-table bold btn-sticky">ACHETER MAINTENENT</button>
					</div>
					<!-- End Blog -->
					Avis clients vérifiés – Satisfaction garantie ✅
					<div class="avis mt-4">
						<div class="row">
							<h5 class="bold text-center">Avis Client</h5>
							<div class="col-6">
								<div class="dv-avis">
									<h6 class="review-name">🟨 Koré Lobo – Bonoua</h6>
									<div class="stars">
										<span class="spn-star font-23">★</span>
										<span class="spn-star font-23">★</span>
										<span class="spn-star font-23">★</span>
										<span class="spn-star font-23">★</span>
										<span class="spn-star font-23">★</span>
									</div>
									<p class="review-desc">« La montre est vraiment élégante et bien finie. J’ai été livré rapidement à Bonoua, et le bracelet offert est un vrai plus. Merci Baldmart Express ! »</p>
								</div>
							</div>
							<div class="col-6">
								<div class="dv-avis">
									<h6 class="review-name">🟨 Komenan Janvier – Grand Lahou</h6>
									<div class="stars">
										<span class="spn-star font-23">★</span>
										<span class="spn-star font-23">★</span>
										<span class="spn-star font-23">★</span>
										<span class="spn-star font-23">★</span>
										<span class="spn-star font-23">★</span>
									</div>
									<p class="review-desc">« Très bon produit, rapport qualité-prix excellent. J’ai payé à la livraison comme prévu. Je recommande fortement. »</p>
								</div>
							</div>
							<div class="col-6">
								<div class="dv-avis">
									<h6 class="review-name">🟨 Remi Remi – Soubré</h6>
									<div class="stars">
										<span class="spn-star font-23">★</span>
										<span class="spn-star font-23">★</span>
										<span class="spn-star font-23">★</span>
										<span class="spn-star font-23">★</span>
										<span class="spn-star font-23">★</span>
									</div>
									<p class="review-desc">« Je ne m’attendais pas à une aussi belle qualité. Le design est chic, et ça tient bien au poignet. Livraison rapide à Soubré. »</p>
								</div>
							</div>
							<div class="col-6">
								<div class="dv-avis">
									<h6 class="review-name">🟨 Chrétien Akwombi – Divo</h6>
									<div class="stars">
										<span class="spn-star font-23">★</span>
										<span class="spn-star font-23">★</span>
										<span class="spn-star font-23">★</span>
										<span class="spn-star font-23">★</span>
										<span class="spn-star font-23">★</span>
									</div>
									<p class="review-desc">« Montre reçue en 48h. Le coffret est joli et le service client m’a bien aidé pour le suivi. Très satisfait. »</p>
								</div>
							</div>
						</div>
					</div>
					<!-- End Avis -->

					<!-- FAQs -->
					<div class="accordion mt-4 mb-4">
						<h5 class="bold text-center">Quelques questions de nos clients 👇</h5>
					    <div class="accordion-item">
					    	<h2 id="accordion-button-1" aria-expanded="false">
					      		<span class="accordion-title">Quand vais-je recevoir le produit ?</span>
					      		<span class="icon" aria-hidden="true"></span>
					      	</h2>
					    	<div class="accordion-content">
					        	<p>Une fois le produit commandé, nous vous contacterons pour confirmer la commande et les informations d'expédition, et vous recevrez le produit dans les 24 ou 48 heures.. </p>
					      	</div>
					    </div>
					    <div class="accordion-item">
					      	<h2 id="accordion-button-1" aria-expanded="false">
					      		<span class="accordion-title">Acceptez-vous le paiement à la livraison ?</span>
					      		<span class="icon" aria-hidden="true"></span>
					      	</h2>
					      	<div class="accordion-content">
					        	<p>Oui, vous ne paierez rien tant que vous n’aurez pas reçu le produit et que vous ne l’aurez pas inspecté vous-même.. </p>
					      	</div>
					    </div>
					   	<div class="accordion-item">
					      	<h2 id="accordion-button-1" aria-expanded="false">
					      		<span class="accordion-title">Puis-je retourner le produit s'il ne me plaît pas ?</span>
					      		<span class="icon" aria-hidden="true"></span>
					      	</h2>
					      	<div class="accordion-content">
					        	<p>Oui, vous pouvez retourner le produit à l'entreprise s'il ne vous plaît pas, à condition que son contenu ne soit pas détruit. </p>
					      	</div>
					    </div>
					   	<div class="accordion-item">
					      	<h2 id="accordion-button-1" aria-expanded="false">
					      		<span class="accordion-title">Y a-t-il une garantie sur le produit ?</span>
					      		<span class="icon" aria-hidden="true"></span>
					      	</h2>
					      	<div class="accordion-content">
					        	<p>Oui, nous offrons à tous nos clients une garantie de 14 jours sur le produit. </p>
					      	</div>
					    </div>
				  	</div>
					<!-- End FAQs -->
					
				</div>
				<!-- Footer -->
				<footer>
					© 2025 BALDMART EXPRESS. Tous droits réservés.
				</footer>
				<!-- End Footer -->
				<!-- Sticky Button -->
				<div id="div-sticky" class="hidden">
    				<button onclick="scrollToForm()" class="btn btn-primary m-auto text-white d-table bold btn-sticky btn-animation"><svg viewBox="0 0 30 24" fill="none" class="w-30p"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path fill-rule="evenodd" clip-rule="evenodd" d="M9.61132 13C9.24662 13 8.91085 13.1985 8.7351 13.5181C8.36855 14.1845 8.85071 15 9.61131 15H18.92C19.4723 15 19.92 15.4477 19.92 16C19.92 16.5523 19.4723 17 18.92 17H17.93H7.92999H7.92004C6.40004 17 5.44004 15.37 6.17004 14.03L7.02318 12.488C7.33509 11.9243 7.35632 11.2448 7.08022 10.6627L4.25211 4.70011C4.04931 4.27254 3.6184 4 3.14518 4H2.92004C2.36776 4 1.92004 3.55228 1.92004 3C1.92004 2.44772 2.36776 2 2.92004 2H3.92398C4.69708 2 5.40095 2.44557 5.7317 3.14435L5.90228 3.50471C5.93443 3.5016 5.96703 3.5 6 3.5H21C21.5523 3.5 22 3.94772 22 4.5C22 4.77321 21.8904 5.02082 21.7129 5.20131C21.7448 5.41025 21.7106 5.63097 21.6008 5.83041L18.22 11.97C17.88 12.59 17.22 13 16.47 13H9.61132ZM7.92999 17C9.03456 17 9.92999 17.8954 9.92999 19C9.92999 20.1046 9.03456 21 7.92999 21C6.82542 21 5.92999 20.1046 5.92999 19C5.92999 17.8954 6.82542 17 7.92999 17ZM17.93 17C16.8254 17 15.93 17.8954 15.93 19C15.93 20.1046 16.8254 21 17.93 21C19.0346 21 19.93 20.1046 19.93 19C19.93 17.8954 19.0346 17 17.93 17ZM19.5108 5.5L17.0408 9.96767C16.6886 10.6046 16.0183 11 15.2905 11H10.7161C9.94301 11 9.23914 10.5544 8.90839 9.85565L6.84671 5.5H19.5108Z" fill="#ffffff"></path> <path d="M7.92999 20C8.48228 20 8.92999 19.5523 8.92999 19C8.92999 18.4477 8.48228 18 7.92999 18C7.37771 18 6.92999 18.4477 6.92999 19C6.92999 19.5523 7.37771 20 7.92999 20Z" fill="#ffffff"></path> <path d="M18.93 19C18.93 19.5523 18.4823 20 17.93 20C17.3777 20 16.93 19.5523 16.93 19C16.93 18.4477 17.3777 18 17.93 18C18.4823 18 18.93 18.4477 18.93 19Z" fill="#ffffff"></path> </g></svg>Cliquez ici pour Commander</button>
				</div>
				<!-- End Sticky Button -->
				
			</div>
		</div>
	</div>
	<script src="js/jquery.min.js"></script>
	<script src="js/main.js"></script>
	<script>
  const phoneInput = document.getElementById('customer_phone');

  // Interdire les caractères non numériques à la frappe
  phoneInput.addEventListener('keypress', function (e) {
    if (!/[0-9]/.test(e.key)) {
      e.preventDefault(); // bloque la touche
    }
  });

  // Interdire le coller de texte non numérique
  phoneInput.addEventListener('paste', function (e) {
    const pasted = (e.clipboardData || window.clipboardData).getData('text');
    if (!/^\d+$/.test(pasted)) {
      e.preventDefault(); // bloque le collage si ce n’est pas des chiffres
    }
  });

  // Nettoyage automatique (optionnel) : supprimer tout caractère non numérique après input
  phoneInput.addEventListener('input', function (e) {
    this.value = this.value.replace(/\D/g, ''); // \D = tout sauf chiffre
  });
</script>
</body>
</html>