{"id":2483,"date":"2024-06-12T14:03:34","date_gmt":"2024-06-12T14:03:34","guid":{"rendered":"https:\/\/demo.a110.club\/?page_id=2483"},"modified":"2024-06-17T12:18:27","modified_gmt":"2024-06-17T12:18:27","slug":"particulierform","status":"publish","type":"page","link":"https:\/\/a110.club\/index.php\/particulierform\/","title":{"rendered":"Particulierform"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"Logo_phoenix\"\t\t\t\t\t\t\t\t\t\t\t\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
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n \n \n Formulaire d'Inscription Alpine A110<\/title>\n <style>\n body {\n font-family: Arial, sans-serif;\n background-color: #f4f4f4;\n margin: 0;\n padding: 0;\n }\n\n .container {\n max-width: 800px;\n margin: 50px auto;\n padding: 20px;\n background-color: #fff;\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\n border-radius: 8px;\n }\n\n #form-header-title h1 {\n text-align: center;\n color: #333;\n }\n\n #form-footer-mandatory {\n display: block;\n text-align: center;\n margin-bottom: 20px;\n color: #d9534f;\n }\n\n h3 {\n color: #5bc0de;\n margin-bottom: 10px;\n }\n\n label {\n display: block;\n margin-bottom: 5px;\n font-weight: bold;\n }\n\n input[type=\"text\"], input[type=\"date\"], input[type=\"email\"], input[type=\"file\"] {\n width: calc(100% - 22px);\n padding: 10px;\n margin-bottom: 15px;\n border: 1px solid #ccc;\n border-radius: 4px;\n }\n\n .inline div {\n width: calc(50% - 20px);\n float: left;\n margin-right: 20px;\n }\n\n .inline div:last-child {\n margin-right: 0;\n }\n\n .clearfix::after {\n content: \"\";\n clear: both;\n display: table;\n }\n\n button {\n display: block;\n width: 100%;\n padding: 10px;\n background-color: #5bc0de;\n color: white;\n border: none;\n border-radius: 4px;\n font-size: 16px;\n cursor: pointer;\n transition: background-color 0.3s;\n }\n\n button:hover {\n background-color: #31b0d5;\n }\n\n .message {\n text-align: center;\n font-size: 16px;\n margin-top: 20px;\n }\n\n .message.success {\n color: green;\n }\n\n .message.error {\n color: red;\n }\n\n .icon-check {\n font-size: 50px;\n color: green;\n text-align: center;\n margin-top: 20px;\n }\n\n .hidden {\n display: none;\n }\n <\/style>\n <script src=\"https:\/\/www.google.com\/recaptcha\/api.js\" async defer><\/script>\n <script>\n function formaterCP(event) {\n event.target.value = event.target.value.replace(\/\\D\/g, '').substr(0, 5);\n }\n\n function formaterPhone(event) {\n event.target.value = event.target.value.replace(\/\\D\/g, '').substr(0, 14);\n }\n\n async function handleSubmit(event) {\n event.preventDefault();\n\n const form = event.target;\n const formData = new FormData(form);\n const recaptchaResponse = grecaptcha.getResponse();\n\n if (!recaptchaResponse) {\n showMessage('Veuillez v\u00e9rifier le reCAPTCHA.', 'error');\n return;\n }\n\n formData.append(\"g-recaptcha-response\", recaptchaResponse);\n\n try {\n const response = await fetch('http:\/\/localhost:3000\/particuliers', {\n method: 'POST',\n body: formData\n });\n\n if (!response.ok) {\n throw new Error('Erreur lors de l\\'enregistrement des donn\u00e9es');\n }\n\n showMessage('Nous avons bien re\u00e7u vos informations.', 'success');\n showSuccessIcon();\n form.reset();\n form.classList.add('hidden');\n } catch (error) {\n console.error(error);\n showMessage('Erreur lors de l\\'enregistrement des donn\u00e9es', 'error');\n }\n }\n\n function showMessage(message, type) {\n const messageDiv = document.getElementById('message');\n messageDiv.textContent = message;\n messageDiv.className = `message ${type}`;\n }\n\n function showSuccessIcon() {\n const successIcon = document.getElementById('successIcon');\n successIcon.classList.remove('hidden');\n }\n <\/script>\n<\/head>\n<body>\n <section id=\"formulaire\">\n <div class=\"container\">\n <form id=\"sb_form\" method=\"post\" enctype=\"multipart\/form-data\" onsubmit=\"handleSubmit(event)\">\n <div id=\"form-header-title\">\n <h1>Enregistrez-vous pour vibrer \u00e0 bord de l'Alpine A110.<\/h1>\n <span id=\"form-footer-mandatory\">* Champs obligatoires<\/span>\n <\/div>\n\n <h3>Conducteur principal :<\/h3>\n <div class=\"inline clearfix\">\n <div>\n <label for=\"driver_name\">Nom<\/label>\n <input type=\"text\" name=\"nom\" id=\"driver_name\" maxlength=\"255\" required>\n <\/div>\n <div>\n <label for=\"driver_firstname\">Pr\u00e9nom<\/label>\n <input type=\"text\" name=\"prenom\" id=\"driver_firstname\" maxlength=\"255\" required>\n <\/div>\n <\/div>\n <div class=\"inline clearfix\">\n <div>\n <label for=\"driver_birth\">Date de naissance<\/label>\n <input type=\"date\" name=\"dateNaissance\" id=\"driver_birth\" required>\n <\/div>\n <div>\n <label for=\"driver_birth_place\">Lieu de naissance<\/label>\n <input type=\"text\" name=\"lieuNaissance\" id=\"driver_birth_place\" maxlength=\"255\" required>\n <\/div>\n <\/div>\n <label for=\"driver_address\">Adresse postale<\/label>\n <input type=\"text\" name=\"adressePostale\" id=\"driver_address\" maxlength=\"255\" required>\n <div class=\"inline clearfix\">\n <div>\n <label for=\"driver_cp\">Code postal<\/label>\n <input type=\"text\" name=\"codePostal\" id=\"driver_cp\" maxlength=\"5\" onkeyup=\"formaterCP(event)\" required>\n <\/div>\n <div>\n <label for=\"driver_city\">Ville<\/label>\n <input type=\"text\" name=\"ville\" id=\"driver_city\" maxlength=\"255\" required>\n <\/div>\n <\/div>\n <div class=\"inline clearfix\">\n <div>\n <label for=\"driver_phone\">T\u00e9l\u00e9phone<\/label>\n <input type=\"text\" name=\"telephone\" id=\"driver_phone\" maxlength=\"14\" onkeyup=\"formaterPhone(event)\" required>\n <\/div>\n <div>\n <label for=\"driver_mail\">Email<\/label>\n <input type=\"email\" name=\"email\" id=\"driver_mail\" required>\n <\/div>\n <\/div>\n <label for=\"driver_identite\">Copie carte identit\u00e9\/passeport valide<\/label>\n <input type=\"file\" name=\"carteIdentite\" id=\"driver_identite\" required>\n <label for=\"driver_permis\">Copie permis de conduire valide<\/label>\n <input type=\"file\" name=\"permisConduire\" id=\"driver_permis\" required>\n <label for=\"driver_justificatif_domicile\">Justificatif de domicile<\/label>\n <input type=\"file\" name=\"justificatifDomicile\" id=\"driver_justificatif_domicile\" required>\n <div class=\"g-recaptcha\" data-sitekey=\"6Lc74fYpAAAAAFtPYvCbwifsXPbKvgExwh-1rJrt\"><\/div>\n <button id=\"submitInput\" type=\"submit\" value=\"VALIDER\" class=\"mobile-FW\">\n <span style=\"margin:0px;\">VALIDER<\/span>\n <\/button>\n <\/form>\n <div id=\"successIcon\" class=\"icon-check hidden\">\u2714\ufe0f<\/div>\n <div id=\"message\" class=\"message hidden\"><\/div>\n <\/div>\n <\/section>\n<\/body>\n<\/html>\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\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Formulaire d’Inscription Alpine A110 Enregistrez-vous pour vibrer \u00e0 bord de l’Alpine A110. * Champs obligatoires Conducteur principal : Nom Pr\u00e9nom […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"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-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":"","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-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":"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":""},"mobile":{"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":""}},"footnotes":""},"class_list":["post-2483","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.2 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Particulierform - A110.CLUB<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/a110.club\/index.php\/particulierform\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Particulierform - A110.CLUB\" \/>\n<meta property=\"og:description\" content=\"Formulaire d’Inscription Alpine A110 Enregistrez-vous pour vibrer \u00e0 bord de l’Alpine A110. * Champs obligatoires Conducteur principal : Nom Pr\u00e9nom […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/a110.club\/index.php\/particulierform\/\" \/>\n<meta property=\"og:site_name\" content=\"A110.CLUB\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/profile.php?id=61556014750143\" \/>\n<meta property=\"article:modified_time\" content=\"2024-06-17T12:18:27+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/a110.club\/wp-content\/uploads\/2024\/06\/cropped-logoPhoenix78-1-150x150.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/a110.club\/index.php\/particulierform\/\",\"url\":\"https:\/\/a110.club\/index.php\/particulierform\/\",\"name\":\"Particulierform - A110.CLUB\",\"isPartOf\":{\"@id\":\"https:\/\/a110.club\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/a110.club\/index.php\/particulierform\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/a110.club\/index.php\/particulierform\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/a110.club\/wp-content\/uploads\/2024\/06\/cropped-logoPhoenix78-1-150x150.png\",\"datePublished\":\"2024-06-12T14:03:34+00:00\",\"dateModified\":\"2024-06-17T12:18:27+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/a110.club\/index.php\/particulierform\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/a110.club\/index.php\/particulierform\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/a110.club\/index.php\/particulierform\/#primaryimage\",\"url\":\"https:\/\/a110.club\/wp-content\/uploads\/2024\/06\/cropped-logoPhoenix78-1.png\",\"contentUrl\":\"https:\/\/a110.club\/wp-content\/uploads\/2024\/06\/cropped-logoPhoenix78-1.png\",\"width\":512,\"height\":512,\"caption\":\"Logo_phoenix\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/a110.club\/index.php\/particulierform\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\/\/a110.club\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Particulierform\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/a110.club\/#website\",\"url\":\"https:\/\/a110.club\/\",\"name\":\"A110.CLUB\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/a110.club\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/a110.club\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/a110.club\/#organization\",\"name\":\"A110.CLUB\",\"url\":\"https:\/\/a110.club\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/a110.club\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/a110.club\/wp-content\/uploads\/2024\/06\/logoPhoenix78-scaled.png\",\"contentUrl\":\"https:\/\/a110.club\/wp-content\/uploads\/2024\/06\/logoPhoenix78-scaled.png\",\"width\":1810,\"height\":2560,\"caption\":\"A110.CLUB\"},\"image\":{\"@id\":\"https:\/\/a110.club\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/profile.php?id=61556014750143\",\"https:\/\/www.instagram.com\/a110.club\/\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Particulierform - A110.CLUB","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/a110.club\/index.php\/particulierform\/","og_locale":"fr_FR","og_type":"article","og_title":"Particulierform - A110.CLUB","og_description":"Formulaire d’Inscription Alpine A110 Enregistrez-vous pour vibrer \u00e0 bord de l’Alpine A110. * Champs obligatoires Conducteur principal : Nom Pr\u00e9nom […]","og_url":"https:\/\/a110.club\/index.php\/particulierform\/","og_site_name":"A110.CLUB","article_publisher":"https:\/\/www.facebook.com\/profile.php?id=61556014750143","article_modified_time":"2024-06-17T12:18:27+00:00","og_image":[{"url":"https:\/\/a110.club\/wp-content\/uploads\/2024\/06\/cropped-logoPhoenix78-1-150x150.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Dur\u00e9e de lecture estim\u00e9e":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/a110.club\/index.php\/particulierform\/","url":"https:\/\/a110.club\/index.php\/particulierform\/","name":"Particulierform - A110.CLUB","isPartOf":{"@id":"https:\/\/a110.club\/#website"},"primaryImageOfPage":{"@id":"https:\/\/a110.club\/index.php\/particulierform\/#primaryimage"},"image":{"@id":"https:\/\/a110.club\/index.php\/particulierform\/#primaryimage"},"thumbnailUrl":"https:\/\/a110.club\/wp-content\/uploads\/2024\/06\/cropped-logoPhoenix78-1-150x150.png","datePublished":"2024-06-12T14:03:34+00:00","dateModified":"2024-06-17T12:18:27+00:00","breadcrumb":{"@id":"https:\/\/a110.club\/index.php\/particulierform\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/a110.club\/index.php\/particulierform\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/a110.club\/index.php\/particulierform\/#primaryimage","url":"https:\/\/a110.club\/wp-content\/uploads\/2024\/06\/cropped-logoPhoenix78-1.png","contentUrl":"https:\/\/a110.club\/wp-content\/uploads\/2024\/06\/cropped-logoPhoenix78-1.png","width":512,"height":512,"caption":"Logo_phoenix"},{"@type":"BreadcrumbList","@id":"https:\/\/a110.club\/index.php\/particulierform\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/a110.club\/"},{"@type":"ListItem","position":2,"name":"Particulierform"}]},{"@type":"WebSite","@id":"https:\/\/a110.club\/#website","url":"https:\/\/a110.club\/","name":"A110.CLUB","description":"","publisher":{"@id":"https:\/\/a110.club\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/a110.club\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/a110.club\/#organization","name":"A110.CLUB","url":"https:\/\/a110.club\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/a110.club\/#\/schema\/logo\/image\/","url":"https:\/\/a110.club\/wp-content\/uploads\/2024\/06\/logoPhoenix78-scaled.png","contentUrl":"https:\/\/a110.club\/wp-content\/uploads\/2024\/06\/logoPhoenix78-scaled.png","width":1810,"height":2560,"caption":"A110.CLUB"},"image":{"@id":"https:\/\/a110.club\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/profile.php?id=61556014750143","https:\/\/www.instagram.com\/a110.club\/"]}]}},"_links":{"self":[{"href":"https:\/\/a110.club\/index.php\/wp-json\/wp\/v2\/pages\/2483","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/a110.club\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/a110.club\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/a110.club\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/a110.club\/index.php\/wp-json\/wp\/v2\/comments?post=2483"}],"version-history":[{"count":62,"href":"https:\/\/a110.club\/index.php\/wp-json\/wp\/v2\/pages\/2483\/revisions"}],"predecessor-version":[{"id":2890,"href":"https:\/\/a110.club\/index.php\/wp-json\/wp\/v2\/pages\/2483\/revisions\/2890"}],"wp:attachment":[{"href":"https:\/\/a110.club\/index.php\/wp-json\/wp\/v2\/media?parent=2483"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}