{"id":46,"date":"2023-03-15T09:10:42","date_gmt":"2023-03-15T09:10:42","guid":{"rendered":"https:\/\/edificiobrown.com.ar\/?page_id=46"},"modified":"2026-10-17T19:25:19","modified_gmt":"2026-10-17T22:25:19","slug":"reservas","status":"publish","type":"page","link":"https:\/\/edificiobrown.com.ar\/en\/reservas\/","title":{"rendered":"Booking"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"46\" class=\"elementor elementor-46\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c94fbb2 e-flex e-con-boxed e-con e-parent\" data-id=\"c94fbb2\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;slideshow&quot;,&quot;background_slideshow_gallery&quot;:[{&quot;id&quot;:2926,&quot;url&quot;:&quot;http:\\\/\\\/edificiobrown.com.ar\\\/wp-content\\\/uploads\\\/2023\\\/04\\\/IMG-20220310-WA0011.jpg&quot;}],&quot;background_slideshow_loop&quot;:&quot;yes&quot;,&quot;background_slideshow_slide_duration&quot;:5000,&quot;background_slideshow_slide_transition&quot;:&quot;fade&quot;,&quot;background_slideshow_transition_duration&quot;:500}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9519f1a elementor-widget-laptop__width-initial elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"9519f1a\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Reservas<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-71bb8a4 elementor-hidden-desktop elementor-hidden-laptop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent\" data-id=\"71bb8a4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d916795 e-flex e-con-boxed elementor-invisible e-con e-parent\" data-id=\"d916795\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeIn&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3311a14 elementor-widget elementor-widget-html\" data-id=\"3311a14\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\r\n<style>\r\n  .form-book {\r\n    background: #fff;\r\n    border: 1px solid gray;\r\n    padding: 25px;\r\n    box-shadow: 0 0 5px rgb(0 0 0 \/ 25%);\r\n    margin: 0;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .container-1 {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 15px;\r\n  }\r\n\r\n  .form-group-book {\r\n    width: 100% !important;\r\n    min-width: 0;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .form-book label {\r\n    display: block;\r\n    padding-bottom: 8px;\r\n  }\r\n\r\n  .form-book input {\r\n    display: block;\r\n    width: 100%;\r\n    height: 38px;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  #form-reserva #reservar {\r\n    display: block;\r\n    height: 38px !important;\r\n    min-height: 38px !important;\r\n    padding: 0 16px !important;\r\n    margin: 0 !important;\r\n    border-radius: 2px !important;\r\n    box-sizing: border-box !important;\r\n    line-height: 36px !important;\r\n    white-space: nowrap;\r\n    align-self: flex-start;\r\n  }\r\n\r\n  #edades-menores {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n  }\r\n\r\n  #edades-menores .form-group {\r\n    flex-basis: 100%;\r\n    box-sizing: border-box;\r\n    padding: 10px;\r\n  }\r\n\r\n  \/* Mobile: bot\u00f3n a todo el ancho *\/\r\n  @media (max-width: 767px) {\r\n    #form-reserva #reservar {\r\n      width: 100% !important;\r\n      align-self: stretch !important;\r\n    }\r\n  }\r\n\r\n  \/* Escritorio: bot\u00f3n alineado con la base de los campos *\/\r\n  @media (min-width: 768px) {\r\n    .container-1 {\r\n      flex-direction: row;\r\n      align-items: flex-end;\r\n      gap: 15px;\r\n    }\r\n\r\n    .form-group-book {\r\n      flex: 1 1 0;\r\n      width: 25% !important;\r\n      min-width: 0;\r\n    }\r\n\r\n    #form-reserva #reservar {\r\n      flex: 0 0 auto;\r\n      width: auto !important;\r\n      align-self: flex-end;\r\n    }\r\n\r\n    #edades-menores .form-group {\r\n      flex: 0 0 25%;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<form class=\"form-book\" id=\"form-reserva\">\r\n  <div class=\"container-1\">\r\n\r\n    <div class=\"form-group-book\">\r\n      <label for=\"ingreso\">Fecha de ingreso<\/label>\r\n      <input\r\n        type=\"date\"\r\n        id=\"ingreso\"\r\n        name=\"ingreso\"\r\n        class=\"form-control\"\r\n        required\r\n      >\r\n    <\/div>\r\n\r\n    <div class=\"form-group-book\">\r\n      <label for=\"egreso\">Fecha de egreso<\/label>\r\n      <input\r\n        type=\"date\"\r\n        id=\"egreso\"\r\n        name=\"egreso\"\r\n        class=\"form-control\"\r\n        required\r\n      >\r\n    <\/div>\r\n\r\n    <div class=\"form-group-book\">\r\n      <label for=\"adultos\">Cantidad de adultos<\/label>\r\n      <input\r\n        type=\"number\"\r\n        id=\"adultos\"\r\n        name=\"adultos\"\r\n        min=\"1\"\r\n        max=\"10\"\r\n        value=\"1\"\r\n        class=\"form-control\"\r\n        required\r\n      >\r\n    <\/div>\r\n\r\n    <div class=\"form-group-book\">\r\n      <label for=\"menores\">Cantidad de menores<\/label>\r\n      <input\r\n        type=\"number\"\r\n        id=\"menores\"\r\n        name=\"menores\"\r\n        min=\"0\"\r\n        max=\"8\"\r\n        value=\"0\"\r\n        class=\"form-control\"\r\n      >\r\n    <\/div>\r\n\r\n    <button type=\"submit\" id=\"reservar\" class=\"btn btn-primary\">\r\n      Reservar\r\n    <\/button>\r\n\r\n  <\/div>\r\n\r\n  <div id=\"edades-menores\"><\/div>\r\n<\/form>\r\n\r\n<script>\r\n(function () {\r\n  const form = document.getElementById('form-reserva');\r\n\r\n  if (!form || form.dataset.initialized === 'true') return;\r\n  form.dataset.initialized = 'true';\r\n\r\n  const adultosInput = document.getElementById('adultos');\r\n  const menoresInput = document.getElementById('menores');\r\n  const edadesMenoresDiv = document.getElementById('edades-menores');\r\n  const ingresoInput = document.getElementById('ingreso');\r\n  const egresoInput = document.getElementById('egreso');\r\n\r\n  \/\/ N\u00famero con c\u00f3digo de pa\u00eds y \u00e1rea, sin espacios ni signos.\r\n  const telefonoWhatsApp = '5492314502865';\r\n\r\n  function fechaLocal(date) {\r\n    const yyyy = date.getFullYear();\r\n    const mm = String(date.getMonth() + 1).padStart(2, '0');\r\n    const dd = String(date.getDate()).padStart(2, '0');\r\n    return `${yyyy}-${mm}-${dd}`;\r\n  }\r\n\r\n  \/\/ Formatear sin conversiones de zona horaria.\r\n  function formatDate(value) {\r\n    if (!value) return '';\r\n    const [yyyy, mm, dd] = value.split('-');\r\n    return `${dd}\/${mm}\/${yyyy}`;\r\n  }\r\n\r\n  function obtenerHoy() {\r\n    return fechaLocal(new Date());\r\n  }\r\n\r\n  ingresoInput.min = obtenerHoy();\r\n  egresoInput.min = obtenerHoy();\r\n\r\n  ingresoInput.addEventListener('change', function () {\r\n    egresoInput.min = this.value || obtenerHoy();\r\n\r\n    if (\r\n      egresoInput.value &&\r\n      this.value &&\r\n      egresoInput.value <= this.value\r\n    ) {\r\n      egresoInput.value = '';\r\n    }\r\n  });\r\n\r\n  \/\/ Generar campos de edades seg\u00fan la cantidad de menores.\r\n  menoresInput.addEventListener('input', function () {\r\n    if (this.value === '') {\r\n      edadesMenoresDiv.innerHTML = '';\r\n      return;\r\n    }\r\n\r\n    const cantidad = Math.max(\r\n      0,\r\n      Math.min(8, parseInt(this.value, 10) || 0)\r\n    );\r\n\r\n    this.value = cantidad;\r\n\r\n    let html = '';\r\n\r\n    for (let i = 1; i <= cantidad; i++) {\r\n      const anterior = document.getElementById(`edad-menor-${i}`);\r\n      const edad = anterior ? anterior.value : '';\r\n\r\n      html += `\r\n        <div class=\"form-group\">\r\n          <label for=\"edad-menor-${i}\">Edad del menor ${i}<\/label>\r\n          <input\r\n            type=\"number\"\r\n            id=\"edad-menor-${i}\"\r\n            name=\"edad-menor-${i}\"\r\n            min=\"0\"\r\n            max=\"17\"\r\n            value=\"${edad}\"\r\n            class=\"form-control\"\r\n            required\r\n          >\r\n        <\/div>\r\n      `;\r\n    }\r\n\r\n    edadesMenoresDiv.innerHTML = html;\r\n  });\r\n\r\n  \/\/ Validar el formulario y abrir WhatsApp en otra pesta\u00f1a.\r\n  form.addEventListener('submit', function (event) {\r\n    event.preventDefault();\r\n\r\n    const ingreso = ingresoInput.value;\r\n    const egreso = egresoInput.value;\r\n    const adultos = Number(adultosInput.value);\r\n    const menores = Number(menoresInput.value || 0);\r\n    const hoy = obtenerHoy();\r\n\r\n    if (!ingreso || !egreso) {\r\n      alert('Debe ingresar las fechas de ingreso y egreso.');\r\n      return;\r\n    }\r\n\r\n    if (ingreso < hoy) {\r\n      alert('La fecha de ingreso no puede ser anterior a hoy.');\r\n      return;\r\n    }\r\n\r\n    if (egreso <= ingreso) {\r\n      alert('La fecha de egreso debe ser posterior a la fecha de ingreso.');\r\n      return;\r\n    }\r\n\r\n    if (!Number.isInteger(adultos) || adultos < 1 || adultos > 10) {\r\n      alert('Ingrese una cantidad de adultos entre 1 y 10.');\r\n      return;\r\n    }\r\n\r\n    if (!Number.isInteger(menores) || menores < 0 || menores > 8) {\r\n      alert('Ingrese una cantidad de menores entre 0 y 8.');\r\n      return;\r\n    }\r\n\r\n    const camposEdad = edadesMenoresDiv.querySelectorAll(\r\n      'input[type=\"number\"]'\r\n    );\r\n\r\n    if (camposEdad.length !== menores) {\r\n      alert('Revise la cantidad de menores ingresada.');\r\n      return;\r\n    }\r\n\r\n    const edades = [];\r\n\r\n    for (const input of camposEdad) {\r\n      if (\r\n        input.value === '' ||\r\n        Number(input.value) < 0 ||\r\n        Number(input.value) > 17\r\n      ) {\r\n        alert('Debe ingresar la edad de cada menor, entre 0 y 17 a\u00f1os.');\r\n        input.focus();\r\n        return;\r\n      }\r\n\r\n      edades.push(input.value);\r\n    }\r\n\r\n    let mensaje =\r\n      `Hola, quiero hacer una reserva para ${adultos} adulto(s)`;\r\n\r\n    if (menores > 0) {\r\n      mensaje += ` y ${menores} menor(es) (edades: ${edades.join(', ')})`;\r\n    }\r\n\r\n    mensaje += `. Fecha de ingreso: ${formatDate(ingreso)}.`;\r\n    mensaje += ` Fecha de egreso: ${formatDate(egreso)}.`;\r\n\r\n    const url =\r\n      `https:\/\/api.whatsapp.com\/send?phone=${telefonoWhatsApp}` +\r\n      `&text=${encodeURIComponent(mensaje)}`;\r\n\r\n    const nuevaPestana = window.open(url, '_blank');\r\n\r\n    if (!nuevaPestana) {\r\n      alert(\r\n        'El navegador bloque\u00f3 la nueva pesta\u00f1a. Permit\u00ed las ventanas emergentes para este sitio.'\r\n      );\r\n    }\r\n  });\r\n})();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Reservas Fecha de ingreso Fecha de egreso Cantidad de adultos Cantidad de menores Reservar<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"","meta":{"_acf_changed":false,"_joinchat":[],"footnotes":""},"class_list":["post-46","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/edificiobrown.com.ar\/en\/wp-json\/wp\/v2\/pages\/46","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/edificiobrown.com.ar\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/edificiobrown.com.ar\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/edificiobrown.com.ar\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/edificiobrown.com.ar\/en\/wp-json\/wp\/v2\/comments?post=46"}],"version-history":[{"count":15,"href":"https:\/\/edificiobrown.com.ar\/en\/wp-json\/wp\/v2\/pages\/46\/revisions"}],"predecessor-version":[{"id":3957,"href":"https:\/\/edificiobrown.com.ar\/en\/wp-json\/wp\/v2\/pages\/46\/revisions\/3957"}],"wp:attachment":[{"href":"https:\/\/edificiobrown.com.ar\/en\/wp-json\/wp\/v2\/media?parent=46"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}