<turbo-stream action="update" target="modal"><template><div aria-hidden="true" aria-labelledby="modal-title" class="modal fade" data-bs-backdrop="static" data-modal-target="modal" tabindex="-1"><div class="modal-dialog modal-md modal-fullscreen-lg-down modal-dialog-centered"><div class="modal-content" id="contact-message-form"><form action="/nl/contact" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6yiqCkNAktPGgVuIuGIMtsonh6sXA9OUTg1d0nqnbN5w--kJgIVAMTnxPpawUflndOlh5__QrEPkAJm1KchqpQ" autocomplete="off" /><div class="modal-header justify-content-between align-items-center"><div class="h5 mb-0 fw-bold" id="modal-title">Neem contact op</div><button aria-label="Sluiten" class="btn btn-sm" data-bs-dismiss="modal" role="button" type="button"><svg data-feather="x"></svg></button></div><div class="modal-body"><p>Vul het onderstaande formulier in en wij nemen zo snel mogelijk contact met u op.</p><div class="d-flex flex-column gap-3"><input autocomplete="off" value="vrieshuis" type="hidden" name="contact_message[static_page]" id="contact_message_static_page" /><div class="form-floating"><input class="form-control" placeholder="" type="text" name="contact_message[name]" id="contact_message_name" /><label for="contact_message_name">Naam</label></div><div class="form-floating"><input class="form-control" placeholder="" type="email" name="contact_message[email]" id="contact_message_email" /><label for="contact_message_email">E-mailadres</label></div><div class="form-floating"><input class="form-control" placeholder="" type="tel" name="contact_message[phone]" id="contact_message_phone" /><label for="contact_message_phone">Telefoonnummer</label></div><div class="form-floating"><textarea class="form-control" style="height: 7.5rem;" placeholder="" name="contact_message[message]" id="contact_message_message">
</textarea><label for="contact_message_message">Bericht</label></div><turbo-frame class="d-none" id="recaptcha"><script src="https://www.recaptcha.net/recaptcha/api.js?onload=executeRecaptchaForContactMessage&render=6LezCusrAAAAAD-tHyIdrpc2U0bGMQJRYwqpuICM"   ></script>
        <script>
          function executeRecaptchaForContactMessage() {
            grecaptcha.ready(function() {
              grecaptcha.execute('6LezCusrAAAAAD-tHyIdrpc2U0bGMQJRYwqpuICM', {action: 'contact_message'}).then(function(token) {
                setInputWithRecaptchaResponseTokenForContactMessage('g-recaptcha-response-data-contact-message', token)
              });
            });
          };
                  var setInputWithRecaptchaResponseTokenForContactMessage = function(id, token) {
          var element = document.getElementById(id);
          if (element !== null) element.value = token;
        }

        </script>
<input type="hidden" name="g-recaptcha-response-data[contact_message]" id="g-recaptcha-response-data-contact-message" data-sitekey="6LezCusrAAAAAD-tHyIdrpc2U0bGMQJRYwqpuICM" class="g-recaptcha g-recaptcha-response " data-turbo-permanent="true"/>
</turbo-frame></div></div><div class="modal-footer"><input type="submit" name="commit" value="Contactbericht versturen" class="btn btn-static-page-500" data-disable-with="Contactbericht versturen" /><button class="btn border-2" data-bs-dismiss="modal" type="button">Sluiten</button></div></form></div></div></div></template></turbo-stream>