{"id":67,"date":"2025-04-11T10:55:20","date_gmt":"2025-04-11T10:55:20","guid":{"rendered":"https:\/\/smartmavi.ro\/?page_id=67"},"modified":"2025-05-08T17:11:12","modified_gmt":"2025-05-08T17:11:12","slug":"rezervare","status":"publish","type":"page","link":"https:\/\/smartmavi.ro\/index.php\/rezervare\/","title":{"rendered":"Rezervare"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"67\" class=\"elementor elementor-67\">\n\t\t\t\t<div class=\"elementor-element elementor-element-31a6bc0 e-flex e-con-boxed e-con e-parent\" data-id=\"31a6bc0\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1a488a9 elementor-widget elementor-widget-html\" data-id=\"1a488a9\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- 1) FullCalendar + Font Lora -->\r\n<link\r\n  href=\"https:\/\/cdn.jsdelivr.net\/npm\/fullcalendar@6.1.8\/index.global.min.css\"\r\n  rel=\"stylesheet\"\r\n\/>\r\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/fullcalendar@6.1.8\/index.global.min.js\"><\/script>\r\n<link\r\n  href=\"https:\/\/fonts.googleapis.com\/css2?family=Lora:wght@400;500;600&display=swap\"\r\n  rel=\"stylesheet\"\r\n\/>\r\n\r\n<!-- 2) Mesaj instruc\u021biuni -->\r\n<div id=\"calendar-message\">Selecteaz\u0103 ziua prelu\u0103rii<\/div>\r\n\r\n<!-- 3) Wrapper general -->\r\n<div id=\"calendar-wrapper\">\r\n  <!-- 3a) Calendar -->\r\n  <div id=\"calendar-container\">\r\n    <div id=\"calendar\"><\/div>\r\n    <div style=\"text-align:center; margin-top:25px;\">\r\n      <button id=\"confirm-button\">Continu\u0103 rezervarea<\/button>\r\n    <\/div>\r\n  <\/div>\r\n  <!-- 3b) Formular (ascuns ini\u021bial) -->\r\n  <div id=\"form-container\">\r\n    <div id=\"reservation-form\"><div class='fluentform ff-default fluentform_wrapper_1 ffs_default_wrap'><form data-form_id=\"1\" id=\"fluentform_1\" class=\"frm-fluent-form fluent_form_1 ff-el-form-top ff_form_instance_1_1 ff-form-loading ffs_default\" data-form_instance=\"ff_form_instance_1_1\" method=\"POST\" ><fieldset  style=\"border: none!important;margin: 0!important;padding: 0!important;background-color: transparent!important;box-shadow: none!important;outline: none!important; min-inline-size: 100%;\">\n                    <legend class=\"ff_screen_reader_title\" style=\"display: block; margin: 0!important;padding: 0!important;height: 0!important;text-indent: -999999px;width: 0!important;overflow:hidden;\">Contact Form Demo<\/legend><input type='hidden' name='__fluent_form_embded_post_id' value='67' \/><input type=\"hidden\" id=\"_fluentform_1_fluentformnonce\" name=\"_fluentform_1_fluentformnonce\" value=\"f331fd79b5\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/index.php\/wp-json\/wp\/v2\/pages\/67\" \/><div data-type=\"name-element\" data-name=\"names\" class=\" ff-field_container ff-name-field-wrapper\" ><div class='ff-t-container'><div class='ff-t-cell '><div class='ff-el-group'><div class=\"ff-el-input--label asterisk-right\"><label for='ff_1_names_first_name_' >First Name<\/label><\/div><div class='ff-el-input--content'><input type=\"text\" name=\"names[first_name]\" id=\"ff_1_names_first_name_\" class=\"ff-el-form-control\" placeholder=\"First Name\" aria-invalid=\"false\" aria-required=false><\/div><\/div><\/div><div class='ff-t-cell '><div class='ff-el-group'><div class=\"ff-el-input--label asterisk-right\"><label for='ff_1_names_last_name_' >Last Name<\/label><\/div><div class='ff-el-input--content'><input type=\"text\" name=\"names[last_name]\" id=\"ff_1_names_last_name_\" class=\"ff-el-form-control\" placeholder=\"Last Name\" aria-invalid=\"false\" aria-required=false><\/div><\/div><\/div><\/div><\/div><div class='ff-el-group'><div class=\"ff-el-input--label ff-el-is-required asterisk-right\"><label for='ff_1_datetime' aria-label=\"Ora Preluarii\">Ora Preluarii<\/label><\/div><div class='ff-el-input--content'><input  aria-label='Ora Preluarii Use arrow keys to navigate dates. Press enter to select a date.'  aria-haspopup='dialog' data-type-datepicker data-format='H:i' type=\"text\" name=\"datetime\" id=\"ff_1_datetime\" class=\"ff-el-form-control ff-el-datepicker\" data-name=\"datetime\"  aria-invalid='false' aria-required=true><\/div><\/div><div class='ff-el-group'><div class=\"ff-el-input--label ff-el-is-required asterisk-right\"><label for='ff_1_datetime_1' aria-label=\"Ora predarii\">Ora predarii<\/label><\/div><div class='ff-el-input--content'><input  aria-label='Ora predarii Use arrow keys to navigate dates. Press enter to select a date.'  aria-haspopup='dialog' data-type-datepicker data-format='H:i' type=\"text\" name=\"datetime_1\" id=\"ff_1_datetime_1\" class=\"ff-el-form-control ff-el-datepicker\" data-name=\"datetime_1\"  aria-invalid='false' aria-required=true><\/div><\/div><div class='ff-el-group'><div class=\"ff-el-input--label ff-el-is-required asterisk-right\"><label for='ff_1_email' aria-label=\"Email\">Email<\/label><\/div><div class='ff-el-input--content'><input type=\"email\" name=\"email\" id=\"ff_1_email\" class=\"ff-el-form-control\" placeholder=\"Email Address\" data-name=\"email\"  aria-invalid=\"false\" aria-required=true><\/div><\/div><div class='ff-el-group'><div class=\"ff-el-input--label ff-el-is-required asterisk-right\"><label for='ff_1_input_text' aria-label=\"Telefon\">Telefon<\/label><\/div><div class='ff-el-input--content'><input type=\"text\" name=\"input_text\" class=\"ff-el-form-control\" data-name=\"input_text\" id=\"ff_1_input_text\"  aria-invalid=\"false\" aria-required=true><\/div><\/div><input type=\"hidden\" name=\"start_date\" data-name=\"start_date\" ><input type=\"hidden\" name=\"end_date\" data-name=\"end_date\" ><div class='ff-el-group    ff-el-input--content'><div class='ff-el-form-check ff-el-tc'><label aria-label='I consent to have this website store my submitted information so they can respond to my inquiry' class='ff-el-form-check-label ff_tc_label' for=gdpr-agreement_553b22cf72fe75124bc5ab451a7cc398><span class='ff_tc_checkbox'><input type=\"checkbox\" name=\"gdpr-agreement\" class=\"ff-el-form-check-input ff_gdpr_field\" data-name=\"gdpr-agreement\" id=\"gdpr-agreement_553b22cf72fe75124bc5ab451a7cc398\"  value='on' aria-invalid='false' aria-required=true><\/span> <div class='ff_t_c'>I consent to have this website store my submitted information so they can respond to my inquiry<\/div><\/label><\/div><\/div><div class='ff-el-group    ff-el-input--content'><div class='ff-el-form-check ff-el-tc'><label aria-label='Terms and Conditions: I have read and agree to the Terms and Conditions and Privacy Policy Contains 2 links. Use tab navigation to review.' class='ff-el-form-check-label ff_tc_label' for=terms-n-condition_1_1c00338a486056a503c0dc5806b7420a><span class='ff_tc_checkbox'><input type=\"checkbox\" name=\"terms-n-condition_1\" class=\"ff-el-form-check-input\" data-name=\"terms-n-condition_1\" id=\"terms-n-condition_1_1c00338a486056a503c0dc5806b7420a\"  value='on' aria-invalid='false' aria-required=true><\/span> <div class='ff_t_c'>I have read and agree to the <a target=\"_blank\" rel=\"noopener\" href=\"#\">Terms and Conditions<\/a> and <a target=\"_blank\" rel=\"noopener\" href=\"#\">Privacy Policy<\/a><\/div><\/label><\/div><\/div><div class='ff-el-group ff-text-left ff_submit_btn_wrapper'><button type=\"submit\" class=\"ff-btn ff-btn-submit ff-btn-md ff_btn_style\" >Trimite solicitiarea<\/button><\/div><\/fieldset><\/form><div id='fluentform_1_errors' class='ff-errors-in-stack ff_form_instance_1_1 ff-form-loading_errors ff_form_instance_1_1_errors'><\/div><\/div>        <script type=\"text\/javascript\">\n            window.fluent_form_ff_form_instance_1_1 = {\"id\":\"1\",\"settings\":{\"layout\":{\"labelPlacement\":\"top\",\"helpMessagePlacement\":\"with_label\",\"errorMessagePlacement\":\"inline\",\"cssClassName\":\"\",\"asteriskPlacement\":\"asterisk-right\"},\"restrictions\":{\"denyEmptySubmission\":{\"enabled\":false}}},\"form_instance\":\"ff_form_instance_1_1\",\"form_id_selector\":\"fluentform_1\",\"rules\":{\"names[first_name]\":{\"required\":{\"value\":false,\"message\":\"This field is required\",\"global\":false,\"global_message\":\"This field is required\"}},\"names[middle_name]\":{\"required\":{\"value\":false,\"message\":\"This field is required\",\"global\":false,\"global_message\":\"This field is required\"}},\"names[last_name]\":{\"required\":{\"value\":false,\"message\":\"This field is required\",\"global\":false,\"global_message\":\"This field is required\"}},\"datetime\":{\"required\":{\"value\":true,\"message\":\"This field is required\",\"global_message\":\"This field is required\",\"global\":true}},\"datetime_1\":{\"required\":{\"value\":true,\"message\":\"This field is required\",\"global_message\":\"This field is required\",\"global\":true}},\"email\":{\"required\":{\"value\":true,\"message\":\"This field is required\",\"global\":false,\"global_message\":\"This field is required\"},\"email\":{\"value\":true,\"message\":\"This field must contain a valid email\",\"global\":false,\"global_message\":\"This field must contain a valid email\"}},\"input_text\":{\"required\":{\"value\":true,\"message\":\"This field is required\",\"global_message\":\"This field is required\",\"global\":true}},\"gdpr-agreement\":{\"required\":{\"value\":true,\"message\":\"This field is required\",\"global_message\":\"This field is required\",\"global\":true}},\"terms-n-condition_1\":{\"required\":{\"value\":true,\"message\":\"This field is required\",\"global_message\":\"This field is required\",\"global\":true}}},\"debounce_time\":300};\n                    <\/script>\n        <\/div>\r\n    <div class=\"form-footer\">\r\n      <button id=\"back-button\">Revino la calendar<\/button>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n  \/* \u2014\u2014 anima\u021bie fadeInUp \u2014\u2014 *\/\r\n  @keyframes fadeInUp {\r\n    from { opacity: 0; transform: translateY(10px); }\r\n    to   { opacity: 1; transform: translateY(0); }\r\n  }\r\n\r\n  \/* \u2014\u2014 container exterior \u2014\u2014 *\/\r\n  #calendar-wrapper {\r\n    width:100%; max-width:750px; margin:40px auto;\r\n    background:rgba(25,25,25,0.75); backdrop-filter:blur(8px);\r\n    border-radius:35px; box-shadow:0 10px 30px rgba(0,0,0,0.7);\r\n    overflow:hidden; position:relative;\r\n    transition:max-width .5s ease;\r\n  }\r\n  #calendar-wrapper.show-form { max-width:480px; }\r\n\r\n  \/* \u2014\u2014 calendar vs form \u2014\u2014 *\/\r\n  #calendar-container,\r\n  #form-container {\r\n    padding:20px 16px; background:rgba(20,20,20,0.35);\r\n    transition:opacity .6s ease, transform .6s ease;\r\n    font-family:'Lora', serif;\r\n  }\r\n  #calendar-container {\r\n    opacity:1; transform:translateY(0); pointer-events:all;\r\n  }\r\n  #form-container {\r\n    position:absolute; top:0; left:0; right:0; bottom:0;\r\n    opacity:0; transform:translateY(20px); pointer-events:none;\r\n  }\r\n  #calendar-wrapper.show-form #calendar-container {\r\n    opacity:0; transform:translateY(-20px); pointer-events:none;\r\n  }\r\n  #calendar-wrapper.show-form #form-container {\r\n    opacity:1; transform:translateY(0); pointer-events:all;\r\n    padding-bottom:10px;\r\n  }\r\n\r\n  \/* \u2014\u2014 mesaj instruc\u021biuni \u2014\u2014 *\/\r\n  #calendar-message {\r\n    font-family:'Lora', serif; font-size:26px; color:#e5c57b;\r\n    text-align:center; margin:0 0 15px;\r\n    transition:opacity .6s ease;\r\n  }\r\n  #calendar-wrapper.show-form ~ #calendar-message {\r\n    opacity:0;\r\n  }\r\n\r\n  \/* \u2014\u2014 FullCalendar styling \u2014\u2014 *\/\r\n  .fc .fc-toolbar {\r\n    display:flex; justify-content:space-between; align-items:center;\r\n    margin-bottom:20px; padding-bottom:10px;\r\n    border-bottom:1px solid rgba(229,197,123,0.3);\r\n  }\r\n  .fc .fc-toolbar-title {\r\n    color:#e5c57b; font-size:32px; font-weight:600;\r\n  }\r\n  .fc .fc-button {\r\n    background:transparent!important;\r\n    border:1px solid #e5c57b!important;\r\n    color:#e5c57b!important;\r\n    border-radius:10px; padding:8px 16px; font-weight:500;\r\n    transition:all .25s ease;\r\n  }\r\n  .fc .fc-button:hover {\r\n    background:rgba(229,197,123,0.15)!important;\r\n    transform:translateY(-1px);\r\n  }\r\n  .fc .fc-col-header-cell {\r\n    color:#e5c57b; font-size:13px; font-weight:600;\r\n    text-transform:uppercase; letter-spacing:.6px; padding:10px 0;\r\n    position:relative;\r\n  }\r\n  .fc .fc-col-header-cell::after {\r\n    content:''; position:absolute; bottom:0; left:15%;\r\n    width:70%; height:1px; background:rgba(229,197,123,0.3);\r\n  }\r\n  .fc .fc-daygrid-day-frame {\r\n    background:radial-gradient(circle at top left,#1b1b1b 30%,#0c0c0c 100%);\r\n    border-radius:20px; margin:6px;\r\n    border:1px solid rgba(229,197,123,0.08);\r\n    box-shadow:inset 0 2px 6px rgba(0,0,0,0.7);\r\n    transition:all .3s ease; position:relative; min-height:60px;\r\n  }\r\n  .fc .fc-daygrid-day-frame:hover {\r\n    background:rgba(229,197,123,0.05);\r\n    box-shadow:inset 0 3px 8px rgba(0,0,0,0.8),\r\n               0 4px 10px rgba(0,0,0,0.4);\r\n    transform:translateY(-2px);\r\n  }\r\n  .fc .fc-daygrid-day-number {\r\n    position:absolute; top:8px; right:12px;\r\n    font-size:16px; font-weight:600; color:#e5c57b;\r\n  }\r\n  .fc .fc-daygrid-day-number::after {\r\n    content:''; display:block; width:14px; height:2px;\r\n    background:#e5c57b; margin-top:4px; border-radius:1px;\r\n  }\r\n  .fc .fc-daygrid-day.fc-day-today {\r\n    background:rgba(229,197,123,0.1);\r\n    box-shadow:inset 0 0 0 2px rgba(229,197,123,0.4);\r\n  }\r\n  .fc .fc-daygrid-day.selected-range {\r\n    background:linear-gradient(135deg,rgba(229,197,123,.3),rgba(229,197,123,.15));\r\n    box-shadow:inset 0 0 10px rgba(229,197,123,0.6),\r\n               0 0 8px rgba(255,217,102,0.4);\r\n  }\r\n  .fc-day-other { display:none!important; }\r\n  .fc-theme-standard td, .fc-theme-standard th,\r\n  .fc-scrollgrid, .fc-scrollgrid-section-header,\r\n  .fc-scrollgrid-sync-table thead {\r\n    border:none!important; background:transparent!important;\r\n  }\r\n\r\n  \/* \u2014\u2014 \u201cContinu\u0103 rezervarea\u201d \u2014\u2014 *\/\r\n  #confirm-button {\r\n    display:none; padding:12px 28px;\r\n    font-family:'Lora', serif; font-size:16px;\r\n    background:transparent; border:1px solid #e5c57b;\r\n    color:#e5c57b; border-radius:12px;\r\n    cursor:pointer; transition:all .3s ease;\r\n  }\r\n  #confirm-button:hover {\r\n    background:rgba(229,197,123,0.08);\r\n  }\r\n\r\n  \/* \u2014\u2014 c\u00e2mpuri FluentForm animate & compacte \u2014\u2014 *\/\r\n  #form-container .frm_form_field {\r\n    margin-bottom:8px!important;\r\n    opacity:0!important;\r\n    animation:fadeInUp .6s ease forwards!important;\r\n  }\r\n  #form-container .frm_form_field:nth-of-type(1){animation-delay:.2s}\r\n  #form-container .frm_form_field:nth-of-type(2){animation-delay:.3s}\r\n  #form-container .frm_form_field:nth-of-type(3){animation-delay:.4s}\r\n  #form-container .frm_form_field:nth-of-type(4){animation-delay:.5s}\r\n  #form-container .frm_form_field:nth-of-type(5){animation-delay:.6s}\r\n  #form-container .frm_form_field:nth-of-type(6){animation-delay:.7s}\r\n\r\n  \/* \u2014\u2014 Submit FluentForm \u2014\u2014 *\/\r\n  .ff-btn.ff-btn-submit {\r\n    display:block!important; margin:12px auto 0!important;\r\n    padding:10px 24px!important;\r\n    font-family:'Lora', serif!important; font-size:16px!important;\r\n    background:transparent!important; border:1px solid #e5c57b!important;\r\n    color:#e5c57b!important; border-radius:12px!important;\r\n    cursor:pointer!important; transition:all .3s ease!important;\r\n    opacity:0!important;\r\n  }\r\n  #calendar-wrapper.show-form .ff-btn.ff-btn-submit {\r\n    opacity:1!important;\r\n    animation:fadeInUp .6s ease forwards!important;\r\n    animation-delay:.8s!important;\r\n  }\r\n  .ff-btn.ff-btn-submit:hover {\r\n    background:rgba(229,197,123,0.08)!important;\r\n  }\r\n\r\n  \/* \u2014\u2014 Revino la calendar \u2014\u2014 *\/\r\n  .form-footer { text-align:center; margin-top:10px; }\r\n  #back-button {\r\n    background:none; border:none; text-decoration:underline;\r\n    color:#e5c57b; font-family:'Lora', serif; font-size:14px;\r\n    cursor:pointer; opacity:0;\r\n    animation:fadeInUp .6s ease forwards; animation-delay:1s;\r\n  }\r\n\r\n  \/* \u2014\u2014 Mesaj de succes FluentForm \u2014\u2014 *\/\r\n  #form-container .ff-message-success,\r\n  #form-container .ff-message-success * {\r\n    background: transparent!important;\r\n    border: none!important;\r\n  }\r\n  #form-container .ff-message-success {\r\n    color: #c0c0c0!important;\r\n    font-family: 'Lora', serif!important;\r\n    font-size: 1.5rem!important;\r\n    text-align: center!important;\r\n    margin: 40px auto!important;\r\n    line-height: 1.4!important;\r\n    padding: 0!important;\r\n  }\r\n  #form-container .ff-message-success + .form-footer {\r\n    display: none!important;\r\n  }\r\n\r\n  \/* \u2014\u2014 Responsive \u2014\u2014 *\/\r\n  @media(max-width:768px){\r\n    #calendar-wrapper {\r\n      max-width:100%; margin:20px 10px; overflow: visible;\r\n    }\r\n    #calendar-wrapper.show-form #calendar-container {\r\n      max-height: 0!important; padding-top: 0!important;\r\n      padding-bottom: 0!important; overflow: hidden!important;\r\n    }\r\n    #calendar-wrapper.show-form #form-container {\r\n      position: relative!important; top:auto; left:auto;\r\n      padding:16px 16px 80px!important;\r\n    }\r\n    #calendar-message { font-size:20px; margin-bottom:12px; }\r\n    .fc .fc-toolbar-title { font-size:24px; }\r\n    .fc .fc-button { padding:6px 12px; font-size:14px; }\r\n    .fc .fc-col-header-cell { font-size:11px; padding:8px 0; }\r\n    .fc .fc-daygrid-day-frame { margin:4px; min-height:50px; }\r\n    .fc .fc-daygrid-day-number { font-size:14px; top:6px; right:8px; }\r\n    #confirm-button { padding:12px 24px; font-size:14px; }\r\n    .ff-btn.ff-btn-submit {\r\n      margin-top:12px!important; padding:8px 20px!important;\r\n      font-size:14px!important; opacity:1!important; animation:none!important;\r\n    }\r\n    #back-button {\r\n      font-size:12px!important; margin-top:8px!important;\r\n      opacity:1!important; animation:none!important;\r\n    }\r\n    #reservation-form .frm_form_field label {\r\n      font-size: 14px;\r\n    }\r\n  }\r\n\r\n  \/* \u2014\u2014 Zile rezervate: hasurat + \u00eentunecat \u2014\u2014 *\/\r\n\/* \u2014\u2014 Zile rezervate: hasurat + \u00eentunecat \u2014\u2014 *\/\r\n.fc .fc-daygrid-day.rezervata .fc-daygrid-day-frame {\r\n  background-color: rgba(0,0,0,0.5) !important;\r\n  background-image: repeating-linear-gradient(\r\n    135deg,\r\n    transparent,\r\n    transparent 6px,\r\n    rgba(255,255,255,0.08) 6px,\r\n    rgba(255,255,255,0.08) 8px\r\n  ) !important;\r\n  pointer-events: none !important;\r\n  cursor: not-allowed !important;\r\n}\r\n\/* \u2014\u2014 Zile rezervate: \u00eentunec cifrele \u2014\u2014 *\/\r\n.fc .fc-daygrid-day.rezervata .fc-daygrid-day-number {\r\n  color: rgba(229,197,123,0.2) !important;       \/* reduce opacitatea aurului *\/\r\n}\r\n.fc .fc-daygrid-day.rezervata .fc-daygrid-day-number::after {\r\n  background-color: rgba(229,197,123,0.2) !important;  \/* \u00eentunec underline-ul *\/\r\n}\r\n\r\n}\r\n<\/style>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function(){\r\n  const calEl   = document.getElementById('calendar'),\r\n        wrapper = document.getElementById('calendar-wrapper'),\r\n        btn     = document.getElementById('confirm-button'),\r\n        back    = document.getElementById('back-button'),\r\n        msg     = document.getElementById('calendar-message');\r\n  let start = null, reservedRanges = [];\r\n\r\n  \/\/ 1) Prelu\u0103m rezerv\u0103rile aprobate din API\r\n  fetch('\/wp-json\/rc\/v1\/reservations')\r\n    .then(res => res.json())\r\n    .then(data => {\r\n      reservedRanges = data;\r\n      initCalendar();\r\n    });\r\n\r\n  \/\/ 2) Ini\u021bializ\u0103m calendarul dup\u0103 ce avem reservedRanges\r\n  function initCalendar(){\r\n    const calendar = new FullCalendar.Calendar(calEl, {\r\n      initialView: 'dayGridMonth',\r\n      showNonCurrentDates: false,\r\n      height: 'auto',\r\n      expandRows: true,\r\n      validRange: { start: new Date().toISOString().split('T')[0] },\r\n      headerToolbar: { left: 'prev,next', center: 'title', right: '' },\r\n\r\n      \/\/ marchez celulele ocupate\r\n      dayCellClassNames: function(arg) {\r\n        const d = arg.date.toISOString().split('T')[0];\r\n        return reservedRanges.some(r => d >= r.start && d < r.end)\r\n          ? ['rezervata']\r\n          : [];\r\n      },\r\n\r\n      \/\/ logica de dateClick\r\n      dateClick: function(info) {\r\n        const d = info.dateStr;\r\n        if (reservedRanges.some(r => d >= r.start && d < r.end)) {\r\n          msg.innerText = \"Aceast\u0103 zi este deja rezervat\u0103\";\r\n          return;\r\n        }\r\n        if (!start) {\r\n          start = d;\r\n          highlight(start, start);\r\n          msg.innerText = \"Selecteaz\u0103 ziua return\u0103rii\";\r\n        } else {\r\n          const end = d;\r\n          const days = getDateRange(start, end);\r\n          for (let day of days) {\r\n            if (reservedRanges.some(r => day >= r.start && day < r.end)) {\r\n              msg.innerText = \"Perioada selectat\u0103 con\u021bine zile rezervate\";\r\n              return;\r\n            }\r\n          }\r\n          highlight(start, end);\r\n          msg.innerText = `Perioada selectat\u0103: ${start} \u2192 ${end}`;\r\n          document.querySelector('input[name=\"start_date\"]').value = start;\r\n          document.querySelector('input[name=\"end_date\"]').value   = end;\r\n          btn.style.display = 'inline-block';\r\n          start = null;\r\n        }\r\n      }\r\n    });\r\n    calendar.render();\r\n\r\n    btn.addEventListener('click', () => wrapper.classList.add('show-form'));\r\n    back.addEventListener('click', () => {\r\n      wrapper.classList.remove('show-form');\r\n      btn.style.display = 'none';\r\n      msg.innerText = 'Selecteaz\u0103 ziua prelu\u0103rii';\r\n    });\r\n  }\r\n\r\n  function highlight(a, b){\r\n    document.querySelectorAll('.fc-daygrid-day')\r\n      .forEach(c => c.classList.remove('selected-range'));\r\n    document.querySelectorAll('.fc-daygrid-day')\r\n      .forEach(c => {\r\n        const dd = c.getAttribute('data-date');\r\n        if (dd >= a && dd <= b) c.classList.add('selected-range');\r\n      });\r\n  }\r\n\r\n  function getDateRange(start, end) {\r\n    const arr = [], cur = new Date(start), last = new Date(end);\r\n    while (cur <= last) {\r\n      arr.push(cur.toISOString().split('T')[0]);\r\n      cur.setDate(cur.getDate() + 1);\r\n    }\r\n    return arr;\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>Selecteaz\u0103 ziua prelu\u0103rii Continu\u0103 rezervarea Revino la calendar<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-67","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/smartmavi.ro\/index.php\/wp-json\/wp\/v2\/pages\/67","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/smartmavi.ro\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/smartmavi.ro\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/smartmavi.ro\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/smartmavi.ro\/index.php\/wp-json\/wp\/v2\/comments?post=67"}],"version-history":[{"count":304,"href":"https:\/\/smartmavi.ro\/index.php\/wp-json\/wp\/v2\/pages\/67\/revisions"}],"predecessor-version":[{"id":928,"href":"https:\/\/smartmavi.ro\/index.php\/wp-json\/wp\/v2\/pages\/67\/revisions\/928"}],"wp:attachment":[{"href":"https:\/\/smartmavi.ro\/index.php\/wp-json\/wp\/v2\/media?parent=67"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}