
<div class="signup-header">
  <ul class="reservation-menu">
    <li id="vtc-control-new" class="active">Quote & Reservation </li>
    <li id="vtc-control-edit">Cancel Reservation </li>
  </ul>

  <input type="text" name="condition" id="condition" class="condiciones"
         placeholder="Book at least 24 hours in advance">

  <!-- =======================
       FORMULARIO: Cancelación
       ======================= -->
  <form id="vtc-cancel-form" class="form-header hide" method="POST">
    <div id="booking_control" class="booking_control">
      <div class="edit-status"></div>

      <!-- Turnstile (Cancelación) -->
      <div class="form-group col-md-12">
        <!-- Declarativo; se renderiza solo con la librería -->
        <div id="ts-cancel" class="cf-turnstile"
             data-sitekey="0x4AAAAAACDQegVKLbQrVJvh"
             data-callback="cancelTurnstileSuccess"
             data-expired-callback="cancelTurnstileExpired">
        </div>
      </div>

      <div class="row" style="position:relative; margin-bottom: 15px;">
        <div class="form-group col-md-12">
          <input type="text" name="reservation_id" id="reservation_id"
                 class="form-control"
                 placeholder="Reservation ID here"
                 disabled>
        </div>
      </div>
      <div class="row" style="position:relative; margin-bottom: 15px;">
        <div class="form-group col-md-12">
          <input type="text" name="reservation_phone" id="reservation_sec"
                 class="form-control"
                 placeholder="Your Email"
                 disabled>
        </div>
      </div>

      <div class="row">
        <div class="col-sm-12 col-xs12 hide">
          <div class="form-group last">
            <input type="button" id="edite_reservation" onclick=""
                   class="btn btn-warning btn-block btn-lg"
                   value="Edite Reservation">
            <i class="load_icon pe-7s-refresh pe-spin directionLoad display_none"> </i>
          </div>
        </div>
        <div class="col-sm-12 col-xs12">
          <div class="form-group last">
            <input type="button" id="cancel_reservation"
                   class="btn btn-warning btn-block btn-lg"
                   value="Cancel Reservation ">
            <i class="load_icon pe-7s-refresh pe-spin directionLoad display_none"> </i>
          </div>
        </div>
      </div>
    </div>
  </form>

  <!-- =======================
       FORMULARIO: Booking + Quote
       ======================= -->
  <form id="booking-google-form"
        class="form-header gogole-auto two-date-form"
        action="https://transfervalladolid.es/next-booking/"
        method="POST">

    <div class="booking-status">
          </div>

    <input type="hidden" name="vtc-action" value="classic-b-1-is-submited">

    <div id="booking_control" class="booking_control">
      <input type="hidden" id="cal-distance" name="cal-distance" value="">
      <input type="hidden" id="cal-time"     name="cal-time"     value="">

      <div class="row vtc-form-fields" style="position:relative;">
        <div>
          <div class="form-group col-md-8">
            <!-- Label accesible para el select de vehículo -->
            <label for="f-showme-all" class="sr-only">
              Vehicle            </label>
            <input type="hidden" id="car-id" value="">
            <div class="label-select">
              <select name="f-selected-car" class="form-control" id="f-showme-all" required="">
                <option value="5967">BERLINA PREMIUM 3 PAX</option><option value="5963">MINIVAN PREMIUM 8 PAX</option>              </select>
            </div>
          </div>

          <div class="form-group col-md-4">
            <!-- Label accesible para el select Ida / Ida y vuelta -->
            <label for="f-oneway" class="sr-only">
              Trip type            </label>
            <div class="label-select">
              <select name="f-oneway" id="f-oneway" class="form-control" required="">
                <option value="1" selected>Oneway</option>
                <option value="2">Return</option>
              </select>
            </div>
          </div>
        </div>

        <div class="col-md-12"><hr style="margin-top: 0px;"></div>

        <!-- Turnstile (Booking) -->
        <div class="form-group col-md-12">
          <!-- Declarativo dentro del <form> para que el token se envíe como cf-turnstile-response -->
          <div id="ts-booking" class="cf-turnstile"
               data-sitekey="0x4AAAAAACDQegVKLbQrVJvh"
               data-callback="turnstileBookingSuccess"
               data-expired-callback="turnstileBookingExpired">
          </div>
        </div>

        <!-- Inputs de ubicaciones (bloqueados hasta Turnstile OK) -->
        <div class="form-group col-md-12">
          <label for="f-pick-up" class="sr-only">
            Pick Up Location          </label>
          <input type="text" name="f-pick-up" id="f-pick-up"
                 class="form-control"
                 placeholder="Pick Up Location"
                 required disabled>
        </div>
        <div class="form-group col-md-12">
          <label for="f-end-up" class="sr-only">
            Drop off location          </label>
          <input type="text" name="f-end-up" id="f-end-up"
                 class="form-control"
                 placeholder="Drop off location"
                 required disabled>
        </div>

        <!-- Fechas / horas -->
        <div class="form-group col-md-12" style="margin-bottom: 0px;">
          <div class="row">
            <div class="col-xs-12 col-sm-8">
              <div id="d-pick_update" class="form-group" data-date="12-02-2012" data-date-format="dd-mm-yyyy">
                <label for="f-pick-up-date" class="sr-only">
                  Pick up date                </label>
                <input class="form-control" name="f-pick-up-date" id="f-pick-up-date" type="text"
                       placeholder="Pick up date"
                       required data-date-start-date="+1d">
                 <a class="add-on btn-geolocation btn-calendar"
   href="#"
   aria-label="Open calendar">
  <i class="pe-7s-date" aria-hidden="true"></i>
</a>
              </div>
            </div>
            <div class="col-xs-12 col-sm-4">
              <!-- Label accesible para la hora de recogida -->
              <label for="f-pick-up-time" class="sr-only">
                Pick up time              </label>
              <div class="label-select">
                <select name="f-pick-up-time" id="f-pick-up-time" class="form-control">
                  <option value="00:00">00:00</option><option value="00:15">00:15</option><option value="00:30">00:30</option><option value="00:45">00:45</option><option value="01:00">01:00</option><option value="01:15">01:15</option><option value="01:30">01:30</option><option value="01:45">01:45</option><option value="02:00">02:00</option><option value="02:15">02:15</option><option value="02:30">02:30</option><option value="02:45">02:45</option><option value="03:00">03:00</option><option value="03:15">03:15</option><option value="03:30">03:30</option><option value="03:45">03:45</option><option value="04:00">04:00</option><option value="04:15">04:15</option><option value="04:30">04:30</option><option value="04:45">04:45</option><option value="05:00">05:00</option><option value="05:15">05:15</option><option value="05:30">05:30</option><option value="05:45">05:45</option><option value="06:00">06:00</option><option value="06:15">06:15</option><option value="06:30">06:30</option><option value="06:45">06:45</option><option value="07:00">07:00</option><option value="07:15">07:15</option><option value="07:30">07:30</option><option value="07:45">07:45</option><option value="08:00">08:00</option><option value="08:15">08:15</option><option value="08:30">08:30</option><option value="08:45">08:45</option><option value="09:00">09:00</option><option value="09:15">09:15</option><option value="09:30">09:30</option><option value="09:45">09:45</option><option selected="selected" value="10:00">10:00</option><option value="10:15">10:15</option><option value="10:30">10:30</option><option value="10:45">10:45</option><option value="11:00">11:00</option><option value="11:15">11:15</option><option value="11:30">11:30</option><option value="11:45">11:45</option><option value="12:00">12:00</option><option value="12:15">12:15</option><option value="12:30">12:30</option><option value="12:45">12:45</option><option value="13:00">13:00</option><option value="13:15">13:15</option><option value="13:30">13:30</option><option value="13:45">13:45</option><option value="14:00">14:00</option><option value="14:15">14:15</option><option value="14:30">14:30</option><option value="14:45">14:45</option><option value="15:00">15:00</option><option value="15:15">15:15</option><option value="15:30">15:30</option><option value="15:45">15:45</option><option value="16:00">16:00</option><option value="16:15">16:15</option><option value="16:30">16:30</option><option value="16:45">16:45</option><option value="17:00">17:00</option><option value="17:15">17:15</option><option value="17:30">17:30</option><option value="17:45">17:45</option><option value="18:00">18:00</option><option value="18:15">18:15</option><option value="18:30">18:30</option><option value="18:45">18:45</option><option value="19:00">19:00</option><option value="19:15">19:15</option><option value="19:30">19:30</option><option value="19:45">19:45</option><option value="20:00">20:00</option><option value="20:15">20:15</option><option value="20:30">20:30</option><option value="20:45">20:45</option><option value="21:00">21:00</option><option value="21:15">21:15</option><option value="21:30">21:30</option><option value="21:45">21:45</option><option value="22:00">22:00</option><option value="22:15">22:15</option><option value="22:30">22:30</option><option value="22:45">22:45</option><option value="23:00">23:00</option><option value="23:15">23:15</option><option value="23:30">23:30</option><option value="23:45">23:45</option>
                </select>
              </div>
            </div>
          </div>
        </div>

        <div class="form-group col-md-12 rt-date hide" style="margin-bottom: 4px;">
          <div class="row">
            <div class="col-xs-12 col-sm-8">
              <div id="d-retourn_update" class="form-group">
                <label for="f-end-up-date" class="sr-only">
                  Drop off date                </label>
                <input class="form-control" name="f-end-up-date" id="f-end-up-date" type="text"
                       placeholder="Drop off date"><a class="add-on btn-geolocation btn-calendar"
   href="#"
   aria-label="Open calendar">
  <i class="pe-7s-date" aria-hidden="true"></i>
</a>
              </div>
            </div>
            <div class="col-xs-12 col-sm-4">
              <!-- Label accesible para la hora de regreso -->
              <label for="f-end-up-time" class="sr-only">
                Return time              </label>
              <div class="label-select">
                <select name="f-end-up-time" id="f-end-up-time" class="form-control">
                  <option value="00:00">00:00</option><option value="00:15">00:15</option><option value="00:30">00:30</option><option value="00:45">00:45</option><option value="01:00">01:00</option><option value="01:15">01:15</option><option value="01:30">01:30</option><option value="01:45">01:45</option><option value="02:00">02:00</option><option value="02:15">02:15</option><option value="02:30">02:30</option><option value="02:45">02:45</option><option value="03:00">03:00</option><option value="03:15">03:15</option><option value="03:30">03:30</option><option value="03:45">03:45</option><option value="04:00">04:00</option><option value="04:15">04:15</option><option value="04:30">04:30</option><option value="04:45">04:45</option><option value="05:00">05:00</option><option value="05:15">05:15</option><option value="05:30">05:30</option><option value="05:45">05:45</option><option value="06:00">06:00</option><option value="06:15">06:15</option><option value="06:30">06:30</option><option value="06:45">06:45</option><option value="07:00">07:00</option><option value="07:15">07:15</option><option value="07:30">07:30</option><option value="07:45">07:45</option><option value="08:00">08:00</option><option value="08:15">08:15</option><option value="08:30">08:30</option><option value="08:45">08:45</option><option value="09:00">09:00</option><option value="09:15">09:15</option><option value="09:30">09:30</option><option value="09:45">09:45</option><option selected="selected" value="10:00">10:00</option><option value="10:15">10:15</option><option value="10:30">10:30</option><option value="10:45">10:45</option><option value="11:00">11:00</option><option value="11:15">11:15</option><option value="11:30">11:30</option><option value="11:45">11:45</option><option value="12:00">12:00</option><option value="12:15">12:15</option><option value="12:30">12:30</option><option value="12:45">12:45</option><option value="13:00">13:00</option><option value="13:15">13:15</option><option value="13:30">13:30</option><option value="13:45">13:45</option><option value="14:00">14:00</option><option value="14:15">14:15</option><option value="14:30">14:30</option><option value="14:45">14:45</option><option value="15:00">15:00</option><option value="15:15">15:15</option><option value="15:30">15:30</option><option value="15:45">15:45</option><option value="16:00">16:00</option><option value="16:15">16:15</option><option value="16:30">16:30</option><option value="16:45">16:45</option><option value="17:00">17:00</option><option value="17:15">17:15</option><option value="17:30">17:30</option><option value="17:45">17:45</option><option value="18:00">18:00</option><option value="18:15">18:15</option><option value="18:30">18:30</option><option value="18:45">18:45</option><option value="19:00">19:00</option><option value="19:15">19:15</option><option value="19:30">19:30</option><option value="19:45">19:45</option><option value="20:00">20:00</option><option value="20:15">20:15</option><option value="20:30">20:30</option><option value="20:45">20:45</option><option value="21:00">21:00</option><option value="21:15">21:15</option><option value="21:30">21:30</option><option value="21:45">21:45</option><option value="22:00">22:00</option><option value="22:15">22:15</option><option value="22:30">22:30</option><option value="22:45">22:45</option><option value="23:00">23:00</option><option value="23:15">23:15</option><option value="23:30">23:30</option><option value="23:45">23:45</option>
                </select>
              </div>
            </div>
          </div>
        </div>

        <div class="privew-car"></div>
      </div>

      <div id="result_content" class="result_content hide">
        <div class="">
          <ul class="report">
            <li><strong>Picking up&nbsp;&nbsp;:</strong> <b class="b-picking-up"></b></li>
            <li><strong>Dropping off&nbsp;:</strong> <b class="b-dropping-off"></b></li>
            <li><strong>Up Date / Time&nbsp;&nbsp;: </strong> <b class="b-time"></b></li>
            <li class="return_display">
              <strong>Return Date / Time&nbsp;&nbsp;: </strong>
              <b class="b-time-r"></b>
            </li>
            <li><strong>Distance&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;: </strong> <b class="b-distance"></b></li>
            <li><strong>Selected Car&nbsp;: </strong> <b class="b-your-car"></b></li>
            <li class="hr vtc-f-h"></li>
            <li><strong>Click next to see the prices</strong></li>
          </ul>
        </div>

        <div class="">
          <div class="col-lg-6">
            <div class="form-group last">
              <input id="vtc-show-map" type="button"
                     class="btn btn-warning btn-block btn-lg"
                     value="Show the map">
            </div>
          </div>
          <div class="col-lg-6">
            <div class="form-group last">
              <input id="vtc-next-step" type="button"
                     class="btn btn-warning btn-block btn-lg"
                     value="Next">
            </div>
          </div>
        </div>
      </div>

<div class="map_div hide-map">
  <button type="button" class="close_map" aria-label="Cerrar mapa">
    <i class="pe-7s-close" aria-hidden="true"></i>
  </button>
  <div id="map_canvas"></div>
</div>

      <div class="form-group last vtc-submit-area">
        <input type="submit" id="find_direction"
               class="btn btn-warning btn-block btn-lg"
               value="GET A QUOTE">
        <i class="load_icon pe-7s-refresh pe-spin directionLoad hide"> </i>
      </div>
    </div>
  </form>
</div>

<!-- =======================
     Cloudflare Turnstile
     ======================= -->
<script>
  // Bandera global que lee booking.js
  window.turnstileOk = false;

  // Token de la caja de cancelación (lo usaremos en booking.js)
  window.__tsCancelToken = null;

  // Callbacks BOOKING (formulario de reserva)
  function turnstileBookingSuccess(token) {
    window.turnstileOk = true;

    var pick = document.getElementById('f-pick-up');
    var end  = document.getElementById('f-end-up');

    if (pick) pick.removeAttribute('disabled');
    if (end)  end.removeAttribute('disabled');

    // 👉 Opcional pero muy recomendable:
    // en cuanto el usuario pasa el desafío, empezamos a cargar Google Maps
    if (typeof loadGoogleMapsScript === 'function') {
      loadGoogleMapsScript();
    }
  }

  function turnstileBookingExpired() {
    window.turnstileOk = false;

    var pick = document.getElementById('f-pick-up');
    var end  = document.getElementById('f-end-up');

    if (pick) pick.setAttribute('disabled', 'disabled');
    if (end)  end.setAttribute('disabled', 'disabled');
  }

  // Callbacks CANCEL (formulario de cancelación)
  function cancelTurnstileSuccess(token) {
    // Guardamos el token para usarlo en el AJAX de cancelación
    window.__tsCancelToken = token;

    var id  = document.getElementById('reservation_id');
    var sec = document.getElementById('reservation_sec');

    if (id)  id.removeAttribute('disabled');
    if (sec) sec.removeAttribute('disabled');
  }

  function cancelTurnstileExpired() {
    // Invalidamos el token
    window.__tsCancelToken = null;

    var id  = document.getElementById('reservation_id');
    var sec = document.getElementById('reservation_sec');

    if (id)  id.setAttribute('disabled', 'disabled');
    if (sec) sec.setAttribute('disabled', 'disabled');
  }
</script>

<script src="https://challenges.cloudflare.com/turnstile/v0/api.js" async defer></script>
{"id":6372,"date":"2019-06-20T02:07:12","date_gmt":"2019-06-20T00:07:12","guid":{"rendered":"https:\/\/vtcmalaga.es\/reservar-vtc-en-malaga\/"},"modified":"2019-06-28T02:16:40","modified_gmt":"2019-06-28T00:16:40","slug":"reservar-vtc-malaga","status":"publish","type":"page","link":"https:\/\/transfervalladolid.es\/it\/reservar-vtc-malaga\/","title":{"rendered":"Reservar vtc Valladolid"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><p>[vc_row full_width=&#8221;stretch_row&#8221; parallax=&#8221;content-moving&#8221; parallax_image=&#8221;5400&#8243; css=&#8221;.vc_custom_1498869249187{margin-top: 0px !important;margin-bottom: 0px !important;border-top-width: 0px !important;border-bottom-width: 0px !important;padding-top: 100px !important;padding-bottom: 100px !important;background-color: #f2f2f2 !important;}&#8221;][vc_column][vc_row_inner el_class=&#8221;container&#8221;][vc_column_inner el_class=&#8221;white&#8221; width=&#8221;1\/2&#8243;][vc_column_text css_animation=&#8221;left-to-right&#8221;]<\/p>\n<h2 style=\"text-align: left;\"><strong><span style=\"color: #add8e6;\">Realizar reserva<\/span><\/strong><\/h2>\n<p>[\/vc_column_text][vc_column_text css_animation=&#8221;left-to-right&#8221; el_class=&#8221;driver-list-home&#8221;]<i class=\"fa fa-check\"><\/i> Calcule y contrate su Transfer<br \/>\n<i class=\"fa fa-check\"><\/i> Conductores profesionales<br \/>\n<i class=\"fa fa-check\"><\/i> Precios \u00fanicos y transparentes<br \/>\n<i class=\"fa fa-check\"><\/i> Cancelaci\u00f3n sin coste<br \/>\n<i class=\"fa fa-check\"><\/i> Calidad del servicio<br \/>\n<i class=\"fa fa-check\"><\/i> Pago seguro con tarjeta[\/vc_column_text][\/vc_column_inner][vc_column_inner width=&#8221;1\/2&#8243;][vc_column_text css_animation=&#8221;bottom-to-top&#8221;][\/vc_column_text][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>[vc_row full_width=&#8221;stretch_row&#8221; parallax=&#8221;content-moving&#8221; parallax_image=&#8221;5400&#8243; css=&#8221;.vc_custom_1498869249187{margin-top: 0px !important;margin-bottom: 0px !important;border-top-width: 0px !important;border-bottom-width: 0px !important;padding-top: 100px !important;padding-bottom: 100px !important;background-color: #f2f2f2 !important;}&#8221;][vc_column][vc_row_inner el_class=&#8221;container&#8221;][vc_column_inner el_class=&#8221;white&#8221; width=&#8221;1\/2&#8243;][vc_column_text css_animation=&#8221;left-to-right&#8221;] Realizar reserva [\/vc_column_text][vc_column_text css_animation=&#8221;left-to-right&#8221; el_class=&#8221;driver-list-home&#8221;] Calcule y contrate su Transfer Conductores profesionales Precios \u00fanicos y transparentes Cancelaci\u00f3n sin coste Calidad del servicio Pago seguro con tarjeta[\/vc_column_text][\/vc_column_inner][vc_column_inner width=&#8221;1\/2&#8243;][vc_column_text css_animation=&#8221;bottom-to-top&#8221;][\/vc_column_text][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-fullwidth.php","meta":{"footnotes":""},"class_list":["post-6372","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/transfervalladolid.es\/it\/wp-json\/wp\/v2\/pages\/6372","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/transfervalladolid.es\/it\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/transfervalladolid.es\/it\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/transfervalladolid.es\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/transfervalladolid.es\/it\/wp-json\/wp\/v2\/comments?post=6372"}],"version-history":[{"count":3,"href":"https:\/\/transfervalladolid.es\/it\/wp-json\/wp\/v2\/pages\/6372\/revisions"}],"predecessor-version":[{"id":6613,"href":"https:\/\/transfervalladolid.es\/it\/wp-json\/wp\/v2\/pages\/6372\/revisions\/6613"}],"wp:attachment":[{"href":"https:\/\/transfervalladolid.es\/it\/wp-json\/wp\/v2\/media?parent=6372"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}