{"id":7,"date":"2025-11-06T18:23:00","date_gmt":"2025-11-06T18:23:00","guid":{"rendered":"https:\/\/car.jicod.com\/?page_id=7"},"modified":"2025-11-06T18:23:00","modified_gmt":"2025-11-06T18:23:00","slug":"tf-search-form","status":"publish","type":"page","link":"https:\/\/car.jicod.com\/?page_id=7","title":{"rendered":"TF Search Form"},"content":{"rendered":"\n\t\t\t\t\t<!-- Start Fullwidth Wrap -->\n\t\t\t<div class=\"tf_tf_booking-widget-wrap\" data-fullwidth=\"true\">\n\t\t\t\t<div class=\"tf_custom-container\">\n\t\t\t\t\t<div class=\"tf_custom-inner\">\n\n\t\t\t\t\t\t\t\t\t\t<div id=\"tf-booking-search-tabs\" class=\" default-form tf-search-tabs__design--1 \">\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-1 tf-multiple-tabs\">\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\t\t\t\t\t\t\t\t<button class=\"tf-tablinks tf_btn tf_btn_small tf_btn_secondary \" data-form-id=\"tf-car-booking-form\">Car<\/button>\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\t\t\t\t\t\t\t<!-- Booking Form tabs mobile version -->\n\t\t\t\t\t\t\t<div class=\"tf-booking-form-tab-mobile\">\n\t\t\t\t\t\t\t\t<select name=\"tf-booking-form-tab-select\" id=\"\">\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<option value=\"tf-car-booking-form\">Car<\/option>\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/select>\n\t\t\t\t\t\t\t<\/div>\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-car-booking-form\" class=\"tf-tabcontent\" >\n\t\t\t\t\t\t\t\t\t            <form class=\"tf_booking-widget  default-form \" id=\"tf_car_booking\" method=\"get\" autocomplete=\"off\" action=\"https:\/\/car.jicod.com\/?page_id=6\">\n                <div class=\"tf_homepage-booking\">\n                    <div class=\"tf_destination-wrap\">\n                        <div class=\"tf_input-inner\">\n                            <div class=\"tf_form-row\">\n                                <label class=\"tf_label-row\">\n                                    <span class=\"tf-label\">Pickup Location:<\/span>\n                                    <div class=\"tf_form-inner\">\n                                        <div class=\"tf-search-form-field-icon\">\n                                            <i class=\"fas fa-search\"><\/i>\n                                        <\/div>\n                                        <input type=\"text\" name=\"pickup-name\" id=\"tf_pickup_location\" class=\"\" placeholder=\"Enter Pickup Location\" value=\"\">\n                                        <input type=\"hidden\" name=\"pickup\" class=\"tf-place-input\">\n                                    <\/div>\n                                <\/label>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"tf_destination-wrap\">\n                        <div class=\"tf_input-inner\">\n                            <div class=\"tf_form-row\">\n                                <label class=\"tf_label-row\">\n                                    <span class=\"tf-label\">Dropoff Location:<\/span>\n                                    <div class=\"tf_form-inner\">\n                                        <div class=\"tf-search-form-field-icon\">\n                                            <i class=\"fas fa-search\"><\/i>\n                                        <\/div>\n                                        <input type=\"text\" name=\"dropoff-name\" id=\"tf_dropoff_location\" class=\"\" placeholder=\"Enter Dropoff Location\" value=\"\">\n                                        <input type=\"hidden\" name=\"dropoff\" class=\"tf-place-input\">\n                                    <\/div>\n                                <\/label>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"tf_destination-wrap\">\n                        <div class=\"tf_input-inner\">\n                            <div class=\"tf_form-row\">\n                                <label class=\"tf_label-row\">\n                                    <span class=\"tf-label\">Pickup date:<\/span>\n                                    <div class=\"tf_form-inner\">\n                                        <div class=\"tf-search-form-field-icon\">\n                                            <i class=\"fa-solid fa-calendar-days\"><\/i>\n                                        <\/div>\n                                        <input type=\"text\" name=\"pickup-date\" class=\"tf_pickup_date\" placeholder=\"Enter Pickup date\" value=\"2026\/05\/15\">\n                                    <\/div>\n                                <\/label>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"tf_destination-wrap\">\n                        <div class=\"tf_input-inner\">\n                            <div class=\"tf_form-row\">\n                                <label class=\"tf_label-row info-select\">\n                                    <span class=\"tf-label\">Pickup time:<\/span>\n                                    <div class=\"tf_form-inner\">\n                                        <div class=\"tf-search-form-field-icon\">\n                                            <i class=\"fa-regular fa-clock\"><\/i>\n                                        <\/div>\n                                        <div class=\"selected-pickup-time\">\n                                            <div class=\"text\">\n                                                10:00 AM                                            <\/div>\n                                            <div class=\"icon\">\n                                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\n                                                    <path d=\"M5 7.5L10 12.5L15 7.5\" stroke=\"#566676\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                                <\/svg>\n                                            <\/div>\n                                        <\/div>\n                                        <input type=\"hidden\" name=\"pickup-time\" class=\"tf_pickup_time\" id=\"tf_pickup_time\" value=\"10:00 AM\">\n                                        <div class=\"tf-select-time\">\n                                            <ul class=\"time-options-list tf-pickup-time\">\n                                                <li value=\"12:00 AM\" >12:00 AM<\/li><li value=\"12:30 AM\" >12:30 AM<\/li><li value=\"1:00 AM\" >1:00 AM<\/li><li value=\"1:30 AM\" >1:30 AM<\/li><li value=\"2:00 AM\" >2:00 AM<\/li><li value=\"2:30 AM\" >2:30 AM<\/li><li value=\"3:00 AM\" >3:00 AM<\/li><li value=\"3:30 AM\" >3:30 AM<\/li><li value=\"4:00 AM\" >4:00 AM<\/li><li value=\"4:30 AM\" >4:30 AM<\/li><li value=\"5:00 AM\" >5:00 AM<\/li><li value=\"5:30 AM\" >5:30 AM<\/li><li value=\"6:00 AM\" >6:00 AM<\/li><li value=\"6:30 AM\" >6:30 AM<\/li><li value=\"7:00 AM\" >7:00 AM<\/li><li value=\"7:30 AM\" >7:30 AM<\/li><li value=\"8:00 AM\" >8:00 AM<\/li><li value=\"8:30 AM\" >8:30 AM<\/li><li value=\"9:00 AM\" >9:00 AM<\/li><li value=\"9:30 AM\" >9:30 AM<\/li><li value=\"10:00 AM\" selected>10:00 AM<\/li><li value=\"10:30 AM\" >10:30 AM<\/li><li value=\"11:00 AM\" >11:00 AM<\/li><li value=\"11:30 AM\" >11:30 AM<\/li><li value=\"12:00 PM\" >12:00 PM<\/li><li value=\"12:30 PM\" >12:30 PM<\/li><li value=\"1:00 PM\" >1:00 PM<\/li><li value=\"1:30 PM\" >1:30 PM<\/li><li value=\"2:00 PM\" >2:00 PM<\/li><li value=\"2:30 PM\" >2:30 PM<\/li><li value=\"3:00 PM\" >3:00 PM<\/li><li value=\"3:30 PM\" >3:30 PM<\/li><li value=\"4:00 PM\" >4:00 PM<\/li><li value=\"4:30 PM\" >4:30 PM<\/li><li value=\"5:00 PM\" >5:00 PM<\/li><li value=\"5:30 PM\" >5:30 PM<\/li><li value=\"6:00 PM\" >6:00 PM<\/li><li value=\"6:30 PM\" >6:30 PM<\/li><li value=\"7:00 PM\" >7:00 PM<\/li><li value=\"7:30 PM\" >7:30 PM<\/li><li value=\"8:00 PM\" >8:00 PM<\/li><li value=\"8:30 PM\" >8:30 PM<\/li><li value=\"9:00 PM\" >9:00 PM<\/li><li value=\"9:30 PM\" >9:30 PM<\/li><li value=\"10:00 PM\" >10:00 PM<\/li><li value=\"10:30 PM\" >10:30 PM<\/li><li value=\"11:00 PM\" >11:00 PM<\/li><li value=\"11:30 PM\" >11:30 PM<\/li>                                            <\/ul>\n                                        <\/div>\n                                    <\/div>\n                                <\/label>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"tf_destination-wrap\">\n                        <div class=\"tf_input-inner\">\n                            <div class=\"tf_form-row\">\n                                <label class=\"tf_label-row\">\n                                    <span class=\"tf-label\">Dropoff date:<\/span>\n                                    <div class=\"tf_form-inner\">\n                                        <div class=\"tf-search-form-field-icon\">\n                                            <i class=\"fa-solid fa-calendar-days\"><\/i>\n                                        <\/div>\n                                        <input type=\"text\" name=\"dropoff-date\" class=\"tf_dropoff_date\" placeholder=\"Enter Dropoff date\" value=\"2026\/05\/16\">\n                                    <\/div>\n                                <\/label>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"tf_destination-wrap\">\n                        <div class=\"tf_input-inner\">\n                            <div class=\"tf_form-row\">\n                                <label class=\"tf_label-row info-select\">\n                                    <span class=\"tf-label\">Dropoff time:<\/span>\n                                    <div class=\"tf_form-inner\">\n                                        <div class=\"tf-search-form-field-icon\">\n                                            <i class=\"fa-regular fa-clock\"><\/i>\n                                        <\/div>\n                                        <div class=\"selected-dropoff-time\">\n                                            <div class=\"text\">\n                                                10:00 AM                                            <\/div>\n                                            <div class=\"icon\">\n                                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\n                                                    <path d=\"M5 7.5L10 12.5L15 7.5\" stroke=\"#566676\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                                <\/svg>\n                                            <\/div>\n                                        <\/div>\n                                        <input type=\"hidden\" name=\"dropoff-time\" class=\"tf_dropoff_time\" id=\"tf_dropoff_time\" value=\"10:00 AM\">\n                                        <div class=\"tf-select-time\">\n                                            <ul class=\"time-options-list tf-dropoff-time\">\n                                                <li value=\"12:00 AM\" >12:00 AM<\/li><li value=\"12:30 AM\" >12:30 AM<\/li><li value=\"1:00 AM\" >1:00 AM<\/li><li value=\"1:30 AM\" >1:30 AM<\/li><li value=\"2:00 AM\" >2:00 AM<\/li><li value=\"2:30 AM\" >2:30 AM<\/li><li value=\"3:00 AM\" >3:00 AM<\/li><li value=\"3:30 AM\" >3:30 AM<\/li><li value=\"4:00 AM\" >4:00 AM<\/li><li value=\"4:30 AM\" >4:30 AM<\/li><li value=\"5:00 AM\" >5:00 AM<\/li><li value=\"5:30 AM\" >5:30 AM<\/li><li value=\"6:00 AM\" >6:00 AM<\/li><li value=\"6:30 AM\" >6:30 AM<\/li><li value=\"7:00 AM\" >7:00 AM<\/li><li value=\"7:30 AM\" >7:30 AM<\/li><li value=\"8:00 AM\" >8:00 AM<\/li><li value=\"8:30 AM\" >8:30 AM<\/li><li value=\"9:00 AM\" >9:00 AM<\/li><li value=\"9:30 AM\" >9:30 AM<\/li><li value=\"10:00 AM\" selected>10:00 AM<\/li><li value=\"10:30 AM\" >10:30 AM<\/li><li value=\"11:00 AM\" >11:00 AM<\/li><li value=\"11:30 AM\" >11:30 AM<\/li><li value=\"12:00 PM\" >12:00 PM<\/li><li value=\"12:30 PM\" >12:30 PM<\/li><li value=\"1:00 PM\" >1:00 PM<\/li><li value=\"1:30 PM\" >1:30 PM<\/li><li value=\"2:00 PM\" >2:00 PM<\/li><li value=\"2:30 PM\" >2:30 PM<\/li><li value=\"3:00 PM\" >3:00 PM<\/li><li value=\"3:30 PM\" >3:30 PM<\/li><li value=\"4:00 PM\" >4:00 PM<\/li><li value=\"4:30 PM\" >4:30 PM<\/li><li value=\"5:00 PM\" >5:00 PM<\/li><li value=\"5:30 PM\" >5:30 PM<\/li><li value=\"6:00 PM\" >6:00 PM<\/li><li value=\"6:30 PM\" >6:30 PM<\/li><li value=\"7:00 PM\" >7:00 PM<\/li><li value=\"7:30 PM\" >7:30 PM<\/li><li value=\"8:00 PM\" >8:00 PM<\/li><li value=\"8:30 PM\" >8:30 PM<\/li><li value=\"9:00 PM\" >9:00 PM<\/li><li value=\"9:30 PM\" >9:30 PM<\/li><li value=\"10:00 PM\" >10:00 PM<\/li><li value=\"10:30 PM\" >10:30 PM<\/li><li value=\"11:00 PM\" >11:00 PM<\/li><li value=\"11:30 PM\" >11:30 PM<\/li>                                            <\/ul>\n                                        <\/div>\n                                    <\/div>\n                                <\/label>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"tf_submit-wrap\">\n                        <input type=\"hidden\" name=\"type\" value=\"tf_carrental\" class=\"tf-post-type\" \/>\n                        <button class=\"tf_btn tf-submit\" type=\"submit\">Search<\/button>\n                    <\/div>\n\n                <\/div>\n\n            <\/form>\n\n            <script>\n                (function($) {\n                    $(document).ready(function() {\n\n                        \/\/ flatpickr locale first day of Week\n                        window.flatpickr.l10ns.default.firstDayOfWeek = 1\n                        $(\".tf_dropoff_date\").on(\"click\", function () {\n                            $(\".tf_pickup_date\").trigger(\"click\");\n                        });\n                        \/\/ Initialize the pickup date picker\n                        var pickupFlatpickr = $(\".tf_pickup_date\").flatpickr({\n                            enableTime: false,\n                            mode: \"range\",\n                            dateFormat: \"Y\/m\/d\",\n                            minDate: \"today\",\n                            showMonths: $(window).width() >= 1240 ? 2 : 1,\n\n                            locale: \"default\",\n                            onReady: function (selectedDates, dateStr, instance) {\n                                dateSetToFields(selectedDates, instance);\n                            },\n\n                            onChange: function (selectedDates, dateStr, instance) {\n                                dateSetToFields(selectedDates, instance);\n                            },\n                                                    });\n\n                        function dateSetToFields(selectedDates, instance) {\n                            if (selectedDates.length === 2) {\n                                if (selectedDates[0]) {\n                                    const startDate = flatpickr.formatDate(selectedDates[0], \"Y\/m\/d\");\n                                    $(\"#tf-car-booking-form .tf_pickup_date\").val(startDate);\n                                }\n                                if (selectedDates[1]) {\n                                    const endDate = flatpickr.formatDate(selectedDates[1], \"Y\/m\/d\");\n                                    $(\"#tf-car-booking-form .tf_dropoff_date\").val(endDate);\n                                }\n                            }\n                        }\n\n                    \n                       \n\n                    });\n                })(jQuery);\n            <\/script>\n\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\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t<!-- Close Fullwidth Wrap -->\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"tf-search-form","meta":{"footnotes":""},"class_list":["post-7","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/car.jicod.com\/index.php?rest_route=\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/car.jicod.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/car.jicod.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/car.jicod.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/car.jicod.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=7"}],"version-history":[{"count":0,"href":"https:\/\/car.jicod.com\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions"}],"wp:attachment":[{"href":"https:\/\/car.jicod.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}