{"id":213789,"date":"2023-05-10T15:18:39","date_gmt":"2023-05-10T15:18:39","guid":{"rendered":"http:\/\/localhost:10003\/?page_id=213789"},"modified":"2024-10-14T22:43:43","modified_gmt":"2024-10-14T22:43:43","slug":"reservations","status":"publish","type":"page","link":"https:\/\/vokbaths.is\/en\/reservations\/","title":{"rendered":"reservations"},"content":{"rendered":"<p>[et_pb_section fb_built=&#8221;1&#8243; _builder_version=&#8221;4.18.0&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;#f3f3f3&#8243; custom_padding=&#8221;0px||0px||false|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row column_structure=&#8221;1_2,1_2&#8243; use_custom_gutter=&#8221;on&#8221; gutter_width=&#8221;1&#8243; make_equal=&#8221;on&#8221; _builder_version=&#8221;4.18.0&#8243; _module_preset=&#8221;default&#8221; width=&#8221;100%&#8221; max_width=&#8221;100%&#8221; module_alignment=&#8221;center&#8221; custom_padding=&#8221;0px||2px||false|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;1_2&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_code admin_label=&#8221;K\u00f3\u00f0i fyrir birtingu \u00e1 s\u00ed\u00f0u&#8221; _builder_version=&#8221;4.18.0&#8243; _module_preset=&#8221;default&#8221; width=&#8221;80%&#8221; module_alignment=&#8221;center&#8221; custom_padding=&#8221;|2vw||8vw|false|false&#8221; global_colors_info=&#8221;{}&#8221;]<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.2\/css\/all.min.css\" integrity=\"sha512-z3gLpd7yknf1YoNbCzqRKc4qyor8gaKU1qmn+CShxbuBusANI9QpRohGBreCFkKxLhei6S9CQXFEbbKuqLg0DA==\" crossorigin=\"anonymous\" referrerpolicy=\"no-referrer\" \/><!-- [et_pb_line_break_holder] --><\/p>\n<style><!-- [et_pb_line_break_holder] -->body{<!-- [et_pb_line_break_holder] -->    font-family: 'Montserrat', Helvetica, Arial, Lucida, sans-serif !important;<!-- [et_pb_line_break_holder] -->    color: #3b4559;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  .nav{<!-- [et_pb_line_break_holder] -->    display: inline-block !important;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  #btnGetAvail, #btns{<!-- [et_pb_line_break_holder] -->    font-weight: 300;<!-- [et_pb_line_break_holder] -->    color: #FFFFFF !important;<!-- [et_pb_line_break_holder] -->    background-image: linear-gradient(180deg, #0077c8 16%, #b9d9eb 100%);<!-- [et_pb_line_break_holder] -->    background-color: #0077c8;<!-- [et_pb_line_break_holder] -->    border-radius: 5px 5px 5px 5px;<!-- [et_pb_line_break_holder] -->    overflow: hidden;<!-- [et_pb_line_break_holder] -->    border-color: #3B4559;<!-- [et_pb_line_break_holder] -->    padding-top: 20px !important;<!-- [et_pb_line_break_holder] -->    padding-right: 10px !important;<!-- [et_pb_line_break_holder] -->    padding-bottom: 20px !important;<!-- [et_pb_line_break_holder] -->    padding-left: 10px !important;<!-- [et_pb_line_break_holder] -->    margin-top: 20px !important;<!-- [et_pb_line_break_holder] -->    margin-bottom: 10px !important;<!-- [et_pb_line_break_holder] -->    border: 0;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  #dateIn{<!-- [et_pb_line_break_holder] -->\t\tpadding: 2px !important;<!-- [et_pb_line_break_holder] -->\t} <!-- [et_pb_line_break_holder] -->  #tableAvail<!-- [et_pb_line_break_holder] -->\t{<!-- [et_pb_line_break_holder] -->\t\ttext-align: center;\t\t    <!-- [et_pb_line_break_holder] -->\t}  <!-- [et_pb_line_break_holder] -->  #tableAvail > thead > tr > th<!-- [et_pb_line_break_holder] -->\t{\t\t<!-- [et_pb_line_break_holder] -->    font-size: 22px;<!-- [et_pb_line_break_holder] -->\t}<!-- [et_pb_line_break_holder] -->  #tableAvail > tbody > tr > td<!-- [et_pb_line_break_holder] -->\t{<!-- [et_pb_line_break_holder] -->    font-size: 18px;<!-- [et_pb_line_break_holder] -->\t}<!-- [et_pb_line_break_holder] -->\t#tableAvail tr td:first-child {<!-- [et_pb_line_break_holder] -->  \tfont-weight: bold !important;<!-- [et_pb_line_break_holder] -->\t\tcolor: #3b4559 !important;<!-- [et_pb_line_break_holder] -->\t}<!-- [et_pb_line_break_holder] -->\t#tableAvail td > a {<!-- [et_pb_line_break_holder] -->    padding: 10px;<!-- [et_pb_line_break_holder] -->    text-decoration: none;<!-- [et_pb_line_break_holder] -->    font-weight: bold;<!-- [et_pb_line_break_holder] -->\t}<!-- [et_pb_line_break_holder] -->\t#tableAvail td > a:hover{<!-- [et_pb_line_break_holder] -->\t\tbackground-color:  #0077c8;<!-- [et_pb_line_break_holder] -->\t\tcolor: white;<!-- [et_pb_line_break_holder] -->\t}\t  <!-- [et_pb_line_break_holder] -->  .form-group{<!-- [et_pb_line_break_holder] -->    margin-top: 10px;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  .form-group > label{<!-- [et_pb_line_break_holder] -->    font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif !important;    <!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  input{<!-- [et_pb_line_break_holder] -->    text-align: center;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  .form-group.row{<!-- [et_pb_line_break_holder] -->    margin-bottom: 5px;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  .form-control{<!-- [et_pb_line_break_holder] -->    width: 60% !important;<!-- [et_pb_line_break_holder] -->    display: inline !important;<!-- [et_pb_line_break_holder] -->    border-radius: 5px 5px 5px 5px !important;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  .form-select{<!-- [et_pb_line_break_holder] -->    border-radius: 5px 5px 5px 5px !important;<!-- [et_pb_line_break_holder] -->    padding-left: 30px !important;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  .form-group > div > a{<!-- [et_pb_line_break_holder] -->    font-size: 24px;<!-- [et_pb_line_break_holder] -->    margin-top: -4px !important;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  a > i{<!-- [et_pb_line_break_holder] -->    color: rgb(0,119,200);<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  .picker{<!-- [et_pb_line_break_holder] -->    width: 100% !important;<!-- [et_pb_line_break_holder] -->    text-align: center;<!-- [et_pb_line_break_holder] -->    padding-top: 2px !important;<!-- [et_pb_line_break_holder] -->    padding-bottom: 2px !important;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  .aMinus{<!-- [et_pb_line_break_holder] -->    display: inline;<!-- [et_pb_line_break_holder] -->    float: left;<!-- [et_pb_line_break_holder] -->    width: 20% !important;<!-- [et_pb_line_break_holder] -->    text-align: center;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  .aPlus{<!-- [et_pb_line_break_holder] -->    display: inline;<!-- [et_pb_line_break_holder] -->    float: right;<!-- [et_pb_line_break_holder] -->    width: 20% !important;<!-- [et_pb_line_break_holder] -->    text-align: center;<!-- [et_pb_line_break_holder] -->  }  <!-- [et_pb_line_break_holder] --><\/style>\n<p><!-- [et_pb_line_break_holder] --><\/p>\n<div class=\"container\"><!-- [et_pb_line_break_holder] -->\t<\/p>\n<div class=\"row\"><!-- [et_pb_line_break_holder] -->    <\/p>\n<div class=\"form-group row\"><!-- [et_pb_line_break_holder] -->    \t<label for=\"dateIn\" class=\"col-12 col-sm-6 col-form-label\">Date<\/label><!-- [et_pb_line_break_holder] -->      <\/p>\n<div class=\"col-12 col-sm-6\"><!-- [et_pb_line_break_holder] -->\t\t\t\t<input type=\"text\" id=\"dateIn\" class=\"form-control picker\"\/>  <!-- [et_pb_line_break_holder] -->      <\/div>\n<p><!-- [et_pb_line_break_holder] -->    <\/div>\n<p><!-- [et_pb_line_break_holder] -->    <!-- [et_pb_line_break_holder] -->    <\/p>\n<div class=\"form-group row\" id=\"divTimeIn\"><!-- [et_pb_line_break_holder] -->      <label for=\"timeIn\" class=\"col-12 col-sm-6 col-form-label\">Time<\/label><!-- [et_pb_line_break_holder] -->      <\/p>\n<div class=\"col-12 col-sm-6\"><!-- [et_pb_line_break_holder] -->        <select id=\"timeIn\" class=\"form-select picker\"><!-- [et_pb_line_break_holder] -->        <\/select>\t\t\t\t<!-- [et_pb_line_break_holder] -->      <\/div>\n<p><!-- [et_pb_line_break_holder] -->    <\/div>\n<p><!-- [et_pb_line_break_holder] -->    <!-- [et_pb_line_break_holder] -->    <\/p>\n<div class=\"form-group row\"><!-- [et_pb_line_break_holder] -->\t\t\t<label for=\"adultCount\"  class=\"col-12 col-sm-6 col-form-label\">Adult<\/label><!-- [et_pb_line_break_holder] -->      <\/p>\n<div class=\"col-12 col-sm-6\"><!-- [et_pb_line_break_holder] -->      \t  <a href=\"javascript:minus('adultCount');\" class=\"aMinus\"><i class=\"fa fa-circle-minus\"><\/i><\/a>            <!-- [et_pb_line_break_holder] -->\t\t\t\t\t<input type=\"text\" id=\"adultCount\" class=\"form-control\" value=\"1\" min=\"0\" readonly=\"readonly\">      \t<!-- [et_pb_line_break_holder] -->      \t  <a href=\"javascript:plus('adultCount');\" class=\"aPlus\"><i class=\"fa fa-circle-plus\"><\/i><\/a>      \t<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        <\/div>\n<p><!-- [et_pb_line_break_holder] -->    <\/div>\n<p>       <!-- [et_pb_line_break_holder] -->    <\/p>\n<div class=\"form-group row\"><!-- [et_pb_line_break_holder] -->\t\t\t<label for=\"infantCount\" class=\"col-12 col-sm-6 col-form-label\">Infant (0-5)<\/label><!-- [et_pb_line_break_holder] -->      <\/p>\n<div class=\"col-12 col-sm-6\"><!-- [et_pb_line_break_holder] -->        <a href=\"javascript:minus('infantCount');\" class=\"aMinus\"><i class=\"fa fa-circle-minus\"><\/i><\/a><!-- [et_pb_line_break_holder] -->\t\t\t\t<input type=\"text\" id=\"infantCount\" class=\"form-control\"  value=\"0\" min=\"0\" readonly=\"readonly\"><!-- [et_pb_line_break_holder] -->        <a href=\"javascript:plus('infantCount');\" class=\"aPlus\"><i class=\"fa fa-circle-plus\"><\/i><\/a><!-- [et_pb_line_break_holder] -->      <\/div>\n<p><!-- [et_pb_line_break_holder] -->    <\/div>\n<p><!-- [et_pb_line_break_holder] -->    <\/p>\n<div class=\"form-group row\"><!-- [et_pb_line_break_holder] -->\t\t\t<label for=\"childCount\" class=\"col-12 col-sm-6 col-form-label\">Youth (6-16)<\/label><!-- [et_pb_line_break_holder] -->      <\/p>\n<div class=\"col-12 col-sm-6\"><!-- [et_pb_line_break_holder] -->        <a href=\"javascript:minus('childCount');\" class=\"aMinus\"><i class=\"fa fa-circle-minus\"><\/i><\/a><!-- [et_pb_line_break_holder] -->      \t<input type=\"text\" id=\"childCount\" class=\"form-control\"  value=\"0\" min=\"0\" readonly=\"readonly\">  <!-- [et_pb_line_break_holder] -->        <a href=\"javascript:plus('childCount');\" class=\"aPlus\"><i class=\"fa fa-circle-plus\"><\/i><\/a><!-- [et_pb_line_break_holder] -->      <\/div>\n<p>\t\t\t<!-- [et_pb_line_break_holder] -->    <\/div>\n<p>       <!-- [et_pb_line_break_holder] -->\t\t<\/p>\n<div class=\"form-group row\"><!-- [et_pb_line_break_holder] -->\t\t\t<label for=\"eduCount\" class=\"col-12 col-sm-6 col-form-label\">Student<\/label><!-- [et_pb_line_break_holder] -->\t\t\t<\/p>\n<div class=\"col-12 col-sm-6\"><!-- [et_pb_line_break_holder] -->        <a href=\"javascript:minus('eduCount');\" class=\"aMinus\"><i class=\"fa fa-circle-minus\"><\/i><\/a><!-- [et_pb_line_break_holder] -->      \t<input type=\"text\" id=\"eduCount\" class=\"form-control\"  value=\"0\" min=\"0\" readonly=\"readonly\"><!-- [et_pb_line_break_holder] -->        <a href=\"javascript:plus('eduCount');\" class=\"aPlus\"><i class=\"fa fa-circle-plus\"><\/i><\/a><!-- [et_pb_line_break_holder] -->      <\/div>\n<p><!-- [et_pb_line_break_holder] -->    <\/div>\n<p><!-- [et_pb_line_break_holder] -->    <\/p>\n<div class=\"form-group row\"><!-- [et_pb_line_break_holder] -->\t\t\t<label for=\"oldCount\" class=\"col-12 col-sm-6 col-form-label\">Elderly (67+)<\/label><!-- [et_pb_line_break_holder] -->\t\t\t<\/p>\n<div class=\"col-12 col-sm-6\"><!-- [et_pb_line_break_holder] -->        <a href=\"javascript:minus('oldCount');\" class=\"aMinus\"><i class=\"fa fa-circle-minus\"><\/i><\/a><!-- [et_pb_line_break_holder] -->      \t<input type=\"text\" id=\"oldCount\" class=\"form-control\"  value=\"0\" min=\"0\" readonly=\"readonly\"><!-- [et_pb_line_break_holder] -->        <a href=\"javascript:plus('oldCount');\" class=\"aPlus\"><i class=\"fa fa-circle-plus\"><\/i><\/a><!-- [et_pb_line_break_holder] -->      <\/div>\n<p><!-- [et_pb_line_break_holder] -->    <\/div>\n<p><!-- [et_pb_line_break_holder] -->    <\/p>\n<div class=\"form-group row\"><!-- [et_pb_line_break_holder] -->\t\t\t<label for=\"disCount\" class=\"col-12 col-sm-6 col-form-label\">Disabled<\/label><!-- [et_pb_line_break_holder] -->\t\t\t<\/p>\n<div class=\"col-12 col-sm-6\"><!-- [et_pb_line_break_holder] -->        <a href=\"javascript:minus('disCount');\" class=\"aMinus\"><i class=\"fa fa-circle-minus\"><\/i><\/a><!-- [et_pb_line_break_holder] -->      \t<input type=\"text\" id=\"disCount\" class=\"form-control\"  value=\"0\" min=\"0\" readonly=\"readonly\"><!-- [et_pb_line_break_holder] -->        <a href=\"javascript:plus('disCount');\" class=\"aPlus\"><i class=\"fa fa-circle-plus\"><\/i><\/a><!-- [et_pb_line_break_holder] -->      <\/div>\n<p><!-- [et_pb_line_break_holder] -->    <\/div>\n<p>\t    <!-- [et_pb_line_break_holder] -->    <\/p>\n<div class=\"form-group row\"><!-- [et_pb_line_break_holder] -->    \t<\/p>\n<div class=\"alert alert-danger\" role=\"alert\" id=\"divError\" style=\"display:none;\"><!-- [et_pb_line_break_holder] -->         Sold out at that time.<!-- [et_pb_line_break_holder] -->\t\t\t<\/div>\n<p><!-- [et_pb_line_break_holder] -->      <button id=\"btns\" class=\"popmake-214576 btn btn-primary\"><!-- [et_pb_line_break_holder] -->      \tContinue<!-- [et_pb_line_break_holder] -->    \t<\/button>  <!-- [et_pb_line_break_holder] -->    <\/div>\n<p>\t\t<!-- [et_pb_line_break_holder] -->  <\/div>\n<p><!-- [et_pb_line_break_holder] --><\/div>\n<p><!-- [et_pb_line_break_holder] --><script><!-- [et_pb_line_break_holder] -->function minus(ctrl){<!-- [et_pb_line_break_holder] -->  \tvar currVal = parseInt($(\"#\"+ctrl).val());<!-- [et_pb_line_break_holder] -->  \tcurrVal -= 1;<!-- [et_pb_line_break_holder] -->  \tif(currVal < 0){<!-- [et_pb_line_break_holder] -->      currVal = 0;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->  \t$(\"#\"+ctrl).val(currVal);<!-- [et_pb_line_break_holder] -->  \tEnDisBtn();<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->function plus(ctrl){<!-- [et_pb_line_break_holder] -->    var currVal = parseInt($(\"#\"+ctrl).val());<!-- [et_pb_line_break_holder] -->  \tcurrVal += 1;<!-- [et_pb_line_break_holder] -->  \t$(\"#\"+ctrl).val(currVal);<!-- [et_pb_line_break_holder] -->  \tEnDisBtn();<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><\/script>[\/et_pb_code][et_pb_text admin_label=&#8221;Import scriptur&#8221; _builder_version=&#8221;4.18.0&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p><code class=\"shortcode-tag\"><link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.2.3\/dist\/css\/bootstrap.min.css\" integrity=\"sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65\" crossorigin=\"anonymous\">\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.2.3\/dist\/js\/bootstrap.min.js\" integrity=\"sha384-cuYeSxntonz0PPNlHhBs68uyIAVpIIOZZ5JqeqvYYIcEL727kskC66kF92t6Xl2V\" crossorigin=\"anonymous\"><\/script>\n<link rel=\"stylesheet\" href=\"https:\/\/vokbaths.is\/wp-includes\/css\/jqueryCalendar\/jquery-ui.min.css\">\n<link rel=\"stylesheet\" href=\"https:\/\/vokbaths.is\/wp-includes\/css\/jqueryCalendar\/jquery-ui.theme.min.css\">\n<script src=\"https:\/\/code.jquery.com\/ui\/1.13.2\/jquery-ui.js\"><\/script>\n\n<script>\n    var sumBookings = 0;\n    let timesFetched = false;\n\n\t\/\/ Create a UTC date object\n\tvar todayUTC = new Date(Date.UTC(\n\t    new Date().getUTCFullYear(),\n\t    new Date().getUTCMonth(),\n\t    new Date().getUTCDate(),\n\t    new Date().getUTCHours(),\n\t    new Date().getUTCMinutes()\n\t));\n\t\n\tvar day = todayUTC.getUTCDate().toString().padStart(2, '0');\n    var month = (todayUTC.getUTCMonth() + 1).toString().padStart(2, '0');\n    var year = todayUTC.getUTCFullYear();\n    var hours = todayUTC.getUTCHours().toString().padStart(2, '0'); \/\/ Get the hours\n    var minutes = todayUTC.getUTCMinutes().toString().padStart(2, '0'); \/\/ Get the minutes\n    var todayFormatted = `${day}.${month}.${year}`; \/\/ Example: \"22.01.2025\"    \n    \n    var todayDateInt = formatDateToInteger(`${day}.${month}.${year}`);\n    var todayTimeInt = formatTimeToInteger(`${hours}:${minutes}`);\n\n    var selectedDateString = \"\";\n    var selectedDateInt = 0;\n\n    function formatDateToInteger(dateString) {\n        var parts = dateString.split(\".\");\n        var day = parts[0].padStart(2, '0');\n        var month = parts[1].padStart(2, '0');\n        var year = parts[2];\n        return parseInt(year + month + day + \"0000\", 10); \/\/ Appending \"0000\" for HHmm\n    }\n\t\n\n\n    function formatTimeToInteger(timeString) {\n        var timeParts = timeString.split(\":\");\n        var hours = timeParts[0].padStart(2, '0');\n        var minutes = timeParts[1].padStart(2, '0');\n        return parseInt(hours + minutes, 10);\n    }\n\n    function formatDateAndTimeToInteger(dateString, timeString = \"00:00\") {\n        var datePart = formatDateToInteger(dateString); \/\/ Already returns \"yyyyMMdd0000\"\n        var timePart = formatTimeToInteger(timeString); \/\/ Returns \"HHmm\"\n        return datePart + timePart; \/\/ Simply sum them for the combined result\n    }\n\n    function formatDateToString(dateInteger) {\n        var dateString = dateInteger.toString().padStart(12, '0'); \/\/ Ensure 12 digits with padding\n        var year = dateString.substring(0, 4);\n        var month = dateString.substring(4, 6);\n        var day = dateString.substring(6, 8);\n        return `${day}.${month}.${year}`; \/\/ Return dd.MM.yyyy\n    }\n\n    function formatTimeToString(timeInteger) {\n        var timeString = timeInteger.toString().padStart(4, '0'); \/\/ Ensure 4 digits with padding\n        var hours = timeString.substring(0, 2);\n        var minutes = timeString.substring(2, 4);\n        return `${hours}:${minutes}`; \/\/ Return HH:mm\n    }\n\n    function formatDateAndTimeToString(dateTimeInteger) {\n        var dateString = dateTimeInteger.toString().padStart(12, '0'); \/\/ Ensure 12 digits with padding\n        var datePart = reverseDateToInteger(parseInt(dateString.substring(0, 8))); \/\/ First 8 digits\n        var timePart = reverseTimeToInteger(parseInt(dateString.substring(8, 12))); \/\/ Last 4 digits\n        return `${datePart} ${timePart}`; \/\/ Combine date and time\n    }\n\n    function tegraDateFormat(dateString) {\n        \/\/ Split the input date by the dot separator\n        var parts = dateString.split('.');\n        \n        \/\/ Extract the day, month, and year\n        var day = parts[0].padStart(2, '0');  \/\/ Add leading zero if needed\n        var month = parts[1].padStart(2, '0'); \/\/ Add leading zero if needed\n        var year = parts[2];\n        \n        \/\/ Return in the desired format\n        return `${year}-${month}-${day}`;\n    }\n\t\n    $(function () {\n    \/\/$(window).on(\"pageshow\", function () {\n        \/\/ Detect if the current page is English\n        var isEnglish = window.location.href.includes(\"\/en\");\n\n        if (!isEnglish) {\n            \/\/ Custom Icelandic localization\n            $.datepicker.regional['is'] = {\n                closeText: 'Loka',\n                prevText: 'Fyrri',\n                nextText: 'N\u00e6sti',\n                currentText: '\u00cd dag',\n                monthNames: ['Jan\u00faar', 'Febr\u00faar', 'Mars', 'Apr\u00edl', 'Ma\u00ed', 'J\u00fan\u00ed', 'J\u00fal\u00ed', '\u00c1g\u00fast', 'September', 'Okt\u00f3ber', 'N\u00f3vember', 'Desember'],\n                monthNamesShort: ['Jan', 'Feb', 'Mar', 'Apr', 'Ma\u00ed', 'J\u00fan', 'J\u00fal', '\u00c1g\u00fa', 'Sep', 'Okt', 'N\u00f3v', 'Des'],\n                dayNames: ['Sunnudagur', 'M\u00e1nudagur', '\u00deri\u00f0judagur', 'Mi\u00f0vikudagur', 'Fimmtudagur', 'F\u00f6studagur', 'Laugardagur'],\n                dayNamesShort: ['Sun', 'M\u00e1n', '\u00deri', 'Mi\u00f0', 'Fim', 'F\u00f6s', 'Lau'],\n                dayNamesMin: ['Su', 'M\u00e1', '\u00der', 'Mi', 'Fi', 'F\u00f6', 'La'],\n                weekHeader: 'Vika',\n                dateFormat: 'dd.mm.yy',\n                firstDay: 1,\n                isRTL: false,\n                showMonthAfterYear: false,\n                yearSuffix: ''\n            };\n\n            \/\/ Apply the Icelandic localization as default\n            $.datepicker.setDefaults($.datepicker.regional['is']);\n        }\t\n\n        \/\/ Datepicker setup\n        $(\"#dateIn\").datepicker({\n        \tdateFormat: 'dd.mm.yy',\n        \tminDate: todayFormatted,\n        \tonSelect: function (dateText) {\n            \t\/\/ Trigger the change event when a date is selected\n            \t$(\"#dateIn\").trigger(\"change\");\n        \t}\n    \t});\n\t\t\/\/ Get the saved date from localStorage\n\t\tconst savedDate = localStorage.getItem(\"selectedDate\");\n\t\t\t\t\n\t\t\/\/ Check if there is a saved date\n\t\tif (savedDate) {\n            \/\/ Parse the saved date\n            let savedDateInt = formatDateToInteger(savedDate);\n            \n            \/\/ Compare the saved date with today\n            if (savedDateInt >= todayDateInt) {\n                \/\/ If the saved date is valid, set it in the datepicker\n                $(\"#dateIn\").datepicker(\"setDate\", savedDate);\n            } else {\n                \/\/ If the saved date is invalid or in the past, set it to today\n                $(\"#dateIn\").datepicker(\"setDate\", todayFormatted);\n                localStorage.setItem(\"selectedDate\", todayFormatted); \/\/ Update localStorage\n            }\n        } else {\n            \/\/ If no saved date, set it to today\n            $(\"#dateIn\").datepicker(\"setDate\", todayFormatted);\n            localStorage.setItem(\"selectedDate\", todayFormatted); \/\/ Save today's date\n        }\n\t\t\n        \/\/ Change event for the date picker\n        $(\"#dateIn\").on(\"change\", function () {\n            const date = $(this).val();\n            localStorage.setItem(\"selectedDate\", date);\n            selectedDateString = date;\n            selectedDateInt = formatDateToInteger(selectedDateString);\n\n            if (!timesFetched) {\n                CreateTimes(); \/\/ Fetch times only if not already fetched\n            } else {\n                \/\/ If times were already fetched, reset the dropdown and check again\n                $(\"#timeIn\").empty(); \/\/ Clear current options\n                EnDisBtn(); \/\/ Check if button should be enabled\/disabled\n            }\n        });\n\t\t\n\t\t$(\"#dateIn\").trigger(\"change\");\n\t\t\n        \/\/ Initial call to populate times\n        \/\/CreateTimes();\n\n        \/\/ Change event for the time selection\n        $(\"#timeIn\").change(function () {\n            EnDisBtn();\n        });\n\n        \/\/ Button click event\n        $(\"#btnGetAvail\").click(function () {\n            \/\/console.log(\"Button clicked\"); \/\/ Debugging line\n            \/\/ Gather the required information for proceeding\n            var adult = parseInt($(\"#adultCount\").val()) || 0;\n            var kid = parseInt($(\"#childCount\").val()) || 0;\n            var infant = parseInt($(\"#infantCount\").val()) || 0;\n            var edu = parseInt($(\"#eduCount\").val()) || 0;\n            var old = parseInt($(\"#oldCount\").val()) || 0;\n            var dis = parseInt($(\"#disCount\").val()) || 0;\n            var extraItems = {};\n\n            $.ajax({\n                url: '\/wp-admin\/admin-ajax.php',\n                method: 'POST',\n                data: {\n                    action: 'tegra_api_get_order_extra_items'\n                },\n                success: function (data) {\n                    for (var i = 0; i < data.value.length; i++) {\n                        var itemNo = data.value[i].itemNo;\n                        var itemQty = parseInt($(\"#\" + itemNo).val()) || 0;\n\n                        extraItems[itemNo] = itemQty;\n                    }\n\n                    \/\/ Proceed to the payment page\n                    window.location = $(\"#timeIn\").val() +\n                        \"&package=standard\" +\n                        \"&adult=\" + adult +\n                        \"&kid=\" + kid +\n                        \"&infant=\" + infant +\n                        \"&edu=\" + edu +\n                        \"&old=\" + old +\n                        \"&dis=\" + dis +\n                        \"&extraItems=\" + JSON.stringify(extraItems);\n                },\n                error: function (err) {\n                    \/\/console.error(\"Error fetching extra product details: \", err);\n                }\n            });\n        });\t\n    });\n\n    function EnDisBtn() {\n        var adult = parseInt($(\"#adultCount\").val()) || 0;\n        var kid = parseInt($(\"#childCount\").val()) || 0;\n        var infant = parseInt($(\"#infantCount\").val()) || 0;\n        var edu = parseInt($(\"#eduCount\").val()) || 0;\n        var old = parseInt($(\"#oldCount\").val()) || 0;\n        var dis = parseInt($(\"#disCount\").val()) || 0;\n        sumBookings = adult + kid + infant + edu + old + dis;\n\n        var currAvailabilty = parseInt($(\"#timeIn\").find(\":selected\").attr(\"availability\"));\n\n        \/\/ Detect language based on URL\n        var isEnglish = window.location.href.includes(\"\/en\");\n\n        \/\/ Language-specific messages\n        var messages = {\n            soldOut: isEnglish\n                ? \"Sold out for the selected time for this number of guests.\"\n                : \"Uppselt \u00e1 v\u00f6ldum t\u00edma fyrir \u00feennan fj\u00f6lda gesta.\"\n        };\n\n        if (currAvailabilty < sumBookings & sumBookings > 0) {\n            $(\"#btnGetAvail\").attr(\"disabled\", \"disabled\");\n            $(\"#btns\").attr(\"disabled\", \"disabled\");\n            $(\"#divError\").text(messages.soldOut).show();\n        } \n\t\telse if(sumBookings == 0){\n\t\t\t$(\"#btnGetAvail\").attr(\"disabled\", \"disabled\");\n            $(\"#btns\").attr(\"disabled\", \"disabled\");\n\t\t}\n\t\telse {\n            $(\"#btnGetAvail\").removeAttr(\"disabled\");\n            $(\"#btns\").removeAttr(\"disabled\");\n            $(\"#divError\").hide();\n        }\n    }\n\n    function CreateTimes() {\n        $(\"#btnGetAvail\").attr(\"disabled\", \"disabled\");\n        $(\"#btns\").attr(\"disabled\", \"disabled\");\n        $(\"#timeIn\").attr(\"disabled\", \"disabled\");\n        $(\"#timeIn\").parent().addClass(\"spinner\");\n\n        \/\/ Detect language based on URL\n        var isEnglish = window.location.href.includes(\"\/en\");\n\n        \/\/ Language-specific loading message\n        var loadingMessage = isEnglish\n            ? \"Fetching availability...\"\n            : \"Athuga frambo\u00f0...\";\n\n        \/\/ Show loading message in the dropdown\n        $(\"#timeIn\")\n            .empty()\n            .append($('<option>', { value: '', text: loadingMessage }))\n            .attr(\"disabled\", \"disabled\");\n\n        $(\"#divTimeIn\").show();\n\n        \/\/ Clear any error messages\n        $(\"#divError\").hide();\n\n        var isToday = selectedDateInt == todayDateInt;\/\/ Compare full date\n\n        \/\/ Total number of people from the form\n        var adult = parseInt($(\"#adultCount\").val()) || 0;\n        var kid = parseInt($(\"#childCount\").val()) || 0;\n        var infant = parseInt($(\"#infantCount\").val()) || 0;\n        var edu = parseInt($(\"#eduCount\").val()) || 0;\n        var old = parseInt($(\"#oldCount\").val()) || 0;\n        var dis = parseInt($(\"#disCount\").val()) || 0;\n\n        sumBookings = adult + kid + infant + edu + old + dis;\n\n        var cartURL = \"\/checkout-cart\";\n        if (isEnglish) {\n            cartURL = \"\/en\/checkout-cart\";\n        }\n\n        \/\/ Perform the AJAX request to fetch available times\n        $.ajax({\n            url: '\/wp-admin\/admin-ajax.php',\n            method: 'POST',\n            data: {\n                action: 'tegra_api_get_availability',\n                date: tegraDateFormat(selectedDateString)\n            },\n            success: function (data) {\n                \/\/console.log(data);\n\n                \/\/ Process and sort the available times\n                var times = data.value.map(function (item) {\n                    return {\n                        time: item.availabilityTime,\n                        formattedTime: item.availabilityTime.substring(0, item.availabilityTime.length - 3), \/\/ Remove seconds\n                        availability: item.availability\n                    };\n                });\n\n                \/\/ Sort times in ascending order\n                times.sort(function (a, b) {\n                    return new Date('1970\/01\/01 ' + a.time) - new Date('1970\/01\/01 ' + b.time);\n                });\n\n                if (isToday) {\n    \t\t\t\t\/\/ Add 1 hour (in minutes) to current UTC time\n    \t\t\t\tconst oneHourLater = new Date(todayUTC.getTime() + 60 * 60000);\n    \t\t\t\tconst cutoffTimeInt = formatTimeToInteger(\n        \t\t\t\toneHourLater.getUTCHours().toString().padStart(2, '0') + \":\" +\n        \t\t\t\toneHourLater.getUTCMinutes().toString().padStart(2, '0')\n    \t\t\t);\n\n    \t\t\t\t\/\/ Filter out times less than 1 hour from now\n    \t\t\t\ttimes = times.filter(function (item) {\n        \t\t\treturn formatTimeToInteger(item.formattedTime) > cutoffTimeInt;\n    \t\t\t});\n\t\t\t\t}\n\n\n                if (times.length === 0) {\n                    \/\/ No available times, display the \"No Availability\" message\n                    $(\"#divError\").text(isEnglish ? \"No availability on the selected day.\" : \"Ekkert frambo\u00f0 er \u00e1 v\u00f6ldum degi.\").show();\n\n                    \/\/ Clear the dropdown and remove the loading message\n                    $(\"#timeIn\").empty().attr(\"disabled\", \"disabled\");\n\n                    $(\"#timeIn\").parent().removeClass(\"spinner\");\n                    return;\n                } else {\n                    \/\/ Hide the message if there are available times\n                    $(\"#divError\").hide();\n                }\n\n\t\t\t\t\/\/Virkni til a\u00f0 fela tv\u00f6 s\u00ed\u00f0ustu t\u00edmaslottinn. \n\t\t\t\tif (times.length >2) {\n\t\t\t\ttimes = times.slice(0, times.length -2);\n\t\t\t\t}\n\t\t\t\t\n                \/\/ Populate the dropdown with available times\n                $(\"#timeIn\").empty(); \/\/ Clear the loading message\n                for (var i = 0; i < times.length; i++) {\n\t\t\t\t\t\/\/console.log(cartURL + \"?date=\" + tegraDateFormat(selectedDateString) + \"&time=\" + times[i].time);\n                    $(\"#timeIn\").append($('<option>', {\n                        value: cartURL + \"?date=\" + tegraDateFormat(selectedDateString) + \"&time=\" + times[i].time,\n                        text: times[i].formattedTime, \/\/ Display the formatted time without seconds\n                        availability: times[i].availability\n                    }));\n                }\n\n                $(\"#timeIn\").removeAttr(\"disabled\").parent().removeClass(\"spinner\");\n            },\n            error: function (err) {\n                console.error(\"Error fetching available times: \", err);\n\n                \/\/ Clear the dropdown in case of an error\n                $(\"#timeIn\").empty().attr(\"disabled\", \"disabled\");\n\n                $(\"#timeIn\").parent().removeClass(\"spinner\");\n            }\n        });\n    }\n<\/script>\n\n<style>\n.nav{\n    display: inline-block !important;\n}\n    \n@keyframes spinner {\n    to {transform: rotate(360deg);}\n}\n\n.spinner:before {\n    content: '';\n    box-sizing: border-box;\n    position: absolute;\n    margin-left: 5px;\n    margin-top: 5px;\n    width: 20px;\n    height: 20px;\n    border-radius: 50%;\n    border: 2px solid #ccc;\n    border-top-color: #000;\n    animation: spinner .6s linear infinite;\n}\n\n@media only screen and (min-width: 1350px){\n    #page-container{\n        margin-top: 78px;\n    }    \n}\n\n#timeIn {\n    text-align: center;\n    text-align-last: center; \/* For modern browsers *\/\n    -moz-text-align-last: center; \/* For Firefox *\/\n}\n\t\n\t\/* datepicker css *\/\n\n\t\/* Main Datepicker Container *\/\n\t\n\t.ui-datepicker {\n\t\tbackground: #ffffff; \/* White background *\/\n\t\tfont-size: 13px !important; \/* Standard font size *\/\n\t\tpadding: 9px; \/* Padding for spacing *\/\n\t\tborder: 1px solid #e5e5e5 !important; \/* Light gray border *\/\n\t\tbox-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); \/* Subtle shadow *\/\n\t\tborder-radius: 5px; \/* Rounded corners *\/\n\t\twidth: 280px; \/* Standard width *\/\n\t\tfont-family: 'Montserrat', Helvetica, Arial, Lucida, sans-serif !important;\n\t\tborder: 1px solid #dbdbdb;\n\t\tbox-shadow: 0 4px 12px rgba(0, 0, 0, .15);\n\t\tbox-sizing: content-box;\n\t}\n\n\t\/* Header (Month and Year title) *\/\n\t.ui-datepicker .ui-datepicker-header {\n\t\tbackground: #f7f7f7; \/* Light gray background for header *\/\n\t\tcolor: gray; \/* Dark text for good contrast *\/\n\t\tfont-size: 16px; \/* Header font size *\/\n\t\tfont-weight: bold;\n\t\ttext-align: center;\n\t\tpadding: 10px; \/* Padding for header *\/\n\t\tborder-bottom: 0px solid #e5e5e5; \/* Border below the header *\/\n\t\tposition: relative;\n\t\tborder-radius: 5px;\n\t}\n\n\t\/* Clean SVG Arrows for Previous and Next Buttons *\/\n\t.ui-datepicker .ui-datepicker-prev, \n\t.ui-datepicker .ui-datepicker-next {\n\t\tbackground: none; \/* No background *\/\n\t\tborder: none; \/* No border *\/\n\t\tcursor: pointer; \/* Pointer cursor *\/\n\t\tpadding: 0 10px; \/* Add spacing on sides *\/\n\t\tcolor: #888; \/* Light gray color *\/\n\t\tdisplay: inline-flex;\n\t\talign-items: center; \/* Center arrow vertically *\/\n\t\tjustify-content: center;\n\t}\n\n\t\/* SVG for Previous Arrow *\/\n\t.ui-datepicker .ui-datepicker-prev::after, a.ui-datepicker-prev.ui-corner-all.ui-state-disabled, a.ui-datepicker-prev.ui-corner-all {\n\t\tcontent: url('data:image\/svg+xml;charset=UTF-8,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 320 512\"><!--!Font Awesome Free 6.6.0 by @fontawesome - https:\/\/fontawesome.com License - https:\/\/fontawesome.com\/license\/free Copyright 2024 Fonticons, Inc.--><path d=\"M41.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L109.3 256 246.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-160 160z\"\/><\/svg>');\n\t}\n\n\t\/* SVG for Next Arrow *\/\n\t.ui-datepicker .ui-datepicker-next::after, a.ui-datepicker-next.ui-corner-all {\n\t\tcontent: url('data:image\/svg+xml;charset=UTF-8,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 320 512\"><!--!Font Awesome Free 6.6.0 by @fontawesome - https:\/\/fontawesome.com License - https:\/\/fontawesome.com\/license\/free Copyright 2024 Fonticons, Inc.--><path d=\"M278.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-160 160c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L210.7 256 73.4 118.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l160 160z\"\/><\/svg>');\n\t}\n\n\t\/* Hover Effect for Arrows *\/\n\t.ui-datepicker .ui-datepicker-prev:hover,\n\t.ui-datepicker .ui-datepicker-next:hover {\n\t\tcolor: #333; \/* Darker gray on hover *\/\n\t}\n\n\t.ui-datepicker .ui-datepicker-prev {\n\t\tleft: 10px; \n\t\ttop: 9px;\n\t}\n\n\t.ui-datepicker .ui-datepicker-next {\n\t\tright: 10px;\n\t\ttop: 9px;\n\t}\n\n\t.ui-datepicker table {\n\t\twidth: 100%; \n\t\tborder-collapse: collapse; \n\t\tmargin-top: 10px; \n\t}\n\n\t.ui-datepicker table thead th {\n\t\ttext-align: center; \n\t\tfont-weight: bold;\n\t\tcolor: #0077c8;\n\t\tpadding: 5px 0; \n\t}\n\n\t.ui-datepicker table td {\n\t\ttext-align: center;\n\t\tpadding: 0; \n\t\tborder: 1px solid transparent; \n\t\tcursor: pointer; \n\t\twidth: 30px; \n\t\theight: 30px; \n\t\tvertical-align: middle; \n\t}\n\n\t.ui-datepicker table td a{\n\t\tdisplay: flex ;\n\t\tjustify-content: center ;\n\t\talign-items: center ; \n\t\twidth: 100% ; \n\t\theight: 100% ; \n\t\tmargin: 0 ;\n\t\tpadding: 0 ;\n\t\ttext-decoration: none ; \n\t\tcolor: #333; \n\t\ttransition: background 0.3s ease, color 0.3s ease;\n\t\tborder: 5px;\n\t}\n\n\n\t.ui-datepicker table td:hover a {\n\t\tbackground-color: rgba(185, 217, 235, 0.3);\n\t\tcolor: #333;\n\t\tborder-radius: 5px;\n\t}\n\n\n\t.ui-datepicker table td.ui-datepicker-current-day a {\n\t\tbackground-color: #2ea3f2;\n\t\tbackground-image: linear-gradient(180deg,#0077c8 16%,#00a9e0 100%); \n\t\tcolor: white; \n\t\tborder-radius: 5px;\n\t\tborder-width: 0px;\n\t}\n\n\t.ui-datepicker .ui-datepicker-unselectable .ui-state-disabled {\n\t\tbackground-color: transparent; \n\t\tcolor: #ccc; \n\t\tborder-radius: 5px;\n\t}\n\t\n\tspan.ui-state-default{\n\t\tdisplay: flex !important; \n\t\tjustify-content: center ; \n\t\talign-items: center ; \n\t\twidth: 100% ;\n\t\theight: 100% ; \n\t\tmargin: 0 ; \n\t\tpadding: 0 !important; \n\t\ttext-decoration: none !important; \n\t\tcolor: #333 !important; \n\t\ttransition: background 0.3s ease, color 0.3s ease;\n\t\tborder: 5px;\n\t}\n\n\t\n\t.ui-datepicker table td.ui-datepicker-today a {\n\t\tborder: 0px solid white;\n\t\tborder-radius: 5px;\n\t}\n\t\n\t.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight{\n\t\tbackground: white;\n\t}\n\n\t\n\t.ui-datepicker .ui-datepicker-week-col {\n\t\tfont-weight: bold; \n\t\tcolor: #999; \n\t}\n\t\n\t@media (max-width: 479px) {\n\t\t.ms-3 {\n\t\t\tmargin: 0 !important;\n\t\t}\n\t}\n\n\t@media (max-width: 769px) {\n\t\t.ms-3 {\n\t\t\tmargin: 0 !important;\n\t\t}\n\t\t\n\t\t.container{\n\t\t\tpadding-right: 0 !important;\n\t\t\tpadding-left: 0 !important;\n\t\t}\n\t}\n\t\n\t@media (max-width: 782px) {\n\t\tbody{\n\t\t\twidth: 100vw;\n\t\t\toverflow-x: hidden;\n\t\t\tpadding: 0.8em 0\n\t\t}\n\t}\n\t\n\t@media (min-width: 576px) and (max-width: 729px) {\n\t\tdiv>.col-sm-6 { \n\t\t\tflex: 0 0 auto !important;\n\t\t\twidth: 60% !important;\n\t\t}\n\t\t\n\t\tlabel>.col-sm-6 { \n\t\t\tflex: 0 0 auto !important;\n\t\t\twidth: 40% !important;\n\t\t}\n\t}\n\t\n\t@media only screen and (min-width: 1024px) and (max-width: 1440px) {\n\t\tdiv#popmake-214538 .ms-5 {\n\t\t\tmargin: 0 !important;\n\t\t}\n\t}\n\n<\/style><\/code><\/p>\n<p>[\/et_pb_text][\/et_pb_column][et_pb_column type=&#8221;1_2&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_image src=&#8221;https:\/\/vokbaths.is\/wp-content\/uploads\/2023\/05\/vok-baths-2-scaled.jpeg&#8221; title_text=&#8221;vok-baths&#8221; align=&#8221;center&#8221; force_fullwidth=&#8221;on&#8221; disabled_on=&#8221;off|off|off&#8221; _builder_version=&#8221;4.18.0&#8243; _module_preset=&#8221;default&#8221; overflow-y=&#8221;auto&#8221; animation_style=&#8221;fade&#8221; animation_duration=&#8221;1450ms&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row disabled_on=&#8221;on|on|on&#8221; _builder_version=&#8221;4.18.0&#8243; _module_preset=&#8221;default&#8221; disabled=&#8221;on&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.18.0&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_code admin_label=&#8221;Tafla me\u00f0 yfirliti&#8221; _builder_version=&#8221;4.18.0&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<table id=\"tableAvail\" style=\"display: none;\" class=\"table table-striped\"><!-- [et_pb_line_break_holder] -->\t<\/p>\n<thead><!-- [et_pb_line_break_holder] -->\t\t<\/p>\n<tr><!-- [et_pb_line_break_holder] -->\t\t\t<\/p>\n<th>T\u00edmi<\/th>\n<p><!-- [et_pb_line_break_holder] -->\t\t\t<\/p>\n<th>Standard<\/th>\n<p><!-- [et_pb_line_break_holder] -->\t\t\t<\/p>\n<th>Comfort<\/th>\n<p><!-- [et_pb_line_break_holder] -->\t\t\t<\/p>\n<th>Premium<\/th>\n<p><!-- [et_pb_line_break_holder] -->\t\t<\/tr>\n<p><!-- [et_pb_line_break_holder] -->\t<\/thead>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\t<\/p>\n<tbody id=\"tAvail\">       \t\t<!-- [et_pb_line_break_holder] -->\t\t\t<!-- [et_pb_line_break_holder] -->\t<\/tbody>\n<p><!-- [et_pb_line_break_holder] --><\/table>\n<p>[\/et_pb_code][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"<link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.2.3\/dist\/css\/bootstrap.min.css\" integrity=\"sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65\" crossorigin=\"anonymous\">\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.2.3\/dist\/js\/bootstrap.min.js\" integrity=\"sha384-cuYeSxntonz0PPNlHhBs68uyIAVpIIOZZ5JqeqvYYIcEL727kskC66kF92t6Xl2V\" crossorigin=\"anonymous\"><\/script>\n<link rel=\"stylesheet\" href=\"https:\/\/vokbaths.is\/wp-includes\/css\/jqueryCalendar\/jquery-ui.min.css\">\n<link rel=\"stylesheet\" href=\"https:\/\/vokbaths.is\/wp-includes\/css\/jqueryCalendar\/jquery-ui.theme.min.css\">\n<script src=\"https:\/\/code.jquery.com\/ui\/1.13.2\/jquery-ui.js\"><\/script>\n\n<script>\n    var sumBookings = 0;\n    let timesFetched = false;\n\n\t\/\/ Create a UTC date object\n\tvar todayUTC = new Date(Date.UTC(\n\t    new Date().getUTCFullYear(),\n\t    new Date().getUTCMonth(),\n\t    new Date().getUTCDate(),\n\t    new Date().getUTCHours(),\n\t    new Date().getUTCMinutes()\n\t));\n\t\n\tvar day = todayUTC.getUTCDate().toString().padStart(2, '0');\n    var month = (todayUTC.getUTCMonth() + 1).toString().padStart(2, '0');\n    var year = todayUTC.getUTCFullYear();\n    var hours = todayUTC.getUTCHours().toString().padStart(2, '0'); \/\/ Get the hours\n    var minutes = todayUTC.getUTCMinutes().toString().padStart(2, '0'); \/\/ Get the minutes\n    var todayFormatted = `${day}.${month}.${year}`; \/\/ Example: \"22.01.2025\"    \n    \n    var todayDateInt = formatDateToInteger(`${day}.${month}.${year}`);\n    var todayTimeInt = formatTimeToInteger(`${hours}:${minutes}`);\n\n    var selectedDateString = \"\";\n    var selectedDateInt = 0;\n\n    function formatDateToInteger(dateString) {\n        var parts = dateString.split(\".\");\n        var day = parts[0].padStart(2, '0');\n        var month = parts[1].padStart(2, '0');\n        var year = parts[2];\n        return parseInt(year + month + day + \"0000\", 10); \/\/ Appending \"0000\" for HHmm\n    }\n\t\n\n\n    function formatTimeToInteger(timeString) {\n        var timeParts = timeString.split(\":\");\n        var hours = timeParts[0].padStart(2, '0');\n        var minutes = timeParts[1].padStart(2, '0');\n        return parseInt(hours + minutes, 10);\n    }\n\n    function formatDateAndTimeToInteger(dateString, timeString = \"00:00\") {\n        var datePart = formatDateToInteger(dateString); \/\/ Already returns \"yyyyMMdd0000\"\n        var timePart = formatTimeToInteger(timeString); \/\/ Returns \"HHmm\"\n        return datePart + timePart; \/\/ Simply sum them for the combined result\n    }\n\n    function formatDateToString(dateInteger) {\n        var dateString = dateInteger.toString().padStart(12, '0'); \/\/ Ensure 12 digits with padding\n        var year = dateString.substring(0, 4);\n        var month = dateString.substring(4, 6);\n        var day = dateString.substring(6, 8);\n        return `${day}.${month}.${year}`; \/\/ Return dd.MM.yyyy\n    }\n\n    function formatTimeToString(timeInteger) {\n        var timeString = timeInteger.toString().padStart(4, '0'); \/\/ Ensure 4 digits with padding\n        var hours = timeString.substring(0, 2);\n        var minutes = timeString.substring(2, 4);\n        return `${hours}:${minutes}`; \/\/ Return HH:mm\n    }\n\n    function formatDateAndTimeToString(dateTimeInteger) {\n        var dateString = dateTimeInteger.toString().padStart(12, '0'); \/\/ Ensure 12 digits with padding\n        var datePart = reverseDateToInteger(parseInt(dateString.substring(0, 8))); \/\/ First 8 digits\n        var timePart = reverseTimeToInteger(parseInt(dateString.substring(8, 12))); \/\/ Last 4 digits\n        return `${datePart} ${timePart}`; \/\/ Combine date and time\n    }\n\n    function tegraDateFormat(dateString) {\n        \/\/ Split the input date by the dot separator\n        var parts = dateString.split('.');\n        \n        \/\/ Extract the day, month, and year\n        var day = parts[0].padStart(2, '0');  \/\/ Add leading zero if needed\n        var month = parts[1].padStart(2, '0'); \/\/ Add leading zero if needed\n        var year = parts[2];\n        \n        \/\/ Return in the desired format\n        return `${year}-${month}-${day}`;\n    }\n\t\n    $(function () {\n    \/\/$(window).on(\"pageshow\", function () {\n        \/\/ Detect if the current page is English\n        var isEnglish = window.location.href.includes(\"\/en\");\n\n        if (!isEnglish) {\n            \/\/ Custom Icelandic localization\n            $.datepicker.regional['is'] = {\n                closeText: 'Loka',\n                prevText: 'Fyrri',\n                nextText: 'N\u00e6sti',\n                currentText: '\u00cd dag',\n                monthNames: ['Jan\u00faar', 'Febr\u00faar', 'Mars', 'Apr\u00edl', 'Ma\u00ed', 'J\u00fan\u00ed', 'J\u00fal\u00ed', '\u00c1g\u00fast', 'September', 'Okt\u00f3ber', 'N\u00f3vember', 'Desember'],\n                monthNamesShort: ['Jan', 'Feb', 'Mar', 'Apr', 'Ma\u00ed', 'J\u00fan', 'J\u00fal', '\u00c1g\u00fa', 'Sep', 'Okt', 'N\u00f3v', 'Des'],\n                dayNames: ['Sunnudagur', 'M\u00e1nudagur', '\u00deri\u00f0judagur', 'Mi\u00f0vikudagur', 'Fimmtudagur', 'F\u00f6studagur', 'Laugardagur'],\n                dayNamesShort: ['Sun', 'M\u00e1n', '\u00deri', 'Mi\u00f0', 'Fim', 'F\u00f6s', 'Lau'],\n                dayNamesMin: ['Su', 'M\u00e1', '\u00der', 'Mi', 'Fi', 'F\u00f6', 'La'],\n                weekHeader: 'Vika',\n                dateFormat: 'dd.mm.yy',\n                firstDay: 1,\n                isRTL: false,\n                showMonthAfterYear: false,\n                yearSuffix: ''\n            };\n\n            \/\/ Apply the Icelandic localization as default\n            $.datepicker.setDefaults($.datepicker.regional['is']);\n        }\t\n\n        \/\/ Datepicker setup\n        $(\"#dateIn\").datepicker({\n        \tdateFormat: 'dd.mm.yy',\n        \tminDate: todayFormatted,\n        \tonSelect: function (dateText) {\n            \t\/\/ Trigger the change event when a date is selected\n            \t$(\"#dateIn\").trigger(\"change\");\n        \t}\n    \t});\n\t\t\/\/ Get the saved date from localStorage\n\t\tconst savedDate = localStorage.getItem(\"selectedDate\");\n\t\t\t\t\n\t\t\/\/ Check if there is a saved date\n\t\tif (savedDate) {\n            \/\/ Parse the saved date\n            let savedDateInt = formatDateToInteger(savedDate);\n            \n            \/\/ Compare the saved date with today\n            if (savedDateInt >= todayDateInt) {\n                \/\/ If the saved date is valid, set it in the datepicker\n                $(\"#dateIn\").datepicker(\"setDate\", savedDate);\n            } else {\n                \/\/ If the saved date is invalid or in the past, set it to today\n                $(\"#dateIn\").datepicker(\"setDate\", todayFormatted);\n                localStorage.setItem(\"selectedDate\", todayFormatted); \/\/ Update localStorage\n            }\n        } else {\n            \/\/ If no saved date, set it to today\n            $(\"#dateIn\").datepicker(\"setDate\", todayFormatted);\n            localStorage.setItem(\"selectedDate\", todayFormatted); \/\/ Save today's date\n        }\n\t\t\n        \/\/ Change event for the date picker\n        $(\"#dateIn\").on(\"change\", function () {\n            const date = $(this).val();\n            localStorage.setItem(\"selectedDate\", date);\n            selectedDateString = date;\n            selectedDateInt = formatDateToInteger(selectedDateString);\n\n            if (!timesFetched) {\n                CreateTimes(); \/\/ Fetch times only if not already fetched\n            } else {\n                \/\/ If times were already fetched, reset the dropdown and check again\n                $(\"#timeIn\").empty(); \/\/ Clear current options\n                EnDisBtn(); \/\/ Check if button should be enabled\/disabled\n            }\n        });\n\t\t\n\t\t$(\"#dateIn\").trigger(\"change\");\n\t\t\n        \/\/ Initial call to populate times\n        \/\/CreateTimes();\n\n        \/\/ Change event for the time selection\n        $(\"#timeIn\").change(function () {\n            EnDisBtn();\n        });\n\n        \/\/ Button click event\n        $(\"#btnGetAvail\").click(function () {\n            \/\/console.log(\"Button clicked\"); \/\/ Debugging line\n            \/\/ Gather the required information for proceeding\n            var adult = parseInt($(\"#adultCount\").val()) || 0;\n            var kid = parseInt($(\"#childCount\").val()) || 0;\n            var infant = parseInt($(\"#infantCount\").val()) || 0;\n            var edu = parseInt($(\"#eduCount\").val()) || 0;\n            var old = parseInt($(\"#oldCount\").val()) || 0;\n            var dis = parseInt($(\"#disCount\").val()) || 0;\n            var extraItems = {};\n\n            $.ajax({\n                url: '\/wp-admin\/admin-ajax.php',\n                method: 'POST',\n                data: {\n                    action: 'tegra_api_get_order_extra_items'\n                },\n                success: function (data) {\n                    for (var i = 0; i < data.value.length; i++) {\n                        var itemNo = data.value[i].itemNo;\n                        var itemQty = parseInt($(\"#\" + itemNo).val()) || 0;\n\n                        extraItems[itemNo] = itemQty;\n                    }\n\n                    \/\/ Proceed to the payment page\n                    window.location = $(\"#timeIn\").val() +\n                        \"&package=standard\" +\n                        \"&adult=\" + adult +\n                        \"&kid=\" + kid +\n                        \"&infant=\" + infant +\n                        \"&edu=\" + edu +\n                        \"&old=\" + old +\n                        \"&dis=\" + dis +\n                        \"&extraItems=\" + JSON.stringify(extraItems);\n                },\n                error: function (err) {\n                    \/\/console.error(\"Error fetching extra product details: \", err);\n                }\n            });\n        });\t\n    });\n\n    function EnDisBtn() {\n        var adult = parseInt($(\"#adultCount\").val()) || 0;\n        var kid = parseInt($(\"#childCount\").val()) || 0;\n        var infant = parseInt($(\"#infantCount\").val()) || 0;\n        var edu = parseInt($(\"#eduCount\").val()) || 0;\n        var old = parseInt($(\"#oldCount\").val()) || 0;\n        var dis = parseInt($(\"#disCount\").val()) || 0;\n        sumBookings = adult + kid + infant + edu + old + dis;\n\n        var currAvailabilty = parseInt($(\"#timeIn\").find(\":selected\").attr(\"availability\"));\n\n        \/\/ Detect language based on URL\n        var isEnglish = window.location.href.includes(\"\/en\");\n\n        \/\/ Language-specific messages\n        var messages = {\n            soldOut: isEnglish\n                ? \"Sold out for the selected time for this number of guests.\"\n                : \"Uppselt \u00e1 v\u00f6ldum t\u00edma fyrir \u00feennan fj\u00f6lda gesta.\"\n        };\n\n        if (currAvailabilty < sumBookings & sumBookings > 0) {\n            $(\"#btnGetAvail\").attr(\"disabled\", \"disabled\");\n            $(\"#btns\").attr(\"disabled\", \"disabled\");\n            $(\"#divError\").text(messages.soldOut).show();\n        } \n\t\telse if(sumBookings == 0){\n\t\t\t$(\"#btnGetAvail\").attr(\"disabled\", \"disabled\");\n            $(\"#btns\").attr(\"disabled\", \"disabled\");\n\t\t}\n\t\telse {\n            $(\"#btnGetAvail\").removeAttr(\"disabled\");\n            $(\"#btns\").removeAttr(\"disabled\");\n            $(\"#divError\").hide();\n        }\n    }\n\n    function CreateTimes() {\n        $(\"#btnGetAvail\").attr(\"disabled\", \"disabled\");\n        $(\"#btns\").attr(\"disabled\", \"disabled\");\n        $(\"#timeIn\").attr(\"disabled\", \"disabled\");\n        $(\"#timeIn\").parent().addClass(\"spinner\");\n\n        \/\/ Detect language based on URL\n        var isEnglish = window.location.href.includes(\"\/en\");\n\n        \/\/ Language-specific loading message\n        var loadingMessage = isEnglish\n            ? \"Fetching availability...\"\n            : \"Athuga frambo\u00f0...\";\n\n        \/\/ Show loading message in the dropdown\n        $(\"#timeIn\")\n            .empty()\n            .append($('<option>', { value: '', text: loadingMessage }))\n            .attr(\"disabled\", \"disabled\");\n\n        $(\"#divTimeIn\").show();\n\n        \/\/ Clear any error messages\n        $(\"#divError\").hide();\n\n        var isToday = selectedDateInt == todayDateInt;\/\/ Compare full date\n\n        \/\/ Total number of people from the form\n        var adult = parseInt($(\"#adultCount\").val()) || 0;\n        var kid = parseInt($(\"#childCount\").val()) || 0;\n        var infant = parseInt($(\"#infantCount\").val()) || 0;\n        var edu = parseInt($(\"#eduCount\").val()) || 0;\n        var old = parseInt($(\"#oldCount\").val()) || 0;\n        var dis = parseInt($(\"#disCount\").val()) || 0;\n\n        sumBookings = adult + kid + infant + edu + old + dis;\n\n        var cartURL = \"\/checkout-cart\";\n        if (isEnglish) {\n            cartURL = \"\/en\/checkout-cart\";\n        }\n\n        \/\/ Perform the AJAX request to fetch available times\n        $.ajax({\n            url: '\/wp-admin\/admin-ajax.php',\n            method: 'POST',\n            data: {\n                action: 'tegra_api_get_availability',\n                date: tegraDateFormat(selectedDateString)\n            },\n            success: function (data) {\n                \/\/console.log(data);\n\n                \/\/ Process and sort the available times\n                var times = data.value.map(function (item) {\n                    return {\n                        time: item.availabilityTime,\n                        formattedTime: item.availabilityTime.substring(0, item.availabilityTime.length - 3), \/\/ Remove seconds\n                        availability: item.availability\n                    };\n                });\n\n                \/\/ Sort times in ascending order\n                times.sort(function (a, b) {\n                    return new Date('1970\/01\/01 ' + a.time) - new Date('1970\/01\/01 ' + b.time);\n                });\n\n                if (isToday) {\n    \t\t\t\t\/\/ Add 1 hour (in minutes) to current UTC time\n    \t\t\t\tconst oneHourLater = new Date(todayUTC.getTime() + 60 * 60000);\n    \t\t\t\tconst cutoffTimeInt = formatTimeToInteger(\n        \t\t\t\toneHourLater.getUTCHours().toString().padStart(2, '0') + \":\" +\n        \t\t\t\toneHourLater.getUTCMinutes().toString().padStart(2, '0')\n    \t\t\t);\n\n    \t\t\t\t\/\/ Filter out times less than 1 hour from now\n    \t\t\t\ttimes = times.filter(function (item) {\n        \t\t\treturn formatTimeToInteger(item.formattedTime) > cutoffTimeInt;\n    \t\t\t});\n\t\t\t\t}\n\n\n                if (times.length === 0) {\n                    \/\/ No available times, display the \"No Availability\" message\n                    $(\"#divError\").text(isEnglish ? \"No availability on the selected day.\" : \"Ekkert frambo\u00f0 er \u00e1 v\u00f6ldum degi.\").show();\n\n                    \/\/ Clear the dropdown and remove the loading message\n                    $(\"#timeIn\").empty().attr(\"disabled\", \"disabled\");\n\n                    $(\"#timeIn\").parent().removeClass(\"spinner\");\n                    return;\n                } else {\n                    \/\/ Hide the message if there are available times\n                    $(\"#divError\").hide();\n                }\n\n\t\t\t\t\/\/Virkni til a\u00f0 fela tv\u00f6 s\u00ed\u00f0ustu t\u00edmaslottinn. \n\t\t\t\tif (times.length >2) {\n\t\t\t\ttimes = times.slice(0, times.length -2);\n\t\t\t\t}\n\t\t\t\t\n                \/\/ Populate the dropdown with available times\n                $(\"#timeIn\").empty(); \/\/ Clear the loading message\n                for (var i = 0; i < times.length; i++) {\n\t\t\t\t\t\/\/console.log(cartURL + \"?date=\" + tegraDateFormat(selectedDateString) + \"&time=\" + times[i].time);\n                    $(\"#timeIn\").append($('<option>', {\n                        value: cartURL + \"?date=\" + tegraDateFormat(selectedDateString) + \"&time=\" + times[i].time,\n                        text: times[i].formattedTime, \/\/ Display the formatted time without seconds\n                        availability: times[i].availability\n                    }));\n                }\n\n                $(\"#timeIn\").removeAttr(\"disabled\").parent().removeClass(\"spinner\");\n            },\n            error: function (err) {\n                console.error(\"Error fetching available times: \", err);\n\n                \/\/ Clear the dropdown in case of an error\n                $(\"#timeIn\").empty().attr(\"disabled\", \"disabled\");\n\n                $(\"#timeIn\").parent().removeClass(\"spinner\");\n            }\n        });\n    }\n<\/script>\n\n<style>\n.nav{\n    display: inline-block !important;\n}\n    \n@keyframes spinner {\n    to {transform: rotate(360deg);}\n}\n\n.spinner:before {\n    content: '';\n    box-sizing: border-box;\n    position: absolute;\n    margin-left: 5px;\n    margin-top: 5px;\n    width: 20px;\n    height: 20px;\n    border-radius: 50%;\n    border: 2px solid #ccc;\n    border-top-color: #000;\n    animation: spinner .6s linear infinite;\n}\n\n@media only screen and (min-width: 1350px){\n    #page-container{\n        margin-top: 78px;\n    }    \n}\n\n#timeIn {\n    text-align: center;\n    text-align-last: center; \/* For modern browsers *\/\n    -moz-text-align-last: center; \/* For Firefox *\/\n}\n\t\n\t\/* datepicker css *\/\n\n\t\/* Main Datepicker Container *\/\n\t\n\t.ui-datepicker {\n\t\tbackground: #ffffff; \/* White background *\/\n\t\tfont-size: 13px !important; \/* Standard font size *\/\n\t\tpadding: 9px; \/* Padding for spacing *\/\n\t\tborder: 1px solid #e5e5e5 !important; \/* Light gray border *\/\n\t\tbox-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); \/* Subtle shadow *\/\n\t\tborder-radius: 5px; \/* Rounded corners *\/\n\t\twidth: 280px; \/* Standard width *\/\n\t\tfont-family: 'Montserrat', Helvetica, Arial, Lucida, sans-serif !important;\n\t\tborder: 1px solid #dbdbdb;\n\t\tbox-shadow: 0 4px 12px rgba(0, 0, 0, .15);\n\t\tbox-sizing: content-box;\n\t}\n\n\t\/* Header (Month and Year title) *\/\n\t.ui-datepicker .ui-datepicker-header {\n\t\tbackground: #f7f7f7; \/* Light gray background for header *\/\n\t\tcolor: gray; \/* Dark text for good contrast *\/\n\t\tfont-size: 16px; \/* Header font size *\/\n\t\tfont-weight: bold;\n\t\ttext-align: center;\n\t\tpadding: 10px; \/* Padding for header *\/\n\t\tborder-bottom: 0px solid #e5e5e5; \/* Border below the header *\/\n\t\tposition: relative;\n\t\tborder-radius: 5px;\n\t}\n\n\t\/* Clean SVG Arrows for Previous and Next Buttons *\/\n\t.ui-datepicker .ui-datepicker-prev, \n\t.ui-datepicker .ui-datepicker-next {\n\t\tbackground: none; \/* No background *\/\n\t\tborder: none; \/* No border *\/\n\t\tcursor: pointer; \/* Pointer cursor *\/\n\t\tpadding: 0 10px; \/* Add spacing on sides *\/\n\t\tcolor: #888; \/* Light gray color *\/\n\t\tdisplay: inline-flex;\n\t\talign-items: center; \/* Center arrow vertically *\/\n\t\tjustify-content: center;\n\t}\n\n\t\/* SVG for Previous Arrow *\/\n\t.ui-datepicker .ui-datepicker-prev::after, a.ui-datepicker-prev.ui-corner-all.ui-state-disabled, a.ui-datepicker-prev.ui-corner-all {\n\t\tcontent: url('data:image\/svg+xml;charset=UTF-8,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 320 512\"><!--!Font Awesome Free 6.6.0 by @fontawesome - https:\/\/fontawesome.com License - https:\/\/fontawesome.com\/license\/free Copyright 2024 Fonticons, Inc.--><path d=\"M41.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L109.3 256 246.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-160 160z\"\/><\/svg>');\n\t}\n\n\t\/* SVG for Next Arrow *\/\n\t.ui-datepicker .ui-datepicker-next::after, a.ui-datepicker-next.ui-corner-all {\n\t\tcontent: url('data:image\/svg+xml;charset=UTF-8,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 320 512\"><!--!Font Awesome Free 6.6.0 by @fontawesome - https:\/\/fontawesome.com License - https:\/\/fontawesome.com\/license\/free Copyright 2024 Fonticons, Inc.--><path d=\"M278.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-160 160c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L210.7 256 73.4 118.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l160 160z\"\/><\/svg>');\n\t}\n\n\t\/* Hover Effect for Arrows *\/\n\t.ui-datepicker .ui-datepicker-prev:hover,\n\t.ui-datepicker .ui-datepicker-next:hover {\n\t\tcolor: #333; \/* Darker gray on hover *\/\n\t}\n\n\t.ui-datepicker .ui-datepicker-prev {\n\t\tleft: 10px; \n\t\ttop: 9px;\n\t}\n\n\t.ui-datepicker .ui-datepicker-next {\n\t\tright: 10px;\n\t\ttop: 9px;\n\t}\n\n\t.ui-datepicker table {\n\t\twidth: 100%; \n\t\tborder-collapse: collapse; \n\t\tmargin-top: 10px; \n\t}\n\n\t.ui-datepicker table thead th {\n\t\ttext-align: center; \n\t\tfont-weight: bold;\n\t\tcolor: #0077c8;\n\t\tpadding: 5px 0; \n\t}\n\n\t.ui-datepicker table td {\n\t\ttext-align: center;\n\t\tpadding: 0; \n\t\tborder: 1px solid transparent; \n\t\tcursor: pointer; \n\t\twidth: 30px; \n\t\theight: 30px; \n\t\tvertical-align: middle; \n\t}\n\n\t.ui-datepicker table td a{\n\t\tdisplay: flex ;\n\t\tjustify-content: center ;\n\t\talign-items: center ; \n\t\twidth: 100% ; \n\t\theight: 100% ; \n\t\tmargin: 0 ;\n\t\tpadding: 0 ;\n\t\ttext-decoration: none ; \n\t\tcolor: #333; \n\t\ttransition: background 0.3s ease, color 0.3s ease;\n\t\tborder: 5px;\n\t}\n\n\n\t.ui-datepicker table td:hover a {\n\t\tbackground-color: rgba(185, 217, 235, 0.3);\n\t\tcolor: #333;\n\t\tborder-radius: 5px;\n\t}\n\n\n\t.ui-datepicker table td.ui-datepicker-current-day a {\n\t\tbackground-color: #2ea3f2;\n\t\tbackground-image: linear-gradient(180deg,#0077c8 16%,#00a9e0 100%); \n\t\tcolor: white; \n\t\tborder-radius: 5px;\n\t\tborder-width: 0px;\n\t}\n\n\t.ui-datepicker .ui-datepicker-unselectable .ui-state-disabled {\n\t\tbackground-color: transparent; \n\t\tcolor: #ccc; \n\t\tborder-radius: 5px;\n\t}\n\t\n\tspan.ui-state-default{\n\t\tdisplay: flex !important; \n\t\tjustify-content: center ; \n\t\talign-items: center ; \n\t\twidth: 100% ;\n\t\theight: 100% ; \n\t\tmargin: 0 ; \n\t\tpadding: 0 !important; \n\t\ttext-decoration: none !important; \n\t\tcolor: #333 !important; \n\t\ttransition: background 0.3s ease, color 0.3s ease;\n\t\tborder: 5px;\n\t}\n\n\t\n\t.ui-datepicker table td.ui-datepicker-today a {\n\t\tborder: 0px solid white;\n\t\tborder-radius: 5px;\n\t}\n\t\n\t.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight{\n\t\tbackground: white;\n\t}\n\n\t\n\t.ui-datepicker .ui-datepicker-week-col {\n\t\tfont-weight: bold; \n\t\tcolor: #999; \n\t}\n\t\n\t@media (max-width: 479px) {\n\t\t.ms-3 {\n\t\t\tmargin: 0 !important;\n\t\t}\n\t}\n\n\t@media (max-width: 769px) {\n\t\t.ms-3 {\n\t\t\tmargin: 0 !important;\n\t\t}\n\t\t\n\t\t.container{\n\t\t\tpadding-right: 0 !important;\n\t\t\tpadding-left: 0 !important;\n\t\t}\n\t}\n\t\n\t@media (max-width: 782px) {\n\t\tbody{\n\t\t\twidth: 100vw;\n\t\t\toverflow-x: hidden;\n\t\t\tpadding: 0.8em 0\n\t\t}\n\t}\n\t\n\t@media (min-width: 576px) and (max-width: 729px) {\n\t\tdiv>.col-sm-6 { \n\t\t\tflex: 0 0 auto !important;\n\t\t\twidth: 60% !important;\n\t\t}\n\t\t\n\t\tlabel>.col-sm-6 { \n\t\t\tflex: 0 0 auto !important;\n\t\t\twidth: 40% !important;\n\t\t}\n\t}\n\t\n\t@media only screen and (min-width: 1024px) and (max-width: 1440px) {\n\t\tdiv#popmake-214538 .ms-5 {\n\t\t\tmargin: 0 !important;\n\t\t}\n\t}\n\n<\/style>\n","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"class_list":["post-213789","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/vokbaths.is\/en\/wp-json\/wp\/v2\/pages\/213789","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/vokbaths.is\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/vokbaths.is\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/vokbaths.is\/en\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/vokbaths.is\/en\/wp-json\/wp\/v2\/comments?post=213789"}],"version-history":[{"count":13,"href":"https:\/\/vokbaths.is\/en\/wp-json\/wp\/v2\/pages\/213789\/revisions"}],"predecessor-version":[{"id":214817,"href":"https:\/\/vokbaths.is\/en\/wp-json\/wp\/v2\/pages\/213789\/revisions\/214817"}],"wp:attachment":[{"href":"https:\/\/vokbaths.is\/en\/wp-json\/wp\/v2\/media?parent=213789"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}