<turbo-stream action="update" target="modal"><template>
  <div class="modal" data-controller="modal" id="contactFormModal" tabindex="-1" aria-labelledby="contactFormLabel" aria-hidden="true">
  <div class="modal-dialog">
    <form class="simple_form new_contact_request" id="new_contact_request" novalidate="novalidate" action="/es/contact_requests" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5imP85K7xBnFes_2dGnazwFYOh_K3WsBFhfKnDrNxHQ4_8Rxex1ewi4qLfaEXXC14svtycRyU26Hb6G2BkSw4g" autocomplete="off" />
      <div class="modal-content">
        <div class="modal-body">
          
          <h3>Contacta con nosotros</h3>
          
          <div class="form-group string required contact_request_name"><label class="string required" for="contact_request_name">Tu nombre <abbr title="obligatorio">*</abbr></label><input class="form-control string required" type="text" name="contact_request[name]" id="contact_request_name" /></div>
          <div class="form-group tel optional contact_request_phone"><label class="tel optional" for="contact_request_phone">Tu teléfono</label><input class="form-control string tel optional" type="tel" name="contact_request[phone]" id="contact_request_phone" /></div>
          <div class="form-group email required contact_request_email"><label class="email required" for="contact_request_email">Tu email <abbr title="obligatorio">*</abbr></label><input class="form-control string email required" type="email" name="contact_request[email]" id="contact_request_email" /></div>
          <div class="form-group text optional contact_request_message"><label class="text optional" for="contact_request_message">Mensaje</label><textarea class="form-control text optional" name="contact_request[message]" id="contact_request_message">
</textarea></div>
          
          <turbo-frame id="recaptcha">
            <div class="mb-3 row">
              <script src="https://www.recaptcha.net/recaptcha/api.js" async defer ></script>
<div data-sitekey="6Ld8pJIgAAAAAJ-8eQdweCw9Mh75lgmrcPYvoU9y" class="g-recaptcha "></div>
          <noscript>
            <div>
              <div style="width: 302px; height: 422px; position: relative;">
                <div style="width: 302px; height: 422px; position: absolute;">
                  <iframe
                    src="https://www.recaptcha.net/recaptcha/api/fallback?k=6Ld8pJIgAAAAAJ-8eQdweCw9Mh75lgmrcPYvoU9y"
                    name="ReCAPTCHA"
                    style="width: 302px; height: 422px; border-style: none; border: 0; overflow: hidden;">
                  </iframe>
                </div>
              </div>
              <div style="width: 300px; height: 60px; border-style: none;
                bottom: 12px; left: 25px; margin: 0px; padding: 0px; right: 25px;
                background: #f9f9f9; border: 1px solid #c1c1c1; border-radius: 3px;">
                <textarea name="g-recaptcha-response"
                  class="g-recaptcha-response"
                  style="width: 250px; height: 40px; border: 1px solid #c1c1c1;
                  margin: 10px 25px; padding: 0px; resize: none;">
                </textarea>
              </div>
            </div>
          </noscript>

            </div>
</turbo-frame>          
          
          <input type="submit" name="commit" value="Enviar mensaje" class="btn btn-primary" data-disable-with="Enviar mensaje" />
          <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cerrar</button>
          
        </div>
      </div>
</form>  </div>
</div>

</template></turbo-stream>