{"id":162,"date":"2025-11-24T16:03:37","date_gmt":"2025-11-24T15:03:37","guid":{"rendered":"https:\/\/www.dev-aca-num.com\/site10\/?page_id=162"},"modified":"2025-11-24T16:05:08","modified_gmt":"2025-11-24T15:05:08","slug":"162-2","status":"publish","type":"page","link":"https:\/\/www.dev-aca-num.com\/site10\/?page_id=162","title":{"rendered":"Newsletters"},"content":{"rendered":"\n\t\t\t<form id=\"sib_signup_form_1\" method=\"post\" class=\"sib_signup_form\">\n\t\t\t\t<div class=\"sib_loader\" style=\"display:none;\"><img\n\t\t\t\t\t\t\tsrc=\"https:\/\/www.dev-aca-num.com\/site10\/wp-includes\/images\/spinner.gif\" alt=\"loader\"><\/div>\n\t\t\t\t<input type=\"hidden\" name=\"sib_form_action\" value=\"subscribe_form_submit\">\n\t\t\t\t<input type=\"hidden\" name=\"sib_form_id\" value=\"1\">\n                <input type=\"hidden\" name=\"sib_form_alert_notice\" value=\"Remplissez ce champ s\u2019il vous pla\u00eet\">\n                <input type=\"hidden\" name=\"sib_form_invalid_email_notice\" value=\"Cette adresse email n&#039;est pas valide\">\n                <input type=\"hidden\" name=\"sib_security\" value=\"214c7793e6\">\n\t\t\t\t<div class=\"sib_signup_box_inside_1\">\n\t\t\t\t\t<div style=\"\/*display:none*\/\" class=\"sib_msg_disp\">\n\t\t\t\t\t<\/div>\n                    \t\t\t\t\t<div class=\"pro-form-wrapper\">\r\n  \r\n    <h3 class=\"pro-title\">Recevez nos mises \u00e0 jour<\/h3>\r\n    <p class=\"pro-subtitle\">Inscrivez-vous pour rester inform\u00e9, simplement et sans spam.<\/p>\r\n\r\n    <div class=\"pro-field\">\r\n      <label for=\"firstName\">Pr\u00e9nom<\/label>\r\n      <input id=\"firstName\" name=\"FIRSTNAME\" type=\"text\" required \/>\r\n    <\/div>\r\n\r\n    <div class=\"pro-field\">\r\n      <label for=\"lastName\">Nom<\/label>\r\n      <input id=\"lastName\" name=\"LASTNAME\" type=\"text\" required \/>\r\n    <\/div>\r\n\r\n    <div class=\"pro-field\">\r\n      <label for=\"email\">Email<\/label>\r\n      <input id=\"email\" name=\"email\" type=\"email\" required \/>\r\n    <\/div>\r\n\r\n    <button type=\"submit\" class=\"pro-button\">S\u2019inscrire<\/button>\r\n\r\n    <p id=\"bfMessage\" class=\"pro-message\"><\/p>\r\n  \r\n<\/div>\r\n\r\n<style>\r\n\/* -------- STYLE ULTRA PRO -------- *\/\r\n\r\n.pro-form-wrapper {\r\n  max-width: 420px;\r\n  margin: 40px auto;\r\n  font-family: \"Inter\", \"Helvetica Neue\", Arial, sans-serif;\r\n}\r\n\r\n.pro-form {\r\n  background: #ffffff;\r\n  border: 1px solid #e6e8ec;\r\n  border-radius: 10px;\r\n  padding: 30px;\r\n  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.04);\r\n}\r\n\r\n.pro-title {\r\n  font-size: 22px;\r\n  font-weight: 600;\r\n  color: #111827;\r\n  text-align: center;\r\n  margin-bottom: 6px;\r\n}\r\n\r\n.pro-subtitle {\r\n  font-size: 14px;\r\n  color: #6b7280;\r\n  text-align: center;\r\n  margin-bottom: 24px;\r\n}\r\n\r\n.pro-field {\r\n  display: flex;\r\n  flex-direction: column;\r\n  margin-bottom: 18px;\r\n}\r\n\r\n.pro-field label {\r\n  font-size: 13px;\r\n  color: #374151;\r\n  margin-bottom: 6px;\r\n}\r\n\r\n.pro-field input {\r\n  padding: 12px 14px;\r\n  border: 1px solid #d1d5db;\r\n  border-radius: 6px;\r\n  font-size: 15px;\r\n  transition: border 0.15s, box-shadow 0.15s;\r\n  background: #f9fafb;\r\n}\r\n\r\n.pro-field input:focus {\r\n  border-color: #2563eb;\r\n  background: #ffffff;\r\n  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.15);\r\n  outline: none;\r\n}\r\n\r\n.pro-button {\r\n  width: 100%;\r\n  padding: 12px 16px;\r\n  border-radius: 6px;\r\n  border: 0;\r\n  background: #2563eb;\r\n  color: white;\r\n  font-size: 15px;\r\n  font-weight: 600;\r\n  cursor: pointer;\r\n  transition: 0.2s;\r\n}\r\n\r\n.pro-button:hover {\r\n  background: #1e4fcc;\r\n}\r\n\r\n.pro-message {\r\n  margin-top: 16px;\r\n  text-align: center;\r\n  font-size: 14px;\r\n  color: #111827;\r\n}\r\n<\/style>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function () {\r\n  const form = document.getElementById('brevoForm');\r\n  const msg = document.getElementById('bfMessage');\r\n\r\n  form.addEventListener('submit', async function (e) {\r\n    e.preventDefault();\r\n    msg.textContent = 'Traitement en cours\u2026';\r\n\r\n    const data = {\r\n      email: document.getElementById('email').value.trim(),\r\n      attributes: {\r\n        FIRSTNAME: document.getElementById('firstName').value.trim(),\r\n        LASTNAME: document.getElementById('lastName').value.trim()\r\n      }\r\n    };\r\n\r\n    try {\r\n      const resp = await fetch('\/wp-json\/custom\/v1\/subscribe', {\r\n        method: 'POST',\r\n        headers: { 'Content-Type': 'application\/json' },\r\n        body: JSON.stringify(data)\r\n      });\r\n\r\n      const json = await resp.json();\r\n      if (resp.ok) {\r\n        msg.style.color = '#059669'; \/* vert pro *\/\r\n        msg.textContent = 'Merci ! Votre inscription est confirm\u00e9e.';\r\n        form.reset();\r\n      } else {\r\n        msg.style.color = '#dc2626';\r\n        msg.textContent = json.message || 'Une erreur est survenue.';\r\n      }\r\n    } catch (err) {\r\n      msg.style.color = '#dc2626';\r\n      msg.textContent = 'Erreur r\u00e9seau. Veuillez r\u00e9essayer.';\r\n    }\r\n  });\r\n});\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t<\/form>\n\t\t\t<style>\n\t\t\t\tform#sib_signup_form_1 p.sib-alert-message {\n    padding: 6px 12px;\n    margin-bottom: 20px;\n    border: 1px solid transparent;\n    border-radius: 4px;\n    -webkit-box-sizing: border-box;\n    -moz-box-sizing: border-box;\n    box-sizing: border-box;\n}\nform#sib_signup_form_1 p.sib-alert-message-error {\n    background-color: #f2dede;\n    border-color: #ebccd1;\n    color: #a94442;\n}\nform#sib_signup_form_1 p.sib-alert-message-success {\n    background-color: #dff0d8;\n    border-color: #d6e9c6;\n    color: #3c763d;\n}\nform#sib_signup_form_1 p.sib-alert-message-warning {\n    background-color: #fcf8e3;\n    border-color: #faebcc;\n    color: #8a6d3b;\n}\n\t\t\t<\/style>\n\t\t\t\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-162","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/www.dev-aca-num.com\/site10\/index.php?rest_route=\/wp\/v2\/pages\/162","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.dev-aca-num.com\/site10\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.dev-aca-num.com\/site10\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.dev-aca-num.com\/site10\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.dev-aca-num.com\/site10\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=162"}],"version-history":[{"count":2,"href":"https:\/\/www.dev-aca-num.com\/site10\/index.php?rest_route=\/wp\/v2\/pages\/162\/revisions"}],"predecessor-version":[{"id":165,"href":"https:\/\/www.dev-aca-num.com\/site10\/index.php?rest_route=\/wp\/v2\/pages\/162\/revisions\/165"}],"wp:attachment":[{"href":"https:\/\/www.dev-aca-num.com\/site10\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=162"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}