{"id":2043,"date":"2023-05-10T10:19:19","date_gmt":"2023-05-10T10:19:19","guid":{"rendered":"https:\/\/turbo.redq.io\/?page_id=2043"},"modified":"2023-12-30T09:28:52","modified_gmt":"2023-12-30T09:28:52","slug":"car-listing","status":"publish","type":"page","link":"https:\/\/faroerental.fo\/car-listing\/","title":{"rendered":"Car Listing"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2043\" class=\"elementor elementor-2043\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-30ae147 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"30ae147\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-da86c0b\" data-id=\"da86c0b\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-af39f63 elementor-widget elementor-widget-shortcode\" data-id=\"af39f63\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-shortcode\"><script type=\"text\/html\" id=\"inspectGridTemplate\">\n    <% _.each(listing, function(list, index ) { %>\n    <%\n        if( list.post_id ) {\n            let permalink = list ? list.permalink : '';\n            let id = list ? list.post_id : '';\n            let thumbnail = list ? list.thumbnail : '';\n            let title = list ? list.title : '';\n            let excerpt = list ? list.excerpt : '';\n            let product_unit = list ? list.product_unit : '';\n            let price_html = list ? list.price_html : '';\n            let button_text = buttonText ? buttonText : list.button_text;\n            let is_in_stock = list ? list.is_in_stock : \"\";\n            let attributes = list ? list?.attributes?.highlighted?.slice(0, 3) : [];\n            let features = list ? list?.features?.highlighted?.slice(0, 6) : [];\n            let rating = list ? list?._wc_average_rating : 0;\n\n            features = ('attributes' == attributeSource) ? attributes : features;\n    %>\n\n    <div class=\"relative flex flex-col justify-between rounded-lg bg-white p-5 shadow-card transition-all hover:-translate-y-0.5 hover:shadow-large\">\n        <a class=\"block\" href=\"<%=permalink%>\">\n            <h5 class=\"mb-5 block text-sm font-medium transition 2xl:text-base\"><%=title%><\/h5>\n            <figure class=\"relative overflow-hidden rounded-lg\">\n                <img decoding=\"async\" class=\"max-h-60 object-cover w-full\" src=\"<%=thumbnail%>\" alt=\"\">\n            <\/figure>\n        <\/a>\n\n        <div>\n            <% if(features && features.length > 0) { %>\n            <div class=\"mt-5 grid grid-cols-2 gap-x-4 gap-y-5 text-sm text-dark-text sm:grid-cols-2 xl:text-xs 2xl:text-sm\">\n                <% _.forEach(features, function (value, key) { %>\n                <span class=\"flex items-center gap-2\">\n                    <figure class=\"max-w-[20px] block\">\n                        <img decoding=\"async\" class=\"w-full\" src=\"<%= value['image'] %>\" alt=\"\">\n                    <\/figure>\n                    <span><%= value['name'] %><\/span>\n                <\/span>\n                <% }) %>\n            <\/div>\n            <% } %>\n\n            <div class=\"mt-6 flex justify-between items-center gap-3\">\n                <div class=\"flex items-center gap-2 [&>.amount]:font-medium [&>.amount]:text-brand\">\n                    <%= price_html %>\n                <\/div>\n                <button onclick=\"location.href = '<%=permalink%><%=searchParams%>'\" class=\"relative inline-flex shrink-0 items-center justify-center overflow-hidden text-center text-xs tracking-wider outline-none transition-all sm:text-sm bg-brand border-brand hover:-translate-y-0.5 hover:shadow-large focus:shadow-large focus:outline-none text-white rounded-md sm:rounded-lg uppercase h-10 !px-3.5 pb-[11px] pt-[13px] font-medium !leading-none\"><%= button_text %><\/button>\n            <\/div>\n        <\/div>\n    <\/div>\n\n\n    <% } %>\n    <% }) %>\n\n    <% if(!listing.length){ %>\n    <div class=\"inspect-no-product-found <% if(count > listing.length) { %> product-empty <% } %>\">\n        <img decoding=\"async\" src=\"https:\/\/faroerental.fo\/wp-content\/plugins\/inspect\/assets\/images\/not-found.svg\" alt=\"no products found\">\n    <\/div>\n    <% } %>\n\n    <% if(('loadmore' == buttonType) && (count > listing.length)){ %>\n    <div class=\"inspect-product-search-loadmore\">\n        <button class=\"button\">\n            <span class='loaded-text'><%= loadMoreText %><\/span>\n            <span class=\"loading-text\">Loading...<\/span>\n            <svg class='loading-svg' version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\" width=\"24px\" height=\"24px\" viewBox=\"0 0 50 50\" style=\"enable-background:new 0 0 50 50;\" xml:space=\"preserve\">\n                <path fill=\"#fff\" d=\"M43.935,25.145c0-10.318-8.364-18.683-18.683-18.683c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615c8.072,0,14.615,6.543,14.615,14.615H43.935z\" transform=\"rotate(108.893 25 25)\">\n                    <animateTransform attributeType=\"xml\" attributeName=\"transform\" type=\"rotate\" from=\"0 25 25\" to=\"360 25 25\" dur=\"0.8s\" repeatCount=\"indefinite\"><\/animateTransform>\n                <\/path>\n            <\/svg>\n        <\/button>\n    <\/div>\n    <% } %>\n    <% if(('pagination' == buttonType) && (count > listing.length)){\n        let total = count;       \n        let pages = Math.ceil(total \/ productLimit);\n        let current = Number(paged);\n        let prev = current - 1;\n        let next = current + 1;\n        let end_size = 3;\n        let mid_size = 3;\n        let dots = false;\n    %>\n        <nav class=\"woocommerce-pagination inspect-pagination\" style=\"grid-column: 1\/-1;\">\n            <ul class=\"page-numbers\">\n                <% if(current >= 2){ %>\n                    <li><a class=\"page-numbers prev\" href=\"page\/<%= prev %>\" data-page=\"<%= prev %>\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"2\" stroke=\"currentColor\" class=\"w-[18px] h-auto\">\n                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M15.75 19.5L8.25 12l7.5-7.5\" \/>\n                        <\/svg>\n                    <\/a><\/li>\n                <% } %>\n                <% _.times(pages, function(index) {\n                    let num = index + 1;\n                    %>\n\n                    <% if(num == current){ %>\n                        <li><span aria-current=\"page\" class=\"page-numbers current\"><%= current %><\/span><\/li>\n                    <% }else{ %>\n                        <% if ( num <= end_size || ( current && num >= current - mid_size && num <= current + mid_size ) || num > pages - end_size ) { %>\n                            <li><a class=\"page-numbers\" href=\"page\/<%= num %>\" data-page=\"<%= num %>\"><%= num %><\/a><\/li>\n                            <% dots = true; %>\n                        <% } else if(dots) { %>\n                            <li><span aria-current=\"page\" class=\"page-numbers current\">...<\/span><\/li>\n                            <% dots = false; %>\n                        <% } %>\n                    <% } %>\n\n                <% }); %>\n                <% if((current <= pages) && (current != pages)){ %>\n                    <li><a class=\"page-numbers next\" href=\"page\/<%= next %>\" data-page=\"<%= next %>\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"2\" stroke=\"currentColor\" class=\"w-[18px] h-auto\">\n                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M8.25 4.5l7.5 7.5-7.5 7.5\" \/>\n                        <\/svg>\n                    <\/a><\/li>\n                <% } %>\n            <\/ul>\n        <\/nav>\n    <% } %>\n<\/script>\n<style type=\"text\/css\">\n    @media (min-width: 768px) {\n        .inspect-filter-results-container {\n            --grid-column-item: 2;\n        }\n    }\n\n    @media (min-width: 1280px) {\n        .inspect-filter-results-container {\n            --grid-column-item: calc(4 - 1);\n        }\n    }\n\n    @media (min-width: 1780px) {\n        .inspect-filter-results-container {\n            --grid-column-item: 4;\n        }\n    }\n<\/style>\n\n<div class=\"lg:container mx-auto pt-6 md:pt-6 pb-10 px-4 inspect-filter-wrapper turbo-listing is-sidebar\">\n    <aside class=\"inspect-filter-widgets\">\n        <div class=\"inspect-filter-widget-header\">\n    <button class=\"inspect-close-mobile-filter\">\n        <svg xmlns=\" http:\/\/www.w3.org\/2000\/svg\" width=\"22\" height=\"17.828\" viewBox=\"0 0 22 17.828\"> <path id=\"arrow-forward-outline_10_\" data-name=\"arrow-forward-outline (10)\" d=\"M97.627,112,90,119.5l7.627,7.5m-6.568-7.5H110\" transform=\"translate(-89 -110.586)\" fill=\"none\" stroke=\"#000\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><\/path> <\/svg>\n    <\/button>\n    <span class=\"inspect-filter-widget-header-title\">Filter<\/span>\n<\/div><div class=\"inspect-filter-form-wrapper turbo-filter-form\">\n    <div class=\"sidebar-header bg-dark-bg rounded-lg px-5 py-4 mb-3\">\n        <h3 class=\"sidebar-header-title !text-sm lg:!text-base uppercase\">Filter<\/h3>\n            <span class=\"sidebar-header-button clear-all-filter\">Reset<\/span>\n    <\/div>\n    <form id=\"inspect-filter-form\" action=\"#\">\n        <input type=\"hidden\" class=\"hidden\" name=\"action\" value=\"inspect_helper_ajax\" \/>\n        <input type=\"hidden\" class=\"hidden\" name=\"action_type\" value=\"search\" \/>\n\n        <input type=\"hidden\" class=\"hidden product-order-by\" name=\"order_by\" value=\"title\" \/>\n        <input type=\"hidden\" class=\"hidden product-default-view\" name=\"view\" value=\"grid\" \/>\n        <input type=\"hidden\" name=\"product_type\" value=\"rental\"\/>\n\n        \n<div class=\"inspect-filter-widget inspect-filter-widget-date shadow rounded-md py-5 mb-3 bg-white\">\n            <h2 class=\"inspect-filter-widget-title px-5 pb-4 border-b border-[#E5E7EB] border-dashed\">Choose Dates<\/h2>\n        <div class=\"px-5 relative\">\n                    <span class=\"calender_icon absolute left-3 top-1\/2 -translate-y-1\/2\"><img decoding=\"async\" height=\"20\" width=\"20\" src=\"https:\/\/turbo.redq.io\/wp-content\/uploads\/2023\/05\/date-picker-icon.png\" alt=\"calendar_icon\"\/><\/span>\n          \n        <input type=\"hidden\" value=\"05\/07\/2024 - 05\/07\/2024\" class=\"today_date\">\n        <input type=\"text\" class=\"daterange !bg-dark-bg !border-0 !py-3 !pl-[38px]\" id=\"daterange\" week-start=\"1\" date-format=\"DD\/MM\/YYYY\" data-day=\"Su_Mo_Tu_We_Th_Fr_Sa\" data-cancel-label=\"Cancel\" data-apply-label=\"Apply\" name=\"daterange\" value=\"05\/07\/2024\" readonly \/>\n    <\/div>\n<\/div>\n<!-- Pickup Location -->\n<div class=\"inspect-filter-widget inspect-filter-widget-pickup shadow rounded-md py-5 mb-3 bg-white\">\n            <h2 class=\"inspect-filter-widget-title px-5 pb-4 border-b border-[#E5E7EB] border-dashed\">Pickup Location<\/h2>\n        <div class=\"checkbox-group flex flex-col px-5\">\n        <select class=\"inspect-search-select\" name=\"tex_pickup_location\" id=\"tex_pickup_location\" data-placeholder=\"Choose Location\">\n            <option selected value=\"\">Pickup location<\/option>\n                                           <option  value=\"airport\">Airport (98,-)<\/option>\n                                           <option  value=\"our-office\">Our Office<\/option>\n                                           <option  value=\"somewhere-else-please-write-in-remark-and-contact-us\">Somewhere else (450,-)<\/option>\n                    <\/select>\n    <\/div>\n<\/div>\n<!-- Drop off Location -->\n<div class=\"inspect-filter-widget inspect-filter-widget-dropoff shadow rounded-md py-5 mb-3 bg-white\">\n            <h2 class=\"inspect-filter-widget-title px-5 pb-4 border-b border-[#E5E7EB] border-dashed\">Return Location<\/h2>\n        <div class=\"checkbox-group flex flex-col px-5\">\n        <select class=\"inspect-search-select\" name=\"tex_return_location\" data-placeholder=\"Choose Location\">\n            <option value=\"\">DropOff location<\/option>\n                                            <option  value=\"airport\">Airport (98,-)<\/option>\n                                            <option  value=\"our-office\">Our Office<\/option>\n                                            <option  value=\"somewhere-else-please-write-in-remark-and-contact-us\">Somewhere else (450,-)<\/option>\n                    <\/select>\n    <\/div>\n<\/div>    <\/form>\n<\/div>\n<div class=\"inspect-total-filtered-products-wrapper\">\n    <div class=\"inspect-total-filtered-products\">\n        <span class=\"inspect-show-items-text\">Show<\/span>\n        <span class=\"inspect-filter-result-count\"><\/span>\n    <\/div>\n    <!-- loading ui  -->\n    <div class=\"inspect-btn-loading-ui\">\n        <span class=\"dot-1\"><\/span>\n        <span class=\"dot-2\"><\/span>\n        <span class=\"dot-3\"><\/span>\n    <\/div>\n<\/div>    <\/aside>\n    <div class=\"inspect-filter-result-wrapper turbo-filter-result-wrapper\">\n        <div class=\"inspect-filter-result-header\">\n                            <div class=\"inspect-filter-result-header-left\">\n                    <div class=\"inspect-filter-result-count text-brand text-sm font-medium\"><\/div>\n                <\/div>\n                <div class=\"inspect-open-mobile-filter-wrapper turbo-mobile-filter-wrapper\">\n                    <button class=\"inspect-open-mobile-filter\">\n                        <svg version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"mr-2 block\" fill=\"currentColor\" width=\"14\" height=\"14\" viewBox=\"0 0 512 512\">\n                            <path d=\"M490.667,405.333h-56.811C424.619,374.592,396.373,352,362.667,352s-61.931,22.592-71.189,53.333H21.333 C9.557,405.333,0,414.891,0,426.667S9.557,448,21.333,448h270.144c9.237,30.741,37.483,53.333,71.189,53.333 s61.931-22.592,71.189-53.333h56.811c11.797,0,21.333-9.557,21.333-21.333S502.464,405.333,490.667,405.333z M362.667,458.667 c-17.643,0-32-14.357-32-32s14.357-32,32-32s32,14.357,32,32S380.309,458.667,362.667,458.667z\"><\/path>\n                            <path d=\"M490.667,64h-56.811c-9.259-30.741-37.483-53.333-71.189-53.333S300.736,33.259,291.477,64H21.333 C9.557,64,0,73.557,0,85.333s9.557,21.333,21.333,21.333h270.144C300.736,137.408,328.96,160,362.667,160 s61.931-22.592,71.189-53.333h56.811c11.797,0,21.333-9.557,21.333-21.333S502.464,64,490.667,64z M362.667,117.333 c-17.643,0-32-14.357-32-32c0-17.643,14.357-32,32-32s32,14.357,32,32C394.667,102.976,380.309,117.333,362.667,117.333z\"><\/path>\n                            <path d=\"M490.667,234.667H220.523c-9.259-30.741-37.483-53.333-71.189-53.333s-61.931,22.592-71.189,53.333H21.333 C9.557,234.667,0,244.224,0,256c0,11.776,9.557,21.333,21.333,21.333h56.811c9.259,30.741,37.483,53.333,71.189,53.333 s61.931-22.592,71.189-53.333h270.144c11.797,0,21.333-9.557,21.333-21.333C512,244.224,502.464,234.667,490.667,234.667z M149.333,288c-17.643,0-32-14.357-32-32s14.357-32,32-32c17.643,0,32,14.357,32,32S166.976,288,149.333,288z\"><\/path>\n                        <\/svg>\n                        <span>Filter<\/span>\n                    <\/button>\n                <\/div>\n\n                <div class=\"inspect-filter-result-header-right\">\n                    <!-- <div class=\"inspect-product-view-layer\">\n                        <button class=\"inspect-product-view-layer-item\" value=\"grid\" data-class=\"inspect-product-view-grid\">\n                            <svg stroke=\"currentColor\" fill=\"none\" stroke-width=\"2\" viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\" height=\"1em\" width=\"1em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                <rect x=\"3\" y=\"3\" width=\"7\" height=\"7\"><\/rect>\n                                <rect x=\"14\" y=\"3\" width=\"7\" height=\"7\"><\/rect>\n                                <rect x=\"14\" y=\"14\" width=\"7\" height=\"7\"><\/rect>\n                                <rect x=\"3\" y=\"14\" width=\"7\" height=\"7\"><\/rect>\n                            <\/svg>\n                        <\/button>\n                        <button class=\"inspect-product-view-layer-item\" value=\"list\" data-class=\"inspect-product-view-list\">\n                            <svg stroke=\"currentColor\" fill=\"currentColor\" stroke-width=\"0\" viewBox=\"0 0 20 20\" height=\"1em\" width=\"1em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                <path fill-rule=\"evenodd\" d=\"M3 4a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zm0 4a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zm0 4a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zm0 4a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1z\" clip-rule=\"evenodd\"><\/path>\n                            <\/svg>\n                        <\/button>\n                    <\/div> -->\n                    <div class=\"inspect-filter-sort mr-0 ml-3\">\n                        <select name=\"sortBy\" class=\"product-sorting\" data-placeholder=\"Sorting Options\">\n                            <option value=\"\" selected disabled>Sorting Options<\/option>\n                            <option value=\"title\">Title (A - Z)<\/option>\n                            <option value=\"title-desc\">Title (Z - A)<\/option>\n                            <option value=\"date-desc\">Sort by Newest<\/option>\n                            <option value=\"date\">Sort by Oldest<\/option>\n                            <option value=\"_price-desc\">Price (High to Low)<\/option>\n                            <option value=\"_price\">Price (Low to High)<\/option>\n                        <\/select>\n                    <\/div>\n\n                <\/div>\n                    <\/div>\n        <div class=\"inspect-filter-results-container\">\n                            <div class=\"filter-results inspect-product-view-grid\" id=\"filter-results\" data-button-text=\"Book Now\" data-load_more_text=\"Load More\"><\/div>\n                        <div class=\"inspect-filter-loader is-active\">\n                <span class=\"dot-1\"><\/span>\n                <span class=\"dot-2\"><\/span>\n                <span class=\"dot-3\"><\/span>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t\n    <div class=\"xs_social_share_widget xs_share_url after_content \t\tmain_content  wslu-style-1 wslu-share-box-shaped wslu-fill-colored wslu-none wslu-share-horizontal wslu-theme-font-no wslu-main_content\">\n\n\t\t\n        <ul>\n\t\t\t        <\/ul>\n    <\/div> \n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"inline_featured_image":false,"footnotes":""},"_links":{"self":[{"href":"https:\/\/faroerental.fo\/wp-json\/wp\/v2\/pages\/2043"}],"collection":[{"href":"https:\/\/faroerental.fo\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/faroerental.fo\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/faroerental.fo\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/faroerental.fo\/wp-json\/wp\/v2\/comments?post=2043"}],"version-history":[{"count":1,"href":"https:\/\/faroerental.fo\/wp-json\/wp\/v2\/pages\/2043\/revisions"}],"predecessor-version":[{"id":12680,"href":"https:\/\/faroerental.fo\/wp-json\/wp\/v2\/pages\/2043\/revisions\/12680"}],"wp:attachment":[{"href":"https:\/\/faroerental.fo\/wp-json\/wp\/v2\/media?parent=2043"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}