{"id":29,"date":"2025-05-04T16:00:38","date_gmt":"2025-05-04T16:00:38","guid":{"rendered":"https:\/\/sbox.manitoulin-island.com\/WP2\/home-page\/"},"modified":"2025-05-04T16:05:10","modified_gmt":"2025-05-04T16:05:10","slug":"home-page","status":"publish","type":"page","link":"https:\/\/sbox.manitoulin-island.com\/WP2\/","title":{"rendered":"Home Page"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"29\" class=\"elementor elementor-29\">\n\t\t\t\t<div class=\"elementor-element elementor-element-71b1491 e-con-full e-flex e-con e-parent\" data-id=\"71b1491\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-22a3aecf elementor-widget elementor-widget-tft-slider-hero\" data-id=\"22a3aecf\" data-element_type=\"widget\" data-widget_type=\"tft-slider-hero.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t            <div class=\"tft-hero-design-2\" style=\"background-image: url(https:\/\/theme-demo.themefic.com\/wp-content\/uploads\/2025\/01\/placeholder-1200x800-1.jpg);\">\n                <div class=\"tft-hero-content\">\n                                            <h1>Discover luxurious hotel at <br> unbeatable price<\/h1>\n                                                                <div class=\"tft-search-form\">\n                            \n\t\t\t\t\t\t\t<div id=\"tf-booking-search-tabs\" class=\" default-form tf-search-tabs__design--2 tf-shortcode-design-2-tab\">\n\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t<!-- Booking Form Tabs -->\n\t\t\t\t\t\t<div class=\"tf-booking-form-tab design-2\">\n\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\n\t\t\t\t\t\t<!-- Booking Forms -->\n\t\t\t\t\t\t<div class=\"tf-booking-forms-wrapper\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div id=\"tf-hotel-booking-form\" style=\"display:block\" class=\"tf-tabcontent \">\n\t\t\t\t\t\t\t\t\t            <form class=\"tf_booking-widget-design-2 tf_hotel-shortcode-design-2  default-form \" id=\"tf_hotel_aval_check\" method=\"get\" autocomplete=\"off\"\n                  action=\"https:\/\/sbox.manitoulin-island.com\/WP2\/checkout\/\">\n                <div class=\"tf_hotel_searching\">\n                    <div class=\"tf_form_innerbody\">\n                        <div class=\"tf_form_fields\">\n                            <div class=\"tf_destination_fields\">\n                                <label class=\"tf_label_location\">\n                                    <span class=\"tf-label\">Location<\/span>\n                                    <div class=\"tf_form_inners tf_form-inner\">\n                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\n                                            <path d=\"M8 13.9317L11.2998 10.6318C13.1223 8.80943 13.1223 5.85464 11.2998 4.0322C9.4774 2.20975 6.52261 2.20975 4.70017 4.0322C2.87772 5.85464 2.87772 8.80943 4.70017 10.6318L8 13.9317ZM8 15.8173L3.75736 11.5747C1.41421 9.2315 1.41421 5.43254 3.75736 3.08939C6.10051 0.746245 9.89947 0.746245 12.2427 3.08939C14.5858 5.43254 14.5858 9.2315 12.2427 11.5747L8 15.8173ZM8 8.66536C8.7364 8.66536 9.33333 8.06843 9.33333 7.33203C9.33333 6.59565 8.7364 5.9987 8 5.9987C7.2636 5.9987 6.66667 6.59565 6.66667 7.33203C6.66667 8.06843 7.2636 8.66536 8 8.66536ZM8 9.9987C6.52724 9.9987 5.33333 8.80476 5.33333 7.33203C5.33333 5.85927 6.52724 4.66536 8 4.66536C9.47273 4.66536 10.6667 5.85927 10.6667 7.33203C10.6667 8.80476 9.47273 9.9987 8 9.9987Z\"\n                                                  fill=\"#FAEEDD\"\/>\n                                        <\/svg>\n                                        <input type=\"text\" name=\"place-name\"  id=\"tf-location\" class=\"\"\n                                               placeholder=\"Enter Location\" value=\"\">\n                                        <input type=\"hidden\" name=\"place\" id=\"tf-search-hotel\" class=\"tf-place-input\">\n                                    <\/div>\n                                <\/label>\n                            <\/div>\n\n                            <div class=\"tf_checkin_date\">\n                                <label class=\"tf_label_checkin tf_check_inout_dates tf_hotel_check_in_out_date\">\n                                    <span class=\"tf-label\">Check in<\/span>\n                                    <div class=\"tf_form_inners\">\n                                        <div class=\"tf_checkin_dates\">\n                                            <span class=\"date\">27<\/span>\n                                            <span class=\"month\">\n\t\t\t\t\t\t\t\t\t\t\t<span>May<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"tf_check_arrow\">\n\t\t\t\t\t\t\t\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\n\t\t\t\t\t\t\t\t\t\t\t\t<path d=\"M8 10.668L4 6.66797H12L8 10.668Z\" fill=\"#FDF9F4\"\/>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<\/span>\n                                        <\/div>\n\n                                    <\/div>\n                                <\/label>\n\n                                <input type=\"hidden\" name=\"check-in-out-date\" class=\"tf-check-in-out-date\" onkeypress=\"return false;\"\n                                       placeholder=\"Check-in - Check-out\" >\n                            <\/div>\n\n                            <div class=\"tf_checkin_date tf_check_inout_dates tf_hotel_check_in_out_date\">\n                                <label class=\"tf_label_checkin\">\n                                    <span class=\"tf-label\">Check Out<\/span>\n                                    <div class=\"tf_form_inners\">\n                                        <div class=\"tf_checkout_dates\">\n                                            <span class=\"date\">27<\/span>\n                                            <span class=\"month\">\n\t\t\t\t\t\t\t\t\t\t\t<span>May<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"tf_check_arrow\">\n\t\t\t\t\t\t\t\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\n\t\t\t\t\t\t\t\t\t\t\t\t<path d=\"M8 10.668L4 6.66797H12L8 10.668Z\" fill=\"#FDF9F4\"\/>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<\/span>\n                                        <\/div>\n                                    <\/div>\n                                <\/label>\n                            <\/div>\n\n                            <div class=\"tf_guest_info tf_selectperson-wrap\">\n                                <label class=\"tf_label_checkin tf_input-inner\">\n                                    <span class=\"tf-label\">Guests &amp; rooms<\/span>\n                                    <div class=\"tf_form_inners\">\n                                        <div class=\"tf_guest_calculation\">\n                                            <div class=\"tf_guest_number\">\n                                                <span class=\"guest\">1<\/span>\n                                                <span class=\"label\">Guest<\/span>\n                                            <\/div>\n                                            <div class=\"tf_guest_number\">\n                                                <span class=\"room\">1<\/span>\n                                                <span class=\"label\">Room<\/span>\n                                            <\/div>\n                                        <\/div>\n                                        <div class=\"tf_check_arrow\">\n                                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\n                                                <path d=\"M8 10.668L4 6.66797H12L8 10.668Z\" fill=\"#FDF9F4\"\/>\n                                            <\/svg>\n                                        <\/div>\n                                    <\/div>\n                                <\/label>\n\n                                <div class=\"tf_acrselection-wrap\">\n                                    <div class=\"tf_acrselection-inner\">\n                                        <div class=\"tf_acrselection\">\n                                            <div class=\"acr-label\">Adults<\/div>\n                                            <div class=\"acr-select\">\n                                                <div class=\"acr-dec\">\n                                                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\n                                                        <g clip-path=\"url(#clip0_3229_13094)\">\n                                                            <rect x=\"4.16602\" y=\"9.16675\" width=\"11.6667\" height=\"1.66667\" fill=\"#595349\"\/>\n                                                        <\/g>\n                                                        <defs>\n                                                            <clipPath id=\"clip0_3229_13094\">\n                                                                <rect width=\"20\" height=\"20\" fill=\"white\"\/>\n                                                            <\/clipPath>\n                                                        <\/defs>\n                                                    <\/svg>\n                                                <\/div>\n                                                <input type=\"tel\" class=\"adults-style2\" name=\"adults\" id=\"adults\" min=\"1\" value=\"1\" readonly>\n                                                <div class=\"acr-inc\">\n                                                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\n                                                        <g clip-path=\"url(#clip0_3229_13100)\">\n                                                            <path d=\"M9.16602 9.16675V4.16675H10.8327V9.16675H15.8327V10.8334H10.8327V15.8334H9.16602V10.8334H4.16602V9.16675H9.16602Z\" fill=\"#595349\"\/>\n                                                        <\/g>\n                                                        <defs>\n                                                            <clipPath id=\"clip0_3229_13100\">\n                                                                <rect width=\"20\" height=\"20\" fill=\"white\"\/>\n                                                            <\/clipPath>\n                                                        <\/defs>\n                                                    <\/svg>\n                                                <\/div>\n                                            <\/div>\n                                        <\/div>\n                                        <div class=\"tf_acrselection\">\n                                            <div class=\"acr-label\">Children<\/div>\n                                            <div class=\"acr-select\">\n                                                <div class=\"acr-dec child-dec\">\n                                                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\n                                                        <g clip-path=\"url(#clip0_3229_13094)\">\n                                                            <rect x=\"4.16602\" y=\"9.16675\" width=\"11.6667\" height=\"1.66667\" fill=\"#595349\"\/>\n                                                        <\/g>\n                                                        <defs>\n                                                            <clipPath id=\"clip0_3229_13094\">\n                                                                <rect width=\"20\" height=\"20\" fill=\"white\"\/>\n                                                            <\/clipPath>\n                                                        <\/defs>\n                                                    <\/svg>\n                                                <\/div>\n                                                <input type=\"tel\" name=\"children\" class=\"childs-style2\" id=\"children\" min=\"0\" value=\"0\" readonly>\n                                                <div class=\"acr-inc child-inc\">\n                                                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\n                                                        <g clip-path=\"url(#clip0_3229_13100)\">\n                                                            <path d=\"M9.16602 9.16675V4.16675H10.8327V9.16675H15.8327V10.8334H10.8327V15.8334H9.16602V10.8334H4.16602V9.16675H9.16602Z\" fill=\"#595349\"\/>\n                                                        <\/g>\n                                                        <defs>\n                                                            <clipPath id=\"clip0_3229_13100\">\n                                                                <rect width=\"20\" height=\"20\" fill=\"white\"\/>\n                                                            <\/clipPath>\n                                                        <\/defs>\n                                                    <\/svg>\n                                                <\/div>\n                                            <\/div>\n                                        <\/div>\n                                        <div class=\"tf_acrselection\">\n                                            <div class=\"acr-label\">Rooms<\/div>\n                                            <div class=\"acr-select\">\n                                                <div class=\"acr-dec\">\n                                                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\n                                                        <g clip-path=\"url(#clip0_3229_13094)\">\n                                                            <rect x=\"4.16602\" y=\"9.16675\" width=\"11.6667\" height=\"1.66667\" fill=\"#595349\"\/>\n                                                        <\/g>\n                                                        <defs>\n                                                            <clipPath id=\"clip0_3229_13094\">\n                                                                <rect width=\"20\" height=\"20\" fill=\"white\"\/>\n                                                            <\/clipPath>\n                                                        <\/defs>\n                                                    <\/svg>\n                                                <\/div>\n                                                <input type=\"tel\" name=\"room\" class=\"rooms-style2\" id=\"room\" min=\"1\" value=\"1\" readonly>\n                                                <div class=\"acr-inc\">\n                                                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\n                                                        <g clip-path=\"url(#clip0_3229_13100)\">\n                                                            <path d=\"M9.16602 9.16675V4.16675H10.8327V9.16675H15.8327V10.8334H10.8327V15.8334H9.16602V10.8334H4.16602V9.16675H9.16602Z\" fill=\"#595349\"\/>\n                                                        <\/g>\n                                                        <defs>\n                                                            <clipPath id=\"clip0_3229_13100\">\n                                                                <rect width=\"20\" height=\"20\" fill=\"white\"\/>\n                                                            <\/clipPath>\n                                                        <\/defs>\n                                                    <\/svg>\n                                                <\/div>\n                                            <\/div>\n                                        <\/div>\n                                    <\/div>\n                                    <!-- Children age input field based on children number -->\n\t\t\t\t\t\t\t\t\t                                <\/div>\n\n                            <\/div>\n                        <\/div>\n                        <div class=\"tf_availability_checker_box\">\n                            <input type=\"hidden\" name=\"type\" value=\"tf_hotel\" class=\"tf-post-type\"\/>\n\t\t\t\t\t\t\t                            <button>Check availability<\/button>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n            <\/form>\n            <script>\n                (function ($) {\n                    $(document).ready(function () {\n\n                        \/\/ flatpickr locale first day of Week\n\t\t\t\t\t\t\twindow.flatpickr.l10ns.default.firstDayOfWeek = 0;\n                        $(\".tf_check_inout_dates\").on(\"click\", function () {\n                            $(\".tf-check-in-out-date\").trigger(\"click\");\n                        });\n                        $(\".tf-check-in-out-date\").flatpickr({\n                            enableTime: false,\n                            mode: \"range\",\n                            dateFormat: \"Y\/m\/d\",\n                            minDate: \"today\",\n\n                            \/\/ flatpickr locale\n\t\t\t\t\t\t\tlocale: \"default\",\n                            onReady: function (selectedDates, dateStr, instance) {\n                                instance.element.value = dateStr.replace(\/[a-z]+\/g, '-');\n                                dateSetToFields(selectedDates, instance);\n                            },\n                            onChange: function (selectedDates, dateStr, instance) {\n                                instance.element.value = dateStr.replace(\/[a-z]+\/g, '-');\n                                dateSetToFields(selectedDates, instance);\n                            }\n                        });\n\n                        function dateSetToFields(selectedDates, instance) {\n                            if (selectedDates.length === 2) {\n                                const monthNames = [\n                                    \"Jan\", \"Feb\", \"Mar\", \"Apr\", \"May\", \"Jun\",\n                                    \"Jul\", \"Aug\", \"Sep\", \"Oct\", \"Nov\", \"Dec\"\n                                ];\n                                if (selectedDates[0]) {\n                                    const startDate = selectedDates[0];\n                                    $(\".tf_hotel_check_in_out_date .tf_checkin_dates span.date\").html(startDate.getDate());\n                                    $(\".tf_hotel_check_in_out_date .tf_checkin_dates span.month span\").html(monthNames[startDate.getMonth()]);\n                                }\n                                if (selectedDates[1]) {\n                                    const endDate = selectedDates[1];\n                                    $(\".tf_hotel_check_in_out_date .tf_checkout_dates span.date\").html(endDate.getDate());\n                                    $(\".tf_hotel_check_in_out_date .tf_checkout_dates span.month span\").html(monthNames[endDate.getMonth()]);\n                                }\n                            }\n                        }\n\n                    });\n                })(jQuery);\n            <\/script>\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<\/div>\n\t\t\t\t\t                        <\/div>\n                                    <\/div>\n            <\/div>\n        \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9fbc57e elementor-widget elementor-widget-text-editor\" data-id=\"9fbc57e\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\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>Discover luxurious hotel at unbeatable price Location Check in 04 May Check Out 04 May Guests &amp; rooms 1 Guest 1 Room Adults Children Rooms Check availability Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"pagelayer_contact_templates":[],"_pagelayer_content":"","footnotes":""},"class_list":["post-29","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sbox.manitoulin-island.com\/WP2\/wp-json\/wp\/v2\/pages\/29","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sbox.manitoulin-island.com\/WP2\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sbox.manitoulin-island.com\/WP2\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sbox.manitoulin-island.com\/WP2\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sbox.manitoulin-island.com\/WP2\/wp-json\/wp\/v2\/comments?post=29"}],"version-history":[{"count":3,"href":"https:\/\/sbox.manitoulin-island.com\/WP2\/wp-json\/wp\/v2\/pages\/29\/revisions"}],"predecessor-version":[{"id":78,"href":"https:\/\/sbox.manitoulin-island.com\/WP2\/wp-json\/wp\/v2\/pages\/29\/revisions\/78"}],"wp:attachment":[{"href":"https:\/\/sbox.manitoulin-island.com\/WP2\/wp-json\/wp\/v2\/media?parent=29"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}