{"id":14,"date":"2026-10-08T12:59:34","date_gmt":"2026-10-08T12:59:34","guid":{"rendered":"https:\/\/heerenwijn.nl\/?page_id=14"},"modified":"2026-10-15T09:40:47","modified_gmt":"2026-10-15T09:40:47","slug":"aanmelden","status":"publish","type":"page","link":"https:\/\/heerenwijn.nl\/?page_id=14","title":{"rendered":"Aanmelden"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"14\" class=\"elementor elementor-14\">\n\t\t\t\t<div class=\"elementor-element elementor-element-58d7c63 e-con e-atomic-element e-flexbox-base e-default-div e-d42b0de \" data-id=\"58d7c63\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"58d7c63\">\n    \t\t<div class=\"elementor-element elementor-element-b920a32 elementor-widget elementor-widget-html\" data-id=\"b920a32\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@400;500;600&family=Montserrat:wght@400;500;600;700&display=swap');\r\n\r\n.hw-register,\r\n.hw-register * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.hw-register {\r\n  --wine: #781522;\r\n  --cream: #F8F2E8;\r\n  --gold: #E6CDA8;\r\n  --dark: #3A2927;\r\n\r\n  display: grid;\r\n  grid-template-columns: 34% 66%;\r\n  width: 100%;\r\n  background: var(--cream);\r\n  color: var(--dark);\r\n  font-family: 'Montserrat', sans-serif;\r\n}\r\n\r\n.hw-register .hw-photo {\r\n  min-height: 900px;\r\n  background-color: #781522;\r\n  background-image: url('https:\/\/heerenwijn.nl\/wp-content\/uploads\/2026\/10\/wijnfoto-2-1.webp');\r\n  background-position: center;\r\n  background-size: cover;\r\n  background-repeat: no-repeat;\r\n}\r\n\r\n.hw-register .hw-content {\r\n  padding: 55px clamp(22px, 5vw, 85px);\r\n  background: var(--cream);\r\n}\r\n\r\n.hw-register .hw-breadcrumb {\r\n  margin-bottom: 22px;\r\n  color: #7C6D65;\r\n  font-size: 11px;\r\n}\r\n\r\n.hw-register h1 {\r\n  margin: 0 0 14px;\r\n  color: var(--wine);\r\n  font-family: 'Cormorant Garamond', serif;\r\n  font-size: clamp(38px, 4vw, 55px);\r\n  font-weight: 500;\r\n  line-height: .95;\r\n}\r\n\r\n.hw-register .hw-line {\r\n  width: 48px;\r\n  height: 2px;\r\n  margin: 18px 0 30px;\r\n  background: var(--wine);\r\n}\r\n\r\n.hw-register .hw-fieldset {\r\n  min-width: 0;\r\n  margin: 0 0 28px;\r\n  padding: 0;\r\n  border: 0;\r\n}\r\n\r\n.hw-register legend {\r\n  margin-bottom: 15px;\r\n  font-size: 13px;\r\n  font-weight: 700;\r\n}\r\n\r\n.hw-register .hw-option {\r\n  display: flex;\r\n  align-items: flex-start;\r\n  gap: 10px;\r\n  margin: 11px 0;\r\n  font-size: 12px;\r\n  line-height: 1.6;\r\n  cursor: pointer;\r\n}\r\n\r\n.hw-register input[type=\"radio\"] {\r\n  flex-shrink: 0;\r\n  margin-top: 3px;\r\n  accent-color: var(--wine);\r\n}\r\n\r\n.hw-register .hw-grid {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 17px 18px;\r\n}\r\n\r\n.hw-register .hw-field {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 7px;\r\n  min-width: 0;\r\n}\r\n\r\n.hw-register .hw-full {\r\n  grid-column: 1 \/ -1;\r\n}\r\n\r\n.hw-register .hw-label {\r\n  font-size: 12px;\r\n  font-weight: 600;\r\n}\r\n\r\n.hw-register .hw-required {\r\n  color: var(--wine);\r\n}\r\n\r\n.hw-register input:not([type=\"radio\"]),\r\n.hw-register select {\r\n  width: 100%;\r\n  min-width: 0;\r\n  height: 43px;\r\n  padding: 9px 11px;\r\n  border: 1px solid #D7CBBE;\r\n  border-radius: 0;\r\n  background: #FFFDF9;\r\n  color: var(--dark);\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-size: 13px;\r\n}\r\n\r\n.hw-register input:focus,\r\n.hw-register select:focus {\r\n  outline: 2px solid var(--gold);\r\n  outline-offset: 1px;\r\n}\r\n\r\n.hw-register .hw-total {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  margin: 32px 0 18px;\r\n  font-size: 13px;\r\n  font-weight: 700;\r\n}\r\n\r\n.hw-register #hw-amount {\r\n  color: var(--wine);\r\n  font-family: 'Cormorant Garamond', serif;\r\n  font-size: 31px;\r\n  font-weight: 600;\r\n}\r\n\r\n.hw-register .hw-submit {\r\n  display: block;\r\n  margin-left: auto;\r\n  padding: 17px 25px;\r\n  border: none;\r\n  border-radius: 30px;\r\n  background: var(--wine);\r\n  color: #FFFFFF;\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-size: 12px;\r\n  font-weight: 600;\r\n  letter-spacing: .7px;\r\n  cursor: pointer;\r\n}\r\n\r\n.hw-register .hw-submit:hover {\r\n  background: #9B2635;\r\n  color: #FFFFFF;\r\n}\r\n\r\n.hw-register .hw-submit:disabled {\r\n  opacity: .65;\r\n  cursor: wait;\r\n}\r\n\r\n.hw-register .hw-note {\r\n  margin-top: 18px;\r\n  color: #766960;\r\n  font-size: 11px;\r\n  line-height: 1.6;\r\n}\r\n\r\n.hw-register .hw-error {\r\n  margin-top: 15px;\r\n  padding: 12px 15px;\r\n  border: 1px solid var(--wine);\r\n  background: #FFF7F6;\r\n  color: var(--wine);\r\n  font-size: 12px;\r\n  line-height: 1.6;\r\n}\r\n\r\n.hw-register .hw-error[hidden] {\r\n  display: none;\r\n}\r\n\r\n@media (max-width: 1024px) {\r\n  .hw-register {\r\n    grid-template-columns: 32% 68%;\r\n  }\r\n\r\n  .hw-register .hw-content {\r\n    padding: 40px 28px;\r\n  }\r\n}\r\n\r\n@media (max-width: 767px) {\r\n  .hw-register {\r\n    grid-template-columns: 1fr;\r\n  }\r\n\r\n  .hw-register .hw-photo {\r\n    height: 260px;\r\n    min-height: 260px;\r\n  }\r\n\r\n  .hw-register .hw-content {\r\n    padding: 35px 22px;\r\n  }\r\n\r\n  .hw-register .hw-grid {\r\n    grid-template-columns: 1fr;\r\n  }\r\n\r\n  .hw-register .hw-full {\r\n    grid-column: auto;\r\n  }\r\n\r\n  .hw-register h1 {\r\n    font-size: 42px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section class=\"hw-register\">\r\n\r\n  <div\r\n    class=\"hw-photo\"\r\n    role=\"img\"\r\n    aria-label=\"Wijnfoto\">\r\n  <\/div>\r\n\r\n  <div class=\"hw-content\">\r\n\r\n    <div class=\"hw-breadcrumb\">\r\n      Home \u203a Proeverijen \u203a Aanmelden\r\n    <\/div>\r\n\r\n    <h1>AANMELDEN<br>WIJNPROEVERIJ<\/h1>\r\n\r\n    <div class=\"hw-line\"><\/div>\r\n\r\n    <form id=\"hw-form\">\r\n\r\n      <fieldset class=\"hw-fieldset\">\r\n        <legend>Kies uw proeverij<\/legend>\r\n\r\n        <label class=\"hw-option\">\r\n          <input type=\"radio\" name=\"proeverij\"\r\n                 value=\"10-april-2027\"\r\n                 data-price=\"10\" required>\r\n          <span>Zaterdag 10 april 2027 \u2013 Reguliere proeverij (\u20ac 10 p.p.)<\/span>\r\n        <\/label>\r\n\r\n        <label class=\"hw-option\">\r\n          <input type=\"radio\" name=\"proeverij\"\r\n                 value=\"11-april-2027\"\r\n                 data-price=\"10\">\r\n          <span>Zondag 11 april 2027 \u2013 Reguliere proeverij (\u20ac 10 p.p.)<\/span>\r\n        <\/label>\r\n\r\n        <label class=\"hw-option\">\r\n          <input type=\"radio\" name=\"proeverij\"\r\n                 value=\"17-april-2027\"\r\n                 data-price=\"25\">\r\n          <span>Zaterdag 17 april 2027 \u2013 Exclusieve proeverij (\u20ac 25 p.p.)<\/span>\r\n        <\/label>\r\n\r\n        <label class=\"hw-option\">\r\n          <input type=\"radio\" name=\"proeverij\"\r\n                 value=\"18-april-2027\"\r\n                 data-price=\"10\">\r\n          <span>Zondag 18 april 2027 \u2013 Reguliere proeverij (\u20ac 10 p.p.)<\/span>\r\n        <\/label>\r\n      <\/fieldset>\r\n\r\n      <div class=\"hw-grid\">\r\n\r\n        <div class=\"hw-field\">\r\n          <label class=\"hw-label\" for=\"hw-first\">\r\n            Voornaam <span class=\"hw-required\">*<\/span>\r\n          <\/label>\r\n          <input id=\"hw-first\" name=\"voornaam\"\r\n                 autocomplete=\"given-name\" required>\r\n        <\/div>\r\n\r\n        <div class=\"hw-field\">\r\n          <label class=\"hw-label\" for=\"hw-last\">\r\n            Achternaam <span class=\"hw-required\">*<\/span>\r\n          <\/label>\r\n          <input id=\"hw-last\" name=\"achternaam\"\r\n                 autocomplete=\"family-name\" required>\r\n        <\/div>\r\n\r\n        <div class=\"hw-field hw-full\">\r\n          <label class=\"hw-label\" for=\"hw-address\">\r\n            Adres <span class=\"hw-required\">*<\/span>\r\n          <\/label>\r\n          <input id=\"hw-address\" name=\"adres\"\r\n                 autocomplete=\"street-address\" required>\r\n        <\/div>\r\n\r\n        <div class=\"hw-field\">\r\n          <label class=\"hw-label\" for=\"hw-postcode\">\r\n            Postcode <span class=\"hw-required\">*<\/span>\r\n          <\/label>\r\n          <input id=\"hw-postcode\" name=\"postcode\"\r\n                 autocomplete=\"postal-code\" required>\r\n        <\/div>\r\n\r\n        <div class=\"hw-field\">\r\n          <label class=\"hw-label\" for=\"hw-city\">\r\n            Woonplaats <span class=\"hw-required\">*<\/span>\r\n          <\/label>\r\n          <input id=\"hw-city\" name=\"woonplaats\"\r\n                 autocomplete=\"address-level2\" required>\r\n        <\/div>\r\n\r\n        <div class=\"hw-field hw-full\">\r\n          <label class=\"hw-label\" for=\"hw-email\">\r\n            E-mailadres <span class=\"hw-required\">*<\/span>\r\n          <\/label>\r\n          <input id=\"hw-email\" type=\"email\" name=\"email\"\r\n                 autocomplete=\"email\" required>\r\n        <\/div>\r\n\r\n        <!-- NIEUW: TELEFOONNUMMER -->\r\n        <div class=\"hw-field hw-full\">\r\n          <label class=\"hw-label\" for=\"hw-phone\">\r\n            Telefoonnummer <span class=\"hw-required\">*<\/span>\r\n          <\/label>\r\n          <input id=\"hw-phone\" type=\"tel\" name=\"telefoon\"\r\n                 autocomplete=\"tel\" required>\r\n        <\/div>\r\n\r\n        <div class=\"hw-field hw-full\">\r\n          <label class=\"hw-label\" for=\"hw-count\">\r\n            Aantal personen <span class=\"hw-required\">*<\/span>\r\n          <\/label>\r\n          <select id=\"hw-count\" name=\"aantal\" required>\r\n            <option value=\"1\">1 persoon<\/option>\r\n            <option value=\"2\">2 personen<\/option>\r\n            <option value=\"3\">3 personen<\/option>\r\n            <option value=\"4\">4 personen<\/option>\r\n            <option value=\"5\">5 personen<\/option>\r\n            <option value=\"6\">6 personen<\/option>\r\n            <option value=\"7\">7 personen<\/option>\r\n            <option value=\"8\">8 personen<\/option>\r\n            <option value=\"9\">9 personen<\/option>\r\n            <option value=\"10\">10 personen<\/option>\r\n          <\/select>\r\n        <\/div>\r\n\r\n        <div class=\"hw-field hw-full\">\r\n          <label class=\"hw-label\" for=\"hw-referrer\">\r\n            Via welke heer komt u?\r\n            <span class=\"hw-required\">*<\/span>\r\n          <\/label>\r\n          <input id=\"hw-referrer\" name=\"via_welke_heer\" required>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n      <div class=\"hw-total\">\r\n        <span>Totaalbedrag<\/span>\r\n        <output id=\"hw-amount\" aria-live=\"polite\">\u20ac 0,00<\/output>\r\n      <\/div>\r\n\r\n      <button type=\"submit\" class=\"hw-submit\">\r\n        DOORGAAN NAAR BETALING &nbsp; \u2192\r\n      <\/button>\r\n\r\n      <p class=\"hw-note\">\r\n        Uw aanmelding is pas definitief na een succesvolle betaling.\r\n      <\/p>\r\n\r\n      <div id=\"hw-error\" class=\"hw-error\"\r\n           role=\"alert\" aria-live=\"assertive\" hidden><\/div>\r\n\r\n    <\/form>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function () {\r\n  const form = document.getElementById('hw-form');\r\n  if (!form) return;\r\n\r\n  const amount = document.getElementById('hw-amount');\r\n  const count = document.getElementById('hw-count');\r\n  const button = form.querySelector('.hw-submit');\r\n  const errorBox = document.getElementById('hw-error');\r\n\r\n  let submitting = false;\r\n\r\n  function updateTotal() {\r\n    const selected = form.querySelector(\r\n      'input[name=\"proeverij\"]:checked'\r\n    );\r\n\r\n    const price = selected\r\n      ? Number(selected.dataset.price)\r\n      : 0;\r\n\r\n    const persons = Number(count.value) || 1;\r\n\r\n    amount.textContent = new Intl.NumberFormat(\r\n      'nl-NL',\r\n      { style: 'currency', currency: 'EUR' }\r\n    ).format(price * persons);\r\n  }\r\n\r\n  function showError(message) {\r\n    errorBox.textContent = message;\r\n    errorBox.hidden = false;\r\n  }\r\n\r\n  function clearError() {\r\n    errorBox.textContent = '';\r\n    errorBox.hidden = true;\r\n  }\r\n\r\n  form.querySelectorAll('input[name=\"proeverij\"]')\r\n    .forEach(function (radio) {\r\n      radio.addEventListener('change', updateTotal);\r\n    });\r\n\r\n  count.addEventListener('change', updateTotal);\r\n  updateTotal();\r\n\r\n  form.addEventListener('submit', async function (event) {\r\n    event.preventDefault();\r\n\r\n    if (submitting || !form.reportValidity()) return;\r\n\r\n    clearError();\r\n\r\n    if (!window.hwCheckout ||\r\n        !window.hwCheckout.ajaxUrl ||\r\n        !window.hwCheckout.nonce) {\r\n      showError(\r\n        'De betaalfunctie is niet beschikbaar. Vernieuw de pagina.'\r\n      );\r\n      return;\r\n    }\r\n\r\n    submitting = true;\r\n    button.disabled = true;\r\n\r\n    const originalText = button.innerHTML;\r\n    button.textContent = 'EVEN GEDULD...';\r\n\r\n    try {\r\n      const data = new FormData(form);\r\n\r\n      data.append('action', 'hw_register_checkout');\r\n      data.append('nonce', window.hwCheckout.nonce);\r\n\r\n      const response = await fetch(\r\n        window.hwCheckout.ajaxUrl,\r\n        {\r\n          method: 'POST',\r\n          body: data,\r\n          credentials: 'same-origin',\r\n          cache: 'no-store'\r\n        }\r\n      );\r\n\r\n      if (!response.ok) {\r\n        throw new Error('Verbinding mislukt. Probeer opnieuw.');\r\n      }\r\n\r\n      const result = await response.json();\r\n\r\n      if (!result.success) {\r\n        throw new Error(\r\n          typeof result.data === 'string'\r\n            ? result.data\r\n            : 'De aanmelding kon niet worden verwerkt.'\r\n        );\r\n      }\r\n\r\n      if (!result.data || !result.data.redirect) {\r\n        throw new Error('De betaalpagina kon niet worden geopend.');\r\n      }\r\n\r\n      const redirect = new URL(\r\n        result.data.redirect,\r\n        window.location.origin\r\n      );\r\n\r\n      if (redirect.origin !== window.location.origin) {\r\n        throw new Error('Ongeldig adres van de betaalpagina.');\r\n      }\r\n\r\n      window.location.assign(redirect.href);\r\n\r\n    } catch (error) {\r\n      showError(error.message || 'Er is iets misgegaan.');\r\n      submitting = false;\r\n      button.disabled = false;\r\n      button.innerHTML = originalText;\r\n    }\r\n  });\r\n})();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Home \u203a Proeverijen \u203a Aanmelden AANMELDENWIJNPROEVERIJ Kies uw proeverij Zaterdag 10 april 2027 \u2013 Reguliere proeverij (\u20ac 10 p.p.) Zondag [&hellip;]<\/p>\n","protected":false},"author":2,"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":"","ast-disable-related-posts":"","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-14","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/heerenwijn.nl\/index.php?rest_route=\/wp\/v2\/pages\/14","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/heerenwijn.nl\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/heerenwijn.nl\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/heerenwijn.nl\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/heerenwijn.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=14"}],"version-history":[{"count":17,"href":"https:\/\/heerenwijn.nl\/index.php?rest_route=\/wp\/v2\/pages\/14\/revisions"}],"predecessor-version":[{"id":176,"href":"https:\/\/heerenwijn.nl\/index.php?rest_route=\/wp\/v2\/pages\/14\/revisions\/176"}],"wp:attachment":[{"href":"https:\/\/heerenwijn.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=14"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}