{"id":257,"date":"2025-07-14T17:21:13","date_gmt":"2025-07-14T17:21:13","guid":{"rendered":"https:\/\/expertdiag.ma\/?page_id=257"},"modified":"2025-08-07T15:30:09","modified_gmt":"2025-08-07T15:30:09","slug":"257-2","status":"publish","type":"page","link":"https:\/\/expertdiag.ma\/?page_id=257","title":{"rendered":"contact"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"257\" class=\"elementor elementor-257\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a84ee86 e-flex e-con-boxed e-con e-parent\" data-id=\"a84ee86\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-179e8fe elementor-widget elementor-widget-html\" data-id=\"179e8fe\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section style=\"background:#f0faf7; padding:60px 20px; font-family:'Segoe UI', sans-serif; color:#085648; text-align:center;\">\r\n  <div style=\"max-width:700px; margin:auto;\">\r\n    <h2 style=\"font-size:2.8em; margin-bottom:10px; font-weight:900; color:#085648;\">\r\n      R\u00e9servez votre diagnostic\r\n    <\/h2>\r\n    <p style=\"font-size:1.1em; margin-bottom:40px; color:#2c5d40;\">\r\n      Choisissez la date et l'heure qui vous conviennent, et notre \u00e9quipe s'occupe du reste.\r\n    <\/p>\r\n\r\n    <form id=\"reservationForm\" action=\"https:\/\/formspree.io\/f\/xjkopwkg\" method=\"POST\" style=\"display:flex; flex-direction:column; gap:20px;\">\r\n      <input type=\"text\" name=\"fullname\" placeholder=\"Nom complet\" required\r\n        style=\"padding:12px 15px; border:2px solid #085648; border-radius:8px; font-size:1em;\">\r\n      <input type=\"email\" name=\"email\" placeholder=\"Email\" required\r\n        style=\"padding:12px 15px; border:2px solid #085648; border-radius:8px; font-size:1em;\">\r\n      <input type=\"tel\" name=\"phone\" placeholder=\"T\u00e9l\u00e9phone\" required\r\n        style=\"padding:12px 15px; border:2px solid #085648; border-radius:8px; font-size:1em;\">\r\n      <input type=\"date\" name=\"date\" required\r\n        style=\"padding:12px 15px; border:2px solid #085648; border-radius:8px; font-size:1em; max-width:200px; margin:auto;\">\r\n      <input type=\"time\" name=\"time\" required\r\n        style=\"padding:12px 15px; border:2px solid #085648; border-radius:8px; font-size:1em; max-width:200px; margin:auto;\">\r\n      <select name=\"service\" required\r\n        style=\"padding:12px 15px; border:2px solid #085648; border-radius:8px; font-size:1em;\">\r\n        <option value=\"\" disabled selected>Choisissez un service<\/option>\r\n        <option value=\"expertise_normale\">Expertise normale<\/option>\r\n        <option value=\"expertise_approfondie\">Expertise approfondie<\/option>\r\n        <option value=\"verification_kilometrage\">V\u00e9rification du kilom\u00e9trage<\/option>\r\n      <\/select>\r\n      <textarea name=\"message\" placeholder=\"Message \/ demande sp\u00e9ciale (optionnel)\" rows=\"4\"\r\n        style=\"padding:12px 15px; border:2px solid #085648; border-radius:8px; font-size:1em; resize:none;\"><\/textarea>\r\n\r\n      <input type=\"text\" name=\"_gotcha\" style=\"display:none\">\r\n      <input type=\"hidden\" name=\"_subject\" value=\"Nouvelle r\u00e9servation via le formulaire\">\r\n\r\n      <button type=\"submit\" style=\"background:#085648; color:#fff; padding:14px 0; font-size:1.2em; border:none; border-radius:10px; cursor:pointer; font-weight:700; transition: background-color 0.3s;\">\r\n        R\u00e9server\r\n      <\/button>\r\n    <\/form>\r\n\r\n    <div id=\"confirmationMessage\" style=\"margin-top:30px; font-size:1.4em; font-weight:700; color:#2c5d40; display:none;\"><\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n  const form = document.getElementById('reservationForm');\r\n  const confirmation = document.getElementById('confirmationMessage');\r\n  const whatsappNumber = '212660115965'; \/\/ ton num\u00e9ro ExpertDiag au format international\r\n\r\n  form.addEventListener('submit', function(event) {\r\n    event.preventDefault();\r\n\r\n    const data = new FormData(form);\r\n\r\n    fetch(form.action, {\r\n      method: form.method,\r\n      body: data,\r\n      headers: { 'Accept': 'application\/json' }\r\n    }).then(response => {\r\n      if (response.ok) {\r\n        confirmation.style.color = '#2c5d40';\r\n        confirmation.textContent = \"Merci pour votre r\u00e9servation ! Vous allez \u00eatre redirig\u00e9 vers WhatsApp.\";\r\n        confirmation.style.display = \"block\";\r\n        form.reset();\r\n\r\n        \/\/ Pr\u00e9parer le message WhatsApp\r\n        const fullname = data.get('fullname');\r\n        const phone = data.get('phone');\r\n        const date = data.get('date');\r\n        const time = data.get('time');\r\n        const service = data.get('service');\r\n        const message = data.get('message') || '';\r\n\r\n        const whatsappMessage = encodeURIComponent(\r\n          `Bonjour, je suis ${fullname}.\\n` +\r\n          `Je souhaite r\u00e9server un service : ${service.replace(\/_\/g, ' ')}.\\n` +\r\n          `Date : ${date}\\nHeure : ${time}\\n` +\r\n          `T\u00e9l\u00e9phone : ${phone}\\n` +\r\n          `Message suppl\u00e9mentaire : ${message}`\r\n        );\r\n\r\n        \/\/ Redirection vers WhatsApp apr\u00e8s 2 secondes\r\n        setTimeout(() => {\r\n          window.location.href = `https:\/\/wa.me\/${whatsappNumber}?text=${whatsappMessage}`;\r\n        }, 2000);\r\n\r\n      } else {\r\n        confirmation.style.color = 'red';\r\n        confirmation.textContent = \"Oups, une erreur est survenue. Merci de r\u00e9essayer.\";\r\n        confirmation.style.display = \"block\";\r\n      }\r\n    }).catch(() => {\r\n      confirmation.style.color = 'red';\r\n      confirmation.textContent = \"Oups, une erreur est survenue. Merci de r\u00e9essayer.\";\r\n      confirmation.style.display = \"block\";\r\n    });\r\n  });\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-47819bb e-flex e-con-boxed e-con e-parent\" data-id=\"47819bb\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a91115f e-grid e-con-boxed e-con e-parent\" data-id=\"a91115f\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>R\u00e9servez votre diagnostic Choisissez la date et l&#8217;heure qui vous conviennent, et notre \u00e9quipe s&#8217;occupe du reste. Choisissez un serviceExpertise [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_eb_attr":"","_uag_custom_page_level_css":"","site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-257","page","type-page","status-publish","hentry"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"woocommerce_thumbnail":false,"woocommerce_single":false,"woocommerce_gallery_thumbnail":false},"uagb_author_info":{"display_name":"admin_ed","author_link":"https:\/\/expertdiag.ma\/?author=1"},"uagb_comment_info":0,"uagb_excerpt":"R\u00e9servez votre diagnostic Choisissez la date et l&#8217;heure qui vous conviennent, et notre \u00e9quipe s&#8217;occupe du reste. Choisissez un serviceExpertise [&hellip;]","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/expertdiag.ma\/index.php?rest_route=\/wp\/v2\/pages\/257","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/expertdiag.ma\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/expertdiag.ma\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/expertdiag.ma\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/expertdiag.ma\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=257"}],"version-history":[{"count":31,"href":"https:\/\/expertdiag.ma\/index.php?rest_route=\/wp\/v2\/pages\/257\/revisions"}],"predecessor-version":[{"id":378,"href":"https:\/\/expertdiag.ma\/index.php?rest_route=\/wp\/v2\/pages\/257\/revisions\/378"}],"wp:attachment":[{"href":"https:\/\/expertdiag.ma\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=257"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}