Explore Vehicles

<!doctype html> <html lang="el"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0,user-scalable=0"> <meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' />  <script data-cfasync="false" data-pagespeed-no-defer> var pys_datalayer_name = "dataLayer"; window.dataLayer = window.dataLayer || [];</script>   <script data-cfasync="false" data-pagespeed-no-defer> var gtm4wp_datalayer_name = "dataLayer"; var dataLayer = dataLayer || []; const gtm4wp_use_sku_instead = false; const gtm4wp_currency = 'EUR'; const gtm4wp_product_per_impression = 10; const gtm4wp_clear_ecommerce = false; </script>   <title>Explore Vehicles | Avance</title> <link rel="canonical" href="https://avance.gr/el/explore-vehicles/" /> <link rel="next" href="https://avance.gr/explore-vehicles/page/2/" /> <meta property="og:locale" content="el_GR" /> <meta property="og:type" content="article" /> <meta property="og:title" content="Explore Vehicles | Avance" /> <meta property="og:url" content="https://avance.gr/el/explore-vehicles/" /> <meta property="og:site_name" content="Η Avance" /> <meta property="article:publisher" content="https://www.facebook.com/AvanceGreece" /> <meta property="article:modified_time" content="2024-01-18T07:55:05+00:00" /> <meta property="og:image" content="https://avance.gr/wp-content/uploads/2024/02/logo.jpg" /> <meta property="og:image:width" content="771" /> <meta property="og:image:height" content="218" /> <meta property="og:image:type" content="image/jpeg" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:site" content="@AvanceRent" /> <script type="application/ld+json" class="yoast-schema-graph">{ "@context": "https:\/\/schema.org", "@graph": [ { "@type": "WebPage", "@id": "https:\/\/avance.gr\/explore-vehicles\/", "url": "https:\/\/avance.gr\/explore-vehicles\/", "name": "Explore Vehicles | Avance", "isPartOf": { "@id": "https:\/\/avance.gr\/#website" }, "primaryImageOfPage": { "@id": "https:\/\/avance.gr\/explore-vehicles\/#primaryimage" }, "image": { "@id": "https:\/\/avance.gr\/explore-vehicles\/#primaryimage" }, "thumbnailUrl": "https:\/\/avance.gr\/wp-content\/uploads\/2024\/02\/groupPhoto-K2.jpg", "datePublished": "2023-12-12T08:29:48+00:00", "dateModified": "2024-01-18T07:55:05+00:00", "inLanguage": "el", "potentialAction": [ { "@type": "ReadAction", "target": [ "https:\/\/avance.gr\/explore-vehicles\/" ] } ] }, { "@type": "ImageObject", "inLanguage": "el", "@id": "https:\/\/avance.gr\/explore-vehicles\/#primaryimage", "url": "https:\/\/avance.gr\/wp-content\/uploads\/2024\/02\/groupPhoto-K2.jpg", "contentUrl": "https:\/\/avance.gr\/wp-content\/uploads\/2024\/02\/groupPhoto-K2.jpg", "width": 633, "height": 422 }, { "@type": "WebSite", "@id": "https:\/\/avance.gr\/#website", "url": "https:\/\/avance.gr\/", "name": "Avance Rent A Car", "description": "", "potentialAction": [ { "@type": "SearchAction", "target": { "@type": "EntryPoint", "urlTemplate": "https:\/\/avance.gr\/?s={search_term_string}" }, "query-input": { "@type": "PropertyValueSpecification", "valueRequired": true, "valueName": "search_term_string" } } ], "inLanguage": "el" } ] }</script>  <script type='application/javascript' id='pys-version-script'>console.log('PixelYourSite PRO version 11.0.1');</script> <link rel='stylesheet' id='wp-block-library-css' href='https://avance.gr/wp-includes/css/dist/block-library/style.min.css?ver=6.6.2' media='all' /> <style id='woocommerce-inline-inline-css'> .woocommerce form .form-row .required { visibility: visible; } </style> <link rel='stylesheet' id='trp-language-switcher-style-css' href='https://avance.gr/wp-content/plugins/translatepress-multilingual/assets/css/trp-language-switcher.css?ver=2.8.8' media='all' /> <link rel='stylesheet' id='ht-justreview-css' href='https://justreview.co/widget/justreview.css?ver=6.6.2' media='all' /> <link rel='stylesheet' id='app/0-css' href='https://avance.gr/wp-content/themes/avance/public/css/app.e550b3.css' media='all' /> <script src="https://avance.gr/wp-includes/js/jquery/jquery.min.js?ver=3.7.1" id="jquery-core-js"></script> <script src="https://avance.gr/wp-content/plugins/woocommerce/assets/js/jquery-blockui/jquery.blockUI.min.js?ver=2.7.0-wc.9.3.3" id="jquery-blockui-js" defer data-wp-strategy="defer"></script> <script id="wc-add-to-cart-js-extra"> var wc_add_to_cart_params = {"ajax_url":"\/wp-admin\/admin-ajax.php","wc_ajax_url":"https:\/\/avance.gr\/el\/?wc-ajax=%%endpoint%%","i18n_view_cart":"\u039a\u03b1\u03bb\u03ac\u03b8\u03b9","cart_url":"https:\/\/avance.gr\/el\/cart\/","is_cart":"","cart_redirect_after_add":"no"}; </script> <script src="https://avance.gr/wp-content/plugins/woocommerce/assets/js/frontend/add-to-cart.min.js?ver=9.3.3" id="wc-add-to-cart-js" defer data-wp-strategy="defer"></script> <script src="https://avance.gr/wp-content/plugins/woocommerce/assets/js/js-cookie/js.cookie.min.js?ver=2.1.4-wc.9.3.3" id="js-cookie-js" defer data-wp-strategy="defer"></script> <script id="woocommerce-js-extra"> var woocommerce_params = {"ajax_url":"\/wp-admin\/admin-ajax.php","wc_ajax_url":"https:\/\/avance.gr\/el\/?wc-ajax=%%endpoint%%"}; </script> <script src="https://avance.gr/wp-content/plugins/woocommerce/assets/js/frontend/woocommerce.min.js?ver=9.3.3" id="woocommerce-js" defer data-wp-strategy="defer"></script> <script src="https://avance.gr/wp-content/plugins/translatepress-multilingual/assets/js/trp-frontend-compatibility.js?ver=2.8.8" id="trp-frontend-compatibility-js"></script> <script src="https://avance.gr/wp-content/plugins/pixelyoursite-pro/dist/scripts/js.cookie-2.1.3.min.js?ver=2.1.3" id="js-cookie-pys-js"></script> <script src="https://avance.gr/wp-content/plugins/pixelyoursite-pro/dist/scripts/jquery.bind-first-0.2.3.min.js?ver=6.6.2" id="jquery-bind-first-js"></script> <script src="https://avance.gr/wp-content/plugins/pixelyoursite-pro/dist/scripts/sha256.js?ver=0.11.0" id="js-sha256-js"></script> <script id="pys-js-extra"> var pysOptions = {"staticEvents":{"gtm":{"woo_view_item_list_shop":[{"delay":0,"type":"static","trackingIds":[],"name":"view_item_list","eventID":"03ccf10a-76e4-48a7-88cc-e656549f7766","params":{"triggerType":{"type":"ecommerce"},"event_category":"ecommerce","event_label":"Shop page","ecommerce":{"currency":"EUR","items":[{"id":"1065","name":"Audi A3 cabrio or similar","quantity":1,"price":99999,"item_category":"Passenger Cars"},{"id":"1038","name":"Audi A3 sedan automatic or similar","quantity":1,"price":99999,"item_category":"Passenger Cars"},{"id":"1052","name":"Audi Q5 automatic or similar","quantity":1,"price":99999,"item_category":"Passenger Cars"},{"id":"1072","name":"BMW Series 5 or similar","quantity":1,"price":99999,"item_category":"Passenger Cars"},{"id":"1003","name":"Citroen C3 or similar","quantity":1,"price":99999,"item_category":"Passenger Cars"},{"id":"1022","name":"Dacia Dokker Cargo Diesel or similar","quantity":1,"price":99999,"item_category":"Cargo Vans"},{"id":"1015","name":"Dacia Jogger 7s or similar","quantity":1,"price":99999,"item_category":"Passenger Cars"},{"id":"1001","name":"Fiat 500 2d manual or similar","quantity":1,"price":99999,"item_category":"Passenger Cars"},{"id":"1006","name":"Fiat 500 cabrio Automatic or similar","quantity":1,"price":99999,"item_category":"Passenger Cars"},{"id":"1007","name":"Fiat 500 cabrio or similar","quantity":1,"price":99999,"item_category":"Passenger Cars"},{"id":"1016","name":"Fiat Doblo 7s Diesel automatic or similar","quantity":1,"price":99999,"item_category":"Passenger Cars"},{"id":"1002","name":"Fiat Panda or similar","quantity":1,"price":99999,"item_category":"Passenger Cars"},{"id":"1057","name":"Ford Ranger or similar","quantity":1,"price":99999,"item_category":"Passenger Cars"},{"id":"1026","name":"Ford Transit Single Cab or similar","quantity":1,"price":99999,"item_category":"Cargo Vans"},{"id":"1053","name":"Jeep Wrangler 3dr Automatic or similar","quantity":1,"price":99999,"item_category":"Passenger Cars"},{"id":"1055","name":"Jeep Wrangler 5dr Automatic or similar","quantity":1,"price":99999,"item_category":"Passenger Cars"}]},"page_title":"Explore Vehicles","post_type":"page","post_id":14,"plugin":"PixelYourSite","event_url":"avance.gr\/el\/explore-vehicles\/","user_role":"guest"},"e_id":"woo_view_item_list_shop","ids":[],"hasTimeWindow":false,"timeWindow":0,"woo_order":"","edd_order":""}]},"facebook":{"init_event":[{"delay":0,"type":"static","name":"PageView","eventID":"164cb99c-0d10-44dc-89fd-d1a9f8dc9f23","pixelIds":["553420986746842"],"params":{"categories":"Passenger Cars","page_title":"Explore Vehicles","post_type":"page","post_id":14,"plugin":"PixelYourSite","event_url":"avance.gr\/el\/explore-vehicles\/","user_role":"guest"},"e_id":"init_event","ids":[],"hasTimeWindow":false,"timeWindow":0,"woo_order":"","edd_order":""}]}},"dynamicEvents":{"woo_select_content_shop":{"1065":{"gtm":{"delay":0,"type":"dyn","trackingIds":[],"name":"select_item","eventID":"2db2250b-6f97-4239-9801-d34c86bc5191","params":{"items":[{"id":"1065","name":"Audi A3 cabrio or similar","quantity":1,"price":99999,"post_id":1065,"affiliation":"Avance","item_category":"Passenger Cars"}],"triggerType":{"type":"automated"},"event_category":"ecommerce","content_type":"product","page_title":"Explore Vehicles","post_type":"page","post_id":14,"plugin":"PixelYourSite","event_url":"avance.gr\/el\/explore-vehicles\/","user_role":"guest"},"e_id":"woo_select_content_shop","ids":[],"hasTimeWindow":false,"timeWindow":0,"woo_order":"","edd_order":""}},"1038":{"gtm":{"delay":0,"type":"dyn","trackingIds":[],"name":"select_item","eventID":"2db2250b-6f97-4239-9801-d34c86bc5191","params":{"items":[{"id":"1038","name":"Audi A3 sedan automatic or similar","quantity":1,"price":99999,"post_id":1038,"affiliation":"Avance","item_category":"Passenger Cars"}],"triggerType":{"type":"automated"},"event_category":"ecommerce","content_type":"product","page_title":"Explore Vehicles","post_type":"page","post_id":14,"plugin":"PixelYourSite","event_url":"avance.gr\/el\/explore-vehicles\/","user_role":"guest"},"e_id":"woo_select_content_shop","ids":[],"hasTimeWindow":false,"timeWindow":0,"woo_order":"","edd_order":""}},"1052":{"gtm":{"delay":0,"type":"dyn","trackingIds":[],"name":"select_item","eventID":"2db2250b-6f97-4239-9801-d34c86bc5191","params":{"items":[{"id":"1052","name":"Audi Q5 automatic or similar","quantity":1,"price":99999,"post_id":1052,"affiliation":"Avance","item_category":"Passenger Cars"}],"triggerType":{"type":"automated"},"event_category":"ecommerce","content_type":"product","page_title":"Explore Vehicles","post_type":"page","post_id":14,"plugin":"PixelYourSite","event_url":"avance.gr\/el\/explore-vehicles\/","user_role":"guest"},"e_id":"woo_select_content_shop","ids":[],"hasTimeWindow":false,"timeWindow":0,"woo_order":"","edd_order":""}},"1072":{"gtm":{"delay":0,"type":"dyn","trackingIds":[],"name":"select_item","eventID":"2db2250b-6f97-4239-9801-d34c86bc5191","params":{"items":[{"id":"1072","name":"BMW Series 5 or similar","quantity":1,"price":99999,"post_id":1072,"affiliation":"Avance","item_category":"Passenger Cars"}],"triggerType":{"type":"automated"},"event_category":"ecommerce","content_type":"product","page_title":"Explore Vehicles","post_type":"page","post_id":14,"plugin":"PixelYourSite","event_url":"avance.gr\/el\/explore-vehicles\/","user_role":"guest"},"e_id":"woo_select_content_shop","ids":[],"hasTimeWindow":false,"timeWindow":0,"woo_order":"","edd_order":""}},"1003":{"gtm":{"delay":0,"type":"dyn","trackingIds":[],"name":"select_item","eventID":"2db2250b-6f97-4239-9801-d34c86bc5191","params":{"items":[{"id":"1003","name":"Citroen C3 or similar","quantity":1,"price":99999,"post_id":1003,"affiliation":"Avance","item_category":"Passenger Cars"}],"triggerType":{"type":"automated"},"event_category":"ecommerce","content_type":"product","page_title":"Explore Vehicles","post_type":"page","post_id":14,"plugin":"PixelYourSite","event_url":"avance.gr\/el\/explore-vehicles\/","user_role":"guest"},"e_id":"woo_select_content_shop","ids":[],"hasTimeWindow":false,"timeWindow":0,"woo_order":"","edd_order":""}},"1022":{"gtm":{"delay":0,"type":"dyn","trackingIds":[],"name":"select_item","eventID":"2db2250b-6f97-4239-9801-d34c86bc5191","params":{"items":[{"id":"1022","name":"Dacia Dokker Cargo Diesel or similar","quantity":1,"price":99999,"post_id":1022,"affiliation":"Avance","item_category":"Cargo Vans"}],"triggerType":{"type":"automated"},"event_category":"ecommerce","content_type":"product","page_title":"Explore Vehicles","post_type":"page","post_id":14,"plugin":"PixelYourSite","event_url":"avance.gr\/el\/explore-vehicles\/","user_role":"guest"},"e_id":"woo_select_content_shop","ids":[],"hasTimeWindow":false,"timeWindow":0,"woo_order":"","edd_order":""}},"1015":{"gtm":{"delay":0,"type":"dyn","trackingIds":[],"name":"select_item","eventID":"2db2250b-6f97-4239-9801-d34c86bc5191","params":{"items":[{"id":"1015","name":"Dacia Jogger 7s or similar","quantity":1,"price":99999,"post_id":1015,"affiliation":"Avance","item_category":"Passenger Cars"}],"triggerType":{"type":"automated"},"event_category":"ecommerce","content_type":"product","page_title":"Explore Vehicles","post_type":"page","post_id":14,"plugin":"PixelYourSite","event_url":"avance.gr\/el\/explore-vehicles\/","user_role":"guest"},"e_id":"woo_select_content_shop","ids":[],"hasTimeWindow":false,"timeWindow":0,"woo_order":"","edd_order":""}},"1001":{"gtm":{"delay":0,"type":"dyn","trackingIds":[],"name":"select_item","eventID":"2db2250b-6f97-4239-9801-d34c86bc5191","params":{"items":[{"id":"1001","name":"Fiat 500 2d manual or similar","quantity":1,"price":99999,"post_id":1001,"affiliation":"Avance","item_category":"Passenger Cars"}],"triggerType":{"type":"automated"},"event_category":"ecommerce","content_type":"product","page_title":"Explore Vehicles","post_type":"page","post_id":14,"plugin":"PixelYourSite","event_url":"avance.gr\/el\/explore-vehicles\/","user_role":"guest"},"e_id":"woo_select_content_shop","ids":[],"hasTimeWindow":false,"timeWindow":0,"woo_order":"","edd_order":""}},"1006":{"gtm":{"delay":0,"type":"dyn","trackingIds":[],"name":"select_item","eventID":"2db2250b-6f97-4239-9801-d34c86bc5191","params":{"items":[{"id":"1006","name":"Fiat 500 cabrio Automatic or similar","quantity":1,"price":99999,"post_id":1006,"affiliation":"Avance","item_category":"Passenger Cars"}],"triggerType":{"type":"automated"},"event_category":"ecommerce","content_type":"product","page_title":"Explore Vehicles","post_type":"page","post_id":14,"plugin":"PixelYourSite","event_url":"avance.gr\/el\/explore-vehicles\/","user_role":"guest"},"e_id":"woo_select_content_shop","ids":[],"hasTimeWindow":false,"timeWindow":0,"woo_order":"","edd_order":""}},"1007":{"gtm":{"delay":0,"type":"dyn","trackingIds":[],"name":"select_item","eventID":"2db2250b-6f97-4239-9801-d34c86bc5191","params":{"items":[{"id":"1007","name":"Fiat 500 cabrio or similar","quantity":1,"price":99999,"post_id":1007,"affiliation":"Avance","item_category":"Passenger Cars"}],"triggerType":{"type":"automated"},"event_category":"ecommerce","content_type":"product","page_title":"Explore Vehicles","post_type":"page","post_id":14,"plugin":"PixelYourSite","event_url":"avance.gr\/el\/explore-vehicles\/","user_role":"guest"},"e_id":"woo_select_content_shop","ids":[],"hasTimeWindow":false,"timeWindow":0,"woo_order":"","edd_order":""}},"1016":{"gtm":{"delay":0,"type":"dyn","trackingIds":[],"name":"select_item","eventID":"2db2250b-6f97-4239-9801-d34c86bc5191","params":{"items":[{"id":"1016","name":"Fiat Doblo 7s Diesel automatic or similar","quantity":1,"price":99999,"post_id":1016,"affiliation":"Avance","item_category":"Passenger Cars"}],"triggerType":{"type":"automated"},"event_category":"ecommerce","content_type":"product","page_title":"Explore Vehicles","post_type":"page","post_id":14,"plugin":"PixelYourSite","event_url":"avance.gr\/el\/explore-vehicles\/","user_role":"guest"},"e_id":"woo_select_content_shop","ids":[],"hasTimeWindow":false,"timeWindow":0,"woo_order":"","edd_order":""}},"1002":{"gtm":{"delay":0,"type":"dyn","trackingIds":[],"name":"select_item","eventID":"2db2250b-6f97-4239-9801-d34c86bc5191","params":{"items":[{"id":"1002","name":"Fiat Panda or similar","quantity":1,"price":99999,"post_id":1002,"affiliation":"Avance","item_category":"Passenger Cars"}],"triggerType":{"type":"automated"},"event_category":"ecommerce","content_type":"product","page_title":"Explore Vehicles","post_type":"page","post_id":14,"plugin":"PixelYourSite","event_url":"avance.gr\/el\/explore-vehicles\/","user_role":"guest"},"e_id":"woo_select_content_shop","ids":[],"hasTimeWindow":false,"timeWindow":0,"woo_order":"","edd_order":""}},"1057":{"gtm":{"delay":0,"type":"dyn","trackingIds":[],"name":"select_item","eventID":"2db2250b-6f97-4239-9801-d34c86bc5191","params":{"items":[{"id":"1057","name":"Ford Ranger or similar","quantity":1,"price":99999,"post_id":1057,"affiliation":"Avance","item_category":"Passenger Cars"}],"triggerType":{"type":"automated"},"event_category":"ecommerce","content_type":"product","page_title":"Explore Vehicles","post_type":"page","post_id":14,"plugin":"PixelYourSite","event_url":"avance.gr\/el\/explore-vehicles\/","user_role":"guest"},"e_id":"woo_select_content_shop","ids":[],"hasTimeWindow":false,"timeWindow":0,"woo_order":"","edd_order":""}},"1026":{"gtm":{"delay":0,"type":"dyn","trackingIds":[],"name":"select_item","eventID":"2db2250b-6f97-4239-9801-d34c86bc5191","params":{"items":[{"id":"1026","name":"Ford Transit Single Cab or similar","quantity":1,"price":99999,"post_id":1026,"affiliation":"Avance","item_category":"Cargo Vans"}],"triggerType":{"type":"automated"},"event_category":"ecommerce","content_type":"product","page_title":"Explore Vehicles","post_type":"page","post_id":14,"plugin":"PixelYourSite","event_url":"avance.gr\/el\/explore-vehicles\/","user_role":"guest"},"e_id":"woo_select_content_shop","ids":[],"hasTimeWindow":false,"timeWindow":0,"woo_order":"","edd_order":""}},"1053":{"gtm":{"delay":0,"type":"dyn","trackingIds":[],"name":"select_item","eventID":"2db2250b-6f97-4239-9801-d34c86bc5191","params":{"items":[{"id":"1053","name":"Jeep Wrangler 3dr Automatic or similar","quantity":1,"price":99999,"post_id":1053,"affiliation":"Avance","item_category":"Passenger Cars"}],"triggerType":{"type":"automated"},"event_category":"ecommerce","content_type":"product","page_title":"Explore Vehicles","post_type":"page","post_id":14,"plugin":"PixelYourSite","event_url":"avance.gr\/el\/explore-vehicles\/","user_role":"guest"},"e_id":"woo_select_content_shop","ids":[],"hasTimeWindow":false,"timeWindow":0,"woo_order":"","edd_order":""}},"1055":{"gtm":{"delay":0,"type":"dyn","trackingIds":[],"name":"select_item","eventID":"2db2250b-6f97-4239-9801-d34c86bc5191","params":{"items":[{"id":"1055","name":"Jeep Wrangler 5dr Automatic or similar","quantity":1,"price":99999,"post_id":1055,"affiliation":"Avance","item_category":"Passenger Cars"}],"triggerType":{"type":"automated"},"event_category":"ecommerce","content_type":"product","page_title":"Explore Vehicles","post_type":"page","post_id":14,"plugin":"PixelYourSite","event_url":"avance.gr\/el\/explore-vehicles\/","user_role":"guest"},"e_id":"woo_select_content_shop","ids":[],"hasTimeWindow":false,"timeWindow":0,"woo_order":"","edd_order":""}}}},"triggerEvents":[],"triggerEventTypes":[],"facebook":{"pixelIds":["553420986746842"],"advancedMatchingEnabled":true,"advancedMatching":{"external_id":"bba6b7965390d9c77874dccd3283bf81ed7d8c03eef2e526a9b228f43a413cf7"},"removeMetadata":false,"wooVariableAsSimple":false,"serverApiEnabled":true,"wooCRSendFromServer":false,"send_external_id":true},"gtm":{"trackingIds":[],"gtm_dataLayer_name":"dataLayer","gtm_container_domain":"www.googletagmanager.com","gtm_container_identifier":"gtm","gtm_auth":"","gtm_preview":"","container_code":true,"check_list":"disabled","check_list_contain":[],"wooVariableAsSimple":true},"debug":"","siteUrl":"https:\/\/avance.gr","ajaxUrl":"https:\/\/avance.gr\/wp-admin\/admin-ajax.php","ajax_event":"9cf2fe6170","trackUTMs":"1","trackTrafficSource":"1","user_id":"0","enable_lading_page_param":"1","cookie_duration":"7","enable_event_day_param":"1","enable_event_month_param":"1","enable_event_time_param":"1","enable_remove_target_url_param":"1","enable_remove_download_url_param":"1","visit_data_model":"first_visit","last_visit_duration":"60","enable_auto_save_advance_matching":"1","enable_success_send_form":"","enable_automatic_events":"","enable_event_video":"1","ajaxForServerEvent":"1","ajaxForServerStaticEvent":"1","send_external_id":"1","external_id_expire":"180","google_consent_mode":"1","data_persistency":"keep_data","advance_matching_form":{"enable_advance_matching_forms":true,"advance_matching_fn_names":["","first_name","first-name","first name","name"],"advance_matching_ln_names":["","last_name","last-name","last name"],"advance_matching_tel_names":["","phone","tel"],"advance_matching_em_names":[]},"advance_matching_url":{"enable_advance_matching_url":true,"advance_matching_fn_names":[],"advance_matching_ln_names":[],"advance_matching_tel_names":[],"advance_matching_em_names":[]},"track_dynamic_fields":[],"gdpr":{"ajax_enabled":false,"all_disabled_by_api":false,"facebook_disabled_by_api":false,"tiktok_disabled_by_api":false,"analytics_disabled_by_api":false,"google_ads_disabled_by_api":false,"pinterest_disabled_by_api":false,"bing_disabled_by_api":false,"externalID_disabled_by_api":false,"facebook_prior_consent_enabled":true,"tiktok_prior_consent_enabled":true,"analytics_prior_consent_enabled":true,"google_ads_prior_consent_enabled":true,"pinterest_prior_consent_enabled":true,"bing_prior_consent_enabled":true,"cookiebot_integration_enabled":false,"cookiebot_facebook_consent_category":"marketing","cookiebot_tiktok_consent_category":"marketing","cookiebot_analytics_consent_category":"statistics","cookiebot_google_ads_consent_category":"marketing","cookiebot_pinterest_consent_category":"marketing","cookiebot_bing_consent_category":"marketing","cookie_notice_integration_enabled":false,"cookie_law_info_integration_enabled":false,"real_cookie_banner_integration_enabled":false,"consent_magic_integration_enabled":false,"analytics_storage":{"enabled":true,"value":"granted","filter":false},"ad_storage":{"enabled":true,"value":"granted","filter":false},"ad_user_data":{"enabled":true,"value":"granted","filter":false},"ad_personalization":{"enabled":true,"value":"granted","filter":false}},"cookie":{"disabled_all_cookie":false,"disabled_start_session_cookie":false,"disabled_advanced_form_data_cookie":false,"disabled_landing_page_cookie":false,"disabled_first_visit_cookie":false,"disabled_trafficsource_cookie":false,"disabled_utmTerms_cookie":false,"disabled_utmId_cookie":false},"tracking_analytics":{"TrafficSource":"direct","TrafficLanding":"https:\/\/avance.gr\/el\/explore-vehicles\/","TrafficUtms":[],"TrafficUtmsId":[],"userDataEnable":true,"userData":{"emails":[],"phones":[],"addresses":[]},"use_encoding_provided_data":true,"use_multiple_provided_data":true},"automatic":{"enable_youtube":true,"enable_vimeo":true,"enable_video":true},"woo":{"enabled":true,"enabled_save_data_to_orders":true,"addToCartOnButtonEnabled":true,"addToCartOnButtonValueEnabled":true,"addToCartOnButtonValueOption":"price","woo_purchase_on_transaction":true,"singleProductId":null,"affiliateEnabled":false,"removeFromCartSelector":"form.woocommerce-cart-form .remove","addToCartCatchMethod":"add_cart_hook","is_order_received_page":false,"containOrderId":false,"affiliateEventName":"Lead"},"edd":{"enabled":false}}; </script> <script src="https://avance.gr/wp-content/plugins/pixelyoursite-pro/dist/scripts/public.js?ver=11.0.1" id="pys-js"></script> <link rel="https://api.w.org/" href="https://avance.gr/el/wp-json/" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://avance.gr/xmlrpc.php?rsd" /> <meta name="generator" content="WordPress 6.6.2" /> <meta name="generator" content="WooCommerce 9.3.3" /> <link rel="alternate" hreflang="en-US" href="https://avance.gr/explore-vehicles/?pul=MILPR&dol=MILPR&pud=24/11/2024%2010:00&dod=01/12/2024%2010:00"/> <link rel="alternate" hreflang="el" href="https://avance.gr/el/explore-vehicles/?pul=MILPR&dol=MILPR&pud=24/11/2024%2010:00&dod=01/12/2024%2010:00"/> <link rel="alternate" hreflang="de-DE" href="https://avance.gr/de/explore-vehicles/?pul=MILPR&dol=MILPR&pud=24/11/2024%2010:00&dod=01/12/2024%2010:00"/> <link rel="alternate" hreflang="es-ES" href="https://avance.gr/es/explore-vehicles/?pul=MILPR&dol=MILPR&pud=24/11/2024%2010:00&dod=01/12/2024%2010:00"/> <link rel="alternate" hreflang="fr-FR" href="https://avance.gr/fr/explore-vehicles/?pul=MILPR&dol=MILPR&pud=24/11/2024%2010:00&dod=01/12/2024%2010:00"/> <link rel="alternate" hreflang="en" href="https://avance.gr/explore-vehicles/?pul=MILPR&dol=MILPR&pud=24/11/2024%2010:00&dod=01/12/2024%2010:00"/> <link rel="alternate" hreflang="de" href="https://avance.gr/de/explore-vehicles/?pul=MILPR&dol=MILPR&pud=24/11/2024%2010:00&dod=01/12/2024%2010:00"/> <link rel="alternate" hreflang="es" href="https://avance.gr/es/explore-vehicles/?pul=MILPR&dol=MILPR&pud=24/11/2024%2010:00&dod=01/12/2024%2010:00"/> <link rel="alternate" hreflang="fr" href="https://avance.gr/fr/explore-vehicles/?pul=MILPR&dol=MILPR&pud=24/11/2024%2010:00&dod=01/12/2024%2010:00"/>   <script data-cfasync="false" data-pagespeed-no-defer type="text/javascript"> var dataLayer_content = {"pagePostType":"product","customerTotalOrders":0,"customerTotalOrderValue":0,"customerFirstName":"","customerLastName":"","customerBillingFirstName":"","customerBillingLastName":"","customerBillingCompany":"","customerBillingAddress1":"","customerBillingAddress2":"","customerBillingCity":"","customerBillingState":"","customerBillingPostcode":"","customerBillingCountry":"","customerBillingEmail":"","customerBillingEmailHash":"","customerBillingPhone":"","customerShippingFirstName":"","customerShippingLastName":"","customerShippingCompany":"","customerShippingAddress1":"","customerShippingAddress2":"","customerShippingCity":"","customerShippingState":"","customerShippingPostcode":"","customerShippingCountry":"","cartContent":{"totals":{"applied_coupons":[],"discount_total":0,"subtotal":0,"total":0},"items":[]}}; dataLayer.push( dataLayer_content ); </script> <script> console.warn && console.warn("[GTM4WP] Google Tag Manager container code placement set to OFF !!!"); console.warn && console.warn("[GTM4WP] Data layer codes are active but GTM container must be loaded using custom coding !!!"); </script>  <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src='https://sgtm.avance.gr/sespmfwe.js?id='+i+dl;f.parentNode.insertBefore(j,f);})(window,document,'script','dataLayer','GTM-KXCDNCQ');</script>   <script> const dfLayerOptions = { installationId: 'dd0f5aa4-c203-4c83-8008-6955f0e01725', zone: 'eu1' }; (function (l, a, y, e, r, s) { r = l.createElement(a); r.onload = e; r.async = 1; r.src = y; s = l.getElementsByTagName(a)[0]; s.parentNode.insertBefore(r, s); })(document, 'script', 'https://cdn.doofinder.com/livelayer/1/js/loader.min.js', function () { doofinderLoader.load(dfLayerOptions); }); </script>  <noscript><style>.woocommerce-product-gallery{ opacity: 1 !important; }</style></noscript> <style id='wp-fonts-local'> @font-face{font-family:Cardo;font-style:normal;font-weight:400;font-display:fallback;src:url('https://avance.gr/wp-content/plugins/woocommerce/assets/fonts/cardo_normal_400.woff2') format('woff2');} </style> <link rel="icon" href="https://avance.gr/wp-content/uploads/2024/01/cropped-favicon-32x32.webp" sizes="32x32" /> <link rel="icon" href="https://avance.gr/wp-content/uploads/2024/01/cropped-favicon-192x192.webp" sizes="192x192" /> <link rel="apple-touch-icon" href="https://avance.gr/wp-content/uploads/2024/01/cropped-favicon-180x180.webp" /> <meta name="msapplication-TileImage" content="https://avance.gr/wp-content/uploads/2024/01/cropped-favicon-270x270.webp" /> <style id="wp-custom-css"> @media screen and (max-height:610px){ .mbsc-popup-round .mbsc-popup-bottom, .mbsc-popup-round .mbsc-popup-top { margin-bottom: 0em!important; } } #ht_credits path { fill:#0086FF !important; } </style> </head> <body class="archive post-type-archive post-type-archive-product wp-embed-responsive theme-avance woocommerce-shop woocommerce woocommerce-page woocommerce-no-js translatepress-el">  <noscript><iframe src="https://sgtm.avance.gr/ns.html?id=GTM-KXCDNCQ" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <div id="app"> <a class="sr-only focus:not-sr-only" href="#main"> Μετάβαση στο περιεχόμενο </a> <header x-data="{showMegaMenu:false}" @click.outside="showMegaMenu = false;document.querySelector('body').classList.remove('body-no-scroll');document.getElementById('backdrop').classList.add('hidden');" class="overflow-visible z-50 sticky top-0" > <section class="w-full py-4 text-white transition-all bg-header-primary-400"> <div class="ht-container"> <div class="flex justify-between"> <div class="flex items-center"> <div class="mr-10 lg:mr-16"> <a class="block shrink-0 h-9" href="https://avance.gr/el/" title="Η Avance"> <img src="https://avance.gr/wp-content/themes/avance/public/images/logo/logo-white.304e75.svg" alt="Η Avance" class="h-full w-auto"> </a> </div> <div class="hidden lg:block"> <ul class="ht-list-none flex gap-5 lg:gap-10"> <li><a href="/el/o-logariasmos-mou-orders/my-reservations/" target="" title="Διαχείρηση Κράτησης" class="transition font-medium text-white hover:text-header-secondary-100">Διαχείρηση Κράτησης</a></li> <li><a href="https://avance.gr/el/online-checkin/" target="" title="Online Check-in" class="transition font-medium text-white hover:text-header-secondary-100">Online Check-in</a></li> <li><a href="https://aportal.avance.gr/" target="_blank" title="B2B" class="transition font-medium text-white hover:text-header-secondary-100">B2B</a></li> </ul> </div> </div> <div class="flex items-center justify-end"> <div class="items-center hidden gap-4 pr-4 mr-4 border-r-2 sm:flex"> <a href="tel: 30 210 9200 100" title="call us" class="flex transition text-white hover:text-secondary-100" data-no-translation-title=""> <svg xmlns="http://www.w3.org/2000/svg" width="29" viewbox="0 0 29 30" fill="none"> <path d="M4.33283 4.83283C3.87961 5.28604 3.625 5.90073 3.625 6.54167V7.75C3.625 17.7598 11.7402 25.875 21.75 25.875H22.9583C23.5993 25.875 24.214 25.6204 24.6672 25.1672C25.1204 24.714 25.375 24.0993 25.375 23.4583V19.4962C25.3751 19.2425 25.2953 18.9952 25.1469 18.7894C24.9986 18.5836 24.7892 18.4297 24.5485 18.3495L19.1195 16.5394C18.8435 16.4477 18.5438 16.4585 18.2753 16.57C18.0067 16.6814 17.7873 16.8859 17.6574 17.146L16.292 19.8732C13.3333 18.5364 10.9636 16.1667 9.62679 13.208L12.354 11.8426C12.6141 11.7127 12.8186 11.4933 12.93 11.2247C13.0415 10.9562 13.0523 10.6565 12.9606 10.3805L11.1505 4.9515C11.0704 4.71099 10.9167 4.50176 10.7111 4.35344C10.5055 4.20511 10.2585 4.12519 10.005 4.125H6.04167C5.40073 4.125 4.78604 4.37961 4.33283 4.83283Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /> </svg> </a> <a href="/cdn-cgi/l/email-protection#31585f575e715047505f52541f5643d3b1ba" title="email us" class="flex transition text-white hover:text-secondary-100" data-no-translation-title=""> <svg xmlns="http://www.w3.org/2000/svg" width="34" viewbox="0 0 34 35" fill="none"> <path d="M4.25 12.0951L15.4275 19.5467C15.8931 19.8574 16.4403 20.0232 17 20.0232C17.5597 20.0232 18.1069 19.8574 18.5725 19.5467L29.75 12.0951M7.08333 27.6784H26.9167C27.6681 27.6784 28.3888 27.3799 28.9201 26.8485C29.4515 26.3172 29.75 25.5965 29.75 24.8451V10.6784C29.75 9.92695 29.4515 9.20628 28.9201 8.67493C28.3888 8.14357 27.6681 7.84506 26.9167 7.84506H7.08333C6.33189 7.84506 5.61122 8.14357 5.07986 8.67493C4.54851 9.20628 4.25 9.92695 4.25 10.6784V24.8451C4.25 25.5965 4.54851 26.3172 5.07986 26.8485C5.61122 27.3799 6.33189 27.6784 7.08333 27.6784Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /> </svg> </a> </div> <div class="hidden gap-4 mr-4 xl:flex"> <a href="https://www.facebook.com/AvanceGreece" title="facebook" rel="noopener noreferrer" target="_blank" class="flex items-center transition text-white hover:text-secondary-100"><svg xmlns="http://www.w3.org/2000/svg" width="26" height="27" viewbox="0 0 26 27" fill="none"> <g clip-path="url(#clip0_1554_21353)"> <path d="M26 13.7617C26 6.58201 20.1797 0.761719 13 0.761719C5.82029 0.761719 0 6.58201 0 13.7617C0 20.2503 4.75389 25.6285 10.9688 26.6038V17.5195H7.66797V13.7617H10.9688V10.8977C10.9688 7.63953 12.9096 5.83984 15.879 5.83984C17.3009 5.83984 18.7891 6.09375 18.7891 6.09375V9.29297H17.1498C15.535 9.29297 15.0313 10.2951 15.0313 11.3242V13.7617H18.6367L18.0604 17.5195H15.0313V26.6038C21.2461 25.6285 26 20.2503 26 13.7617Z" fill="currentColor" /> </g> <defs> <clippath id="clip0_1554_21353"> <rect width="26" height="26" fill="currentColor" transform="translate(0 0.761719)" /> </clippath> </defs> </svg> </a> <a href="https://www.instagram.com/avance_greece_official/" title="instagram" rel="noopener noreferrer" target="_blank" class="flex items-center transition text-white hover:text-secondary-100"><svg xmlns="http://www.w3.org/2000/svg" width="26" height="27" viewbox="0 0 26 27" fill="none"> <g clip-path="url(#clip0_1554_21355)"> <path d="M13 3.10273C16.4734 3.10273 16.8848 3.11797 18.2508 3.17891C19.5203 3.23477 20.2059 3.44805 20.6629 3.62578C21.2672 3.85938 21.7039 4.14375 22.1559 4.5957C22.6129 5.05273 22.8922 5.48438 23.1258 6.08867C23.3035 6.5457 23.5168 7.23633 23.5727 8.50078C23.6336 9.87187 23.6488 10.2832 23.6488 13.7516C23.6488 17.225 23.6336 17.6363 23.5727 19.0023C23.5168 20.2719 23.3035 20.9574 23.1258 21.4145C22.8922 22.0188 22.6078 22.4555 22.1559 22.9074C21.6988 23.3645 21.2672 23.6438 20.6629 23.8773C20.2059 24.0551 19.5152 24.2684 18.2508 24.3242C16.8797 24.3852 16.4684 24.4004 13 24.4004C9.52656 24.4004 9.11524 24.3852 7.74922 24.3242C6.47969 24.2684 5.79414 24.0551 5.33711 23.8773C4.73281 23.6438 4.29609 23.3594 3.84414 22.9074C3.38711 22.4504 3.10781 22.0188 2.87422 21.4145C2.69648 20.9574 2.4832 20.2668 2.42734 19.0023C2.36641 17.6313 2.35117 17.2199 2.35117 13.7516C2.35117 10.2781 2.36641 9.8668 2.42734 8.50078C2.4832 7.23125 2.69648 6.5457 2.87422 6.08867C3.10781 5.48438 3.39219 5.04766 3.84414 4.5957C4.30117 4.13867 4.73281 3.85938 5.33711 3.62578C5.79414 3.44805 6.48477 3.23477 7.74922 3.17891C9.11524 3.11797 9.52656 3.10273 13 3.10273ZM13 0.761719C9.4707 0.761719 9.02891 0.776953 7.64258 0.837891C6.26133 0.898828 5.31172 1.12227 4.48906 1.44219C3.63086 1.77734 2.90469 2.21914 2.18359 2.94531C1.45742 3.66641 1.01563 4.39258 0.680469 5.2457C0.360547 6.07344 0.137109 7.01797 0.0761719 8.39922C0.0152344 9.79062 0 10.2324 0 13.7617C0 17.291 0.0152344 17.7328 0.0761719 19.1191C0.137109 20.5004 0.360547 21.45 0.680469 22.2727C1.01563 23.1309 1.45742 23.857 2.18359 24.5781C2.90469 25.2992 3.63086 25.7461 4.48398 26.0762C5.31172 26.3961 6.25625 26.6195 7.6375 26.6805C9.02383 26.7414 9.46563 26.7566 12.9949 26.7566C16.5242 26.7566 16.966 26.7414 18.3523 26.6805C19.7336 26.6195 20.6832 26.3961 21.5059 26.0762C22.359 25.7461 23.0852 25.2992 23.8063 24.5781C24.5273 23.857 24.9742 23.1309 25.3043 22.2777C25.6242 21.45 25.8477 20.5055 25.9086 19.1242C25.9695 17.7379 25.9848 17.2961 25.9848 13.7668C25.9848 10.2375 25.9695 9.7957 25.9086 8.40938C25.8477 7.02813 25.6242 6.07852 25.3043 5.25586C24.9844 4.39258 24.5426 3.66641 23.8164 2.94531C23.0953 2.22422 22.3691 1.77734 21.516 1.44727C20.6883 1.12734 19.7438 0.903906 18.3625 0.842969C16.9711 0.776953 16.5293 0.761719 13 0.761719Z" fill="currentColor" /> <path d="M13 7.08398C9.31328 7.08398 6.32227 10.075 6.32227 13.7617C6.32227 17.4484 9.31328 20.4395 13 20.4395C16.6867 20.4395 19.6777 17.4484 19.6777 13.7617C19.6777 10.075 16.6867 7.08398 13 7.08398ZM13 18.0934C10.6082 18.0934 8.66836 16.1535 8.66836 13.7617C8.66836 11.3699 10.6082 9.43008 13 9.43008C15.3918 9.43008 17.3316 11.3699 17.3316 13.7617C17.3316 16.1535 15.3918 18.0934 13 18.0934Z" fill="currentColor" /> <path d="M21.5008 6.81988C21.5008 7.68316 20.8 8.37887 19.9418 8.37887C19.0785 8.37887 18.3828 7.67809 18.3828 6.81988C18.3828 5.9566 19.0836 5.26089 19.9418 5.26089C20.8 5.26089 21.5008 5.96168 21.5008 6.81988Z" fill="currentColor" /> </g> <defs> <clippath id="clip0_1554_21355"> <rect width="26" height="26" fill="currentColor" transform="translate(0 0.761719)" /> </clippath> </defs> </svg> </a> <a href="https://www.linkedin.com/company/avancerent/" title="linkedin" rel="noopener noreferrer" target="_blank" class="flex items-center transition text-white hover:text-secondary-100"><svg xmlns="http://www.w3.org/2000/svg" width="26" height="27" viewbox="0 0 26 27" fill="none"> <g clip-path="url(#clip0_1554_21356)"> <path d="M24.0754 0.761719H1.91953C0.858203 0.761719 0 1.59961 0 2.63555V24.8828C0 25.9188 0.858203 26.7617 1.91953 26.7617H24.0754C25.1367 26.7617 26 25.9188 26 24.8879V2.63555C26 1.59961 25.1367 0.761719 24.0754 0.761719ZM7.71367 22.9176H3.8543V10.5066H7.71367V22.9176ZM5.78398 8.81563C4.54492 8.81563 3.54453 7.81523 3.54453 6.58125C3.54453 5.34727 4.54492 4.34687 5.78398 4.34687C7.01797 4.34687 8.01836 5.34727 8.01836 6.58125C8.01836 7.81016 7.01797 8.81563 5.78398 8.81563ZM22.1559 22.9176H18.3016V16.8848C18.3016 15.4477 18.2762 13.5941 16.2957 13.5941C14.2898 13.5941 13.9852 15.1633 13.9852 16.7832V22.9176H10.1359V10.5066H13.8328V12.2027H13.8836C14.3965 11.2277 15.6559 10.1969 17.5297 10.1969C21.4348 10.1969 22.1559 12.7664 22.1559 16.1078V22.9176Z" fill="currentColor" /> </g> <defs> <clippath id="clip0_1554_21356"> <rect width="26" height="26" fill="currentColor" transform="translate(0 0.761719)" /> </clippath> </defs> </svg> </a> <a href="https://www.youtube.com/channel/UCuBjmbLTt_a_LnFa3lA4oLQ" title="youtube" rel="noopener noreferrer" target="_blank" class="flex items-center transition text-white hover:text-secondary-100"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="33" viewbox="0 0 32 33" fill="none"> <path d="M31.6812 10.3618C31.6812 10.3618 31.3688 8.15552 30.4062 7.18677C29.1875 5.91177 27.825 5.90552 27.2 5.83052C22.725 5.50552 16.0063 5.50552 16.0063 5.50552H15.9937C15.9937 5.50552 9.275 5.50552 4.8 5.83052C4.175 5.90552 2.8125 5.91177 1.59375 7.18677C0.63125 8.15552 0.325 10.3618 0.325 10.3618C0.325 10.3618 0 12.9555 0 15.543V17.968C0 20.5555 0.31875 23.1493 0.31875 23.1493C0.31875 23.1493 0.63125 25.3555 1.5875 26.3243C2.80625 27.5993 4.40625 27.5555 5.11875 27.693C7.68125 27.9368 16 28.0118 16 28.0118C16 28.0118 22.725 27.9993 27.2 27.6805C27.825 27.6055 29.1875 27.5993 30.4062 26.3243C31.3688 25.3555 31.6812 23.1493 31.6812 23.1493C31.6812 23.1493 32 20.5618 32 17.968V15.543C32 12.9555 31.6812 10.3618 31.6812 10.3618ZM12.6938 20.9118V11.918L21.3375 16.4305L12.6938 20.9118Z" fill="currentColor" /> </svg> </a> </div> <div class="flex gap-4"> <button type="button" class="doofinder-search text-white"> <svg width="24" height="24" viewbox="0 0 24 24" fill="none"> <path d="M21 21L17.5001 17.5M20 11.5C20 16.1944 16.1944 20 11.5 20C6.80558 20 3 16.1944 3 11.5C3 6.80558 6.80558 3 11.5 3C16.1944 3 20 6.80558 20 11.5Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </button> <div class="header-language-switcher bg-header-primary-400 text-white"> <div class="bg-inherit text-inherit relative" x-data="{ selected: null }"> <select data-no-translation @change="$event.target.value && window.location.assign($event.target.value)" class="lang-select !rounded-none bg-inherit text-inherit outline-0 border-0 w-[52px] md:w-16 border-b-2 border-secondary-100 font-semibold pl-2"> <option value="https://avance.gr/el/explore-vehicles/?pul=MILPR&dol=MILPR&pud=24/11/2024%2010:00&dod=01/12/2024%2010:00"> EL</option> <option value="https://avance.gr/explore-vehicles/?pul=MILPR&dol=MILPR&pud=24/11/2024%2010:00&dod=01/12/2024%2010:00"> EN</option> <option value="https://avance.gr/de/explore-vehicles/?pul=MILPR&dol=MILPR&pud=24/11/2024%2010:00&dod=01/12/2024%2010:00"> DE</option> <option value="https://avance.gr/es/explore-vehicles/?pul=MILPR&dol=MILPR&pud=24/11/2024%2010:00&dod=01/12/2024%2010:00"> ES</option> <option value="https://avance.gr/fr/explore-vehicles/?pul=MILPR&dol=MILPR&pud=24/11/2024%2010:00&dod=01/12/2024%2010:00"> FR</option> </select> </div> </div> <div x-data="{myAccountDropdownOpen:false}" class="z-10 bg-transparent items-center flex relative"> <button type="button" @click="myAccountDropdownOpen = !myAccountDropdownOpen" class="hover:text-secondary-100 transition"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none"> <path d="M3.9745 18.7713C6.42265 17.3876 9.18784 16.6624 12 16.6667C14.9167 16.6667 17.6548 17.4308 20.0255 18.7713M15.5 9.66667C15.5 10.5949 15.1313 11.4852 14.4749 12.1415C13.8185 12.7979 12.9283 13.1667 12 13.1667C11.0717 13.1667 10.1815 12.7979 9.52513 12.1415C8.86875 11.4852 8.5 10.5949 8.5 9.66667C8.5 8.73841 8.86875 7.84817 9.52513 7.19179C10.1815 6.53541 11.0717 6.16667 12 6.16667C12.9283 6.16667 13.8185 6.53541 14.4749 7.19179C15.1313 7.84817 15.5 8.73841 15.5 9.66667ZM22.5 12C22.5 13.3789 22.2284 14.7443 21.7007 16.0182C21.1731 17.2921 20.3996 18.4496 19.4246 19.4246C18.4496 20.3996 17.2921 21.1731 16.0182 21.7007C14.7443 22.2284 13.3789 22.5 12 22.5C10.6211 22.5 9.25574 22.2284 7.98182 21.7007C6.70791 21.1731 5.55039 20.3996 4.57538 19.4246C3.60036 18.4496 2.82694 17.2921 2.29926 16.0182C1.77159 14.7443 1.5 13.3789 1.5 12C1.5 9.21523 2.60625 6.54451 4.57538 4.57538C6.54451 2.60625 9.21523 1.5 12 1.5C14.7848 1.5 17.4555 2.60625 19.4246 4.57538C21.3938 6.54451 22.5 9.21523 22.5 12Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /> </svg> </button> <ul x-cloak x-show="myAccountDropdownOpen" class="list-none mb-0 ml-0 py-2 text-sm bg-white text-header-primary-400 divide-y divide-yellow-100 rounded-lg shadow-lg w-44 absolute right-0 bottom-0 transform translate-y-[calc(100%_+_.5rem)]" aria-labelledby="dropdownInformationButton"> <li> <a href="https://avance.gr/el/o-logariasmos-mou-orders/" title="go to my account" class="block px-4 py-2 transition text-header-primary-400 hover:text-secondary-100" data-no-translation="" data-trp-gettext="" data-no-translation-title="">Σύνδεση</a> </li> <li> <a href="https://avance.gr/el/o-logariasmos-mou-orders/" class="block px-4 py-2 transition text-header-primary-400 hover:text-secondary-100" data-no-translation="" data-trp-gettext="">Εγγραφή</a> </li> </ul> </div> <div class="flex items-center"> <button type="button" @click=" showMegaMenu = !showMegaMenu; if(showMegaMenu){ document.querySelector('body').classList.add('body-no-scroll'); document.getElementById('backdrop').classList.remove('hidden'); }else{ document.querySelector('body').classList.remove('body-no-scroll'); document.getElementById('backdrop').classList.add('hidden'); } "> <svg xmlns="http://www.w3.org/2000/svg" width="26" height="22" viewbox="0 0 26 22" fill="none"> <path d="M1 21H25M1 1H25H1ZM1 11H25H1Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /> </svg> </button> </div> </div> </div> </div> </div> </section> <nav aria-label="Primary Menu" x-cloak x-show="showMegaMenu" class="fixed top-0 left-0 w-full h-screen z-[52] text-white bg-header-primary-400 overflow-auto" x-transition:enter="transition ease-out duration-300" x-transition:enter-start="opacity-0 -translate-y-full" x-transition:enter-end="translate-y-0 opacity-100 " x-transition:leave="transition ease-in duration-300" x-transition:leave-start="opacity-100 translate-y-0" x-transition:leave-end="opacity-0 -translate-y-full"> <div class="pt-12 pb-32 xl:py-24 ht-container-box relative"> <button type="button" @click=" showMegaMenu = !showMegaMenu; if(showMegaMenu){ document.querySelector('body').classList.add('body-no-scroll'); document.getElementById('backdrop').classList.remove('hidden'); }else{ document.querySelector('body').classList.remove('body-no-scroll'); document.getElementById('backdrop').classList.add('hidden'); } " class="absolute right-4 md:right-12 top-4" > <svg width="35" height="35" viewbox="0 0 35 35" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M7.51238 7.51277C7.84055 7.1847 8.28559 7.00039 8.74963 7.00039C9.21366 7.00039 9.6587 7.1847 9.98688 7.51277L17.4996 15.0255L25.0124 7.51277C25.1738 7.34563 25.3669 7.21231 25.5804 7.12059C25.7939 7.02888 26.0236 6.9806 26.2559 6.97858C26.4883 6.97656 26.7187 7.02084 26.9338 7.10883C27.1489 7.19682 27.3443 7.32677 27.5086 7.49108C27.6729 7.65539 27.8028 7.85078 27.8908 8.06585C27.9788 8.28092 28.0231 8.51136 28.0211 8.74372C28.019 8.97609 27.9708 9.20572 27.8791 9.41923C27.7873 9.63273 27.654 9.82584 27.4869 9.98727L19.9741 17.5L27.4869 25.0128C27.8057 25.3428 27.982 25.7849 27.9781 26.2437C27.9741 26.7026 27.79 27.1415 27.4656 27.466C27.1411 27.7904 26.7022 27.9745 26.2433 27.9784C25.7845 27.9824 25.3424 27.806 25.0124 27.4873L17.4996 19.9745L9.98688 27.4873C9.65682 27.806 9.21477 27.9824 8.75592 27.9784C8.29708 27.9745 7.85816 27.7904 7.53369 27.466C7.20923 27.1415 7.02518 26.7026 7.0212 26.2437C7.01721 25.7849 7.1936 25.3428 7.51238 25.0128L15.0251 17.5L7.51238 9.98727C7.1843 9.6591 7 9.21406 7 8.75002C7 8.28598 7.1843 7.84094 7.51238 7.51277Z" fill="white"/> </svg> </button> <div class="grid grid-cols-1 lg:grid-cols-3 xl:grid-cols-4 gap-12"> <div class="relative flex flex-col flex-wrap justify-between xl:block 2xl:max-h-[46rem]"> <div class="overflow-auto h-full pb-16"> <div class="mb-9 lg:mb-14"> <div class="flex gap-1.5 w-full font-bold mb-5 text-2xl"> Πληροφορίες </div> <ul class="ht-list-none flex flex-col mb-5 text-base gap-y-3 md:mb-0"> <li><a href="https://avance.gr/el/about/" target="" title="Σχετικά με εμάς" class="transition text-white hover:text-secondary-100">Σχετικά με εμάς</a></li> <li><a href="https://avance.gr/el/frequently-asked-questions/" target="" title="Συχνές Ερωτήσεις" class="transition text-white hover:text-secondary-100">Συχνές Ερωτήσεις</a></li> <li><a href="https://avance.gr/el/online-checkin/" target="" title="Online Checkin" class="transition text-white hover:text-secondary-100">Online Checkin</a></li> <li><a href="https://avance.gr/el/contact/" target="" title="Επικοινωνία" class="transition text-white hover:text-secondary-100">Επικοινωνία</a></li> <li><a href="https://avance.gr/el/terms-of-use/" target="" title="Όροι & Προυποθέσεις Website" class="transition text-white hover:text-secondary-100">Όροι & Προυποθέσεις Website</a></li> <li><a href="https://avance.gr/el/privacy-policy/" target="" title="Πολιτική Απορρήτου" class="transition text-white hover:text-secondary-100">Πολιτική Απορρήτου</a></li> <li><a href="https://avance.gr/el/cookie-policy/" target="" title="Πολιτική Cookies" class="transition text-white hover:text-secondary-100">Πολιτική Cookies</a></li> <li><a href="https://avance.gr/el/oroi-proypotheseis-enoikiasis/" target="" title="Όροι & προϋποθέσεις Ενοικίασης" class="transition text-white hover:text-secondary-100">Όροι & προϋποθέσεις Ενοικίασης</a></li> <li><a href="https://avance.gr/el/efkairies-apascholisis/" target="" title="Καριέρα" class="transition text-white hover:text-secondary-100">Καριέρα</a></li> </ul> </div> <div class="mb-9 lg:mb-14"> <div class="flex gap-1.5 w-full font-bold mb-5 text-2xl"> Τα προϊόντα μας </div> <ul class="ht-list-none flex flex-col mb-5 text-base gap-y-3 md:mb-0"> <li><a href="https://avance.gr/el/explore-vehicles/" target="" title="Ανακάλυψε Τα Οχήματα" class="transition text-white hover:text-secondary-100">Ανακάλυψε Τα Οχήματα</a></li> <li><a href="https://avance.gr/el/locations/" target="" title="Τοποθεσίες" class="transition text-white hover:text-secondary-100">Τοποθεσίες</a></li> <li><a href="https://avance.gr/el/deals/" target="" title="Προσφορές" class="transition text-white hover:text-secondary-100">Προσφορές</a></li> </ul> </div> <div class="mb-9 lg:mb-14"> <div class="flex gap-1.5 w-full font-bold mb-5 text-2xl"> Πελάτες B2B </div> <ul class="ht-list-none flex flex-col mb-5 text-base gap-y-3 md:mb-0"> <li><a href="https://avance.gr/el/corporate-car-rentals/" target="" title="Εταιρικές Ενοικιάσεις Οχημάτων" class="transition text-white hover:text-secondary-100">Εταιρικές Ενοικιάσεις Οχημάτων</a></li> <li><a href="https://avance.gr/el/hotel-partners/" target="" title="Ξενοδοχειακοί Πελάτες" class="transition text-white hover:text-secondary-100">Ξενοδοχειακοί Πελάτες</a></li> <li><a href="https://avance.gr/el/travel-agencies/" target="" title="Τουριστικά Πρακτορεία" class="transition text-white hover:text-secondary-100">Τουριστικά Πρακτορεία</a></li> </ul> </div> </div> <div class="absolute left-0 bottom-0 w-[calc(100%_-_10px)]"> <div class="bg-gradient-to-t from-header-primary-400 to-transparent z-10 h-6 flex items-center py-6"></div> <div class="bg-header-primary-400"> <div class="bg-inherit text-inherit relative"> <ul data-no-translation class="ht-list-none flex items-center divide-x-2 divide-white">  <li class="pr-3"> <div class="text-header-secondary-100"> <span> EL </span> </div> </li> <li class="px-3"> <a href="https://avance.gr/explore-vehicles/?pul=MILPR&dol=MILPR&pud=24/11/2024%2010:00&dod=01/12/2024%2010:00" class="text-white hover:text-header-secondary-100"> <span> EN </span> </a> </li> <li class="px-3"> <a href="https://avance.gr/de/explore-vehicles/?pul=MILPR&dol=MILPR&pud=24/11/2024%2010:00&dod=01/12/2024%2010:00" class="text-white hover:text-header-secondary-100"> <span> DE </span> </a> </li> <li class="px-3"> <a href="https://avance.gr/es/explore-vehicles/?pul=MILPR&dol=MILPR&pud=24/11/2024%2010:00&dod=01/12/2024%2010:00" class="text-white hover:text-header-secondary-100"> <span> ES </span> </a> </li> <li class="px-3"> <a href="https://avance.gr/fr/explore-vehicles/?pul=MILPR&dol=MILPR&pud=24/11/2024%2010:00&dod=01/12/2024%2010:00" class="text-white hover:text-header-secondary-100"> <span> FR </span> </a> </li> </ul> </div> </div> </div> </div> <div class="hidden xl:block"> <div class="flex mb-6 aspect-320/512"> <img src="https://avance.gr/wp-content/uploads/2024/09/Avance-Long-Term-Gif-menu-FF1-FFD-GR-white.gif" alt="Avance-Long-Term-Gif-menu-FF1-FFD-ENG-white" class="object-cover w-full"> </div> <div class="mb-6 text-3xl font-semibold text-white"> <p>Ενοικιάσεις Μεγάλης Διάρκειας</p> </div> <div class='text-white'> <p>Είναι εύκολο να απολαύσετε πολύτιμα προνόμια , την αποκλειστική εξυπηρέτηση ,και πολλά άλλα οφέλη</p> </div> <a href="/el/corporate-car-rentals/" target="" class="inline-flex items-center justify-center gap-2 px-4 py-2 mt-5 text-xs font-semibold uppercase border-2 border-white rounded-2xl text-white transition hover:text-secondary-100 hover:border-secondary-100"> Κάντε μια ερώτηση <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewbox="0 0 16 16" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M8.23401 2.63438C8.38403 2.4844 8.58748 2.40015 8.79961 2.40015C9.01174 2.40015 9.21519 2.4844 9.36521 2.63438L14.1652 7.43438C14.3152 7.5844 14.3994 7.78784 14.3994 7.99998C14.3994 8.21211 14.3152 8.41555 14.1652 8.56558L9.36521 13.3656C9.21433 13.5113 9.01225 13.5919 8.80249 13.5901C8.59273 13.5883 8.39208 13.5042 8.24375 13.3558C8.09543 13.2075 8.01129 13.0069 8.00947 12.7971C8.00765 12.5873 8.08828 12.3853 8.23401 12.2344L11.6684 8.79998H2.39961C2.18744 8.79998 1.98395 8.71569 1.83392 8.56566C1.68389 8.41563 1.59961 8.21215 1.59961 7.99998C1.59961 7.7878 1.68389 7.58432 1.83392 7.43429C1.98395 7.28426 2.18744 7.19998 2.39961 7.19998H11.6684L8.23401 3.76558C8.08403 3.61555 7.99978 3.41211 7.99978 3.19998C7.99978 2.98784 8.08403 2.7844 8.23401 2.63438Z" fill="currentColor" /> </svg> </a> </div> <div class="hidden xl:block"> <div class="flex mb-6 aspect-320/512"> <img src="https://avance.gr/wp-content/uploads/2024/02/Avance-online-checkin-image-320x512px.jpg" alt="Avance-online-checkin-image-320x512px" class="object-cover w-full"> </div> <div class="mb-6 text-3xl font-semibold text-white"> <p>Online Checkin</p> </div> <div class='text-white'> <div class="hidden xl:block"> <p>Στην Avance, προσπαθούμε να κάνουμε την εμπειρία ενοικίασης αυτοκινήτου όσο το δυνατόν πιο απλή και γρήγορη.</p> </div> </div> <a href="/el/online-checkin/" target="" class="inline-flex items-center justify-center gap-2 px-4 py-2 mt-5 text-xs font-semibold uppercase border-2 border-white rounded-2xl text-white transition hover:text-secondary-100 hover:border-secondary-100"> Ελέγξτε τώρα <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewbox="0 0 16 16" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M8.23401 2.63438C8.38403 2.4844 8.58748 2.40015 8.79961 2.40015C9.01174 2.40015 9.21519 2.4844 9.36521 2.63438L14.1652 7.43438C14.3152 7.5844 14.3994 7.78784 14.3994 7.99998C14.3994 8.21211 14.3152 8.41555 14.1652 8.56558L9.36521 13.3656C9.21433 13.5113 9.01225 13.5919 8.80249 13.5901C8.59273 13.5883 8.39208 13.5042 8.24375 13.3558C8.09543 13.2075 8.01129 13.0069 8.00947 12.7971C8.00765 12.5873 8.08828 12.3853 8.23401 12.2344L11.6684 8.79998H2.39961C2.18744 8.79998 1.98395 8.71569 1.83392 8.56566C1.68389 8.41563 1.59961 8.21215 1.59961 7.99998C1.59961 7.7878 1.68389 7.58432 1.83392 7.43429C1.98395 7.28426 2.18744 7.19998 2.39961 7.19998H11.6684L8.23401 3.76558C8.08403 3.61555 7.99978 3.41211 7.99978 3.19998C7.99978 2.98784 8.08403 2.7844 8.23401 2.63438Z" fill="currentColor" /> </svg> </a> </div> <div class="hidden xl:block"> <div class="flex mb-6 aspect-320/512"> <img src="https://avance.gr/wp-content/uploads/2024/09/Avance-Autumn-Road-Trips-Banners-2024-320x512px-menu.jpg" alt="Avance-Autumn-Road-Trips-Banners-2024-320x512px-menu" class="object-cover w-full"> </div> <div class="mb-6 text-3xl font-semibold text-white"> <p>Οδικά ταξίδια με -15%</p> </div> <div class='text-white'> <div class="hidden xl:block"> <p>Βουνό ή θάλασσα; Για κάθε σας επιλογή, είμαστε δίπλα σας.</p> </div> </div> <a href="/el/explore-vehicles/" target="" class="inline-flex items-center justify-center gap-2 px-4 py-2 mt-5 text-xs font-semibold uppercase border-2 border-white rounded-2xl text-white transition hover:text-secondary-100 hover:border-secondary-100"> ΚΡΑΤΗΣΗ ΤΩΡΑ <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewbox="0 0 16 16" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M8.23401 2.63438C8.38403 2.4844 8.58748 2.40015 8.79961 2.40015C9.01174 2.40015 9.21519 2.4844 9.36521 2.63438L14.1652 7.43438C14.3152 7.5844 14.3994 7.78784 14.3994 7.99998C14.3994 8.21211 14.3152 8.41555 14.1652 8.56558L9.36521 13.3656C9.21433 13.5113 9.01225 13.5919 8.80249 13.5901C8.59273 13.5883 8.39208 13.5042 8.24375 13.3558C8.09543 13.2075 8.01129 13.0069 8.00947 12.7971C8.00765 12.5873 8.08828 12.3853 8.23401 12.2344L11.6684 8.79998H2.39961C2.18744 8.79998 1.98395 8.71569 1.83392 8.56566C1.68389 8.41563 1.59961 8.21215 1.59961 7.99998C1.59961 7.7878 1.68389 7.58432 1.83392 7.43429C1.98395 7.28426 2.18744 7.19998 2.39961 7.19998H11.6684L8.23401 3.76558C8.08403 3.61555 7.99978 3.41211 7.99978 3.19998C7.99978 2.98784 8.08403 2.7844 8.23401 2.63438Z" fill="currentColor" /> </svg> </a> </div> </div> </div> </nav> </header> <main id="main" class="main max-w-project mx-auto"> <div class="htech-breadcrumb ht-container-box w-full"> <div class="flex items-center"> <nav class="flex py-3 lg:py-8" aria-label="Breadcrumb"> <ol class="list-none mb-0 ml-0 inline-flex flex-wrap items-center text-xs lg:text-sm font-semibold text-primary-400"> <li class="mb-1 inline-flex items-center"> <a href="https://avance.gr/el" class="hover:text-secondary-100"> Αρχική </a> <span class="mx-1">/</span> </li> <li aria-current="page" class="mb-1 flex items-center"> <div class="flex items-center"> <span class="">Ανακάλυψε Τα Οχήματα</span> </div> </li> </ol> </nav> </div> </div> <section x-data="shop" x-ref="shopContainer" data-layout="1" class="relative pb-20" id="alpine-shop-archive" data-getsubcats="0" data-term="" data-lang="el" > <div class="ht-container-box"> <div id="primary" class="content-area"><main id="main" class="site-main" role="main"> <div class=""> <header class="flex flex-wrap w-full mb-3 roots sage md:mb-6 xl:mb-9"> <h1 class="mb-0 text-2xl font-bold woocommerce-products-header__title page-title"> Ανακάλυψε Τα Οχήματα </h1> <div class="w-full hidden lg:block text-lg font-bold leading-7"> </div> </header> <div class=""> <div class="flex flex-shrink pt-4 md:pt-6 pb-9 max-w-[1344px] mx-auto overflow-hidden"> <div class="w-1/3"> <div class="relative"> <div :class="[ (bookingForm.steps[1] === 'current' ? 'border-primary-200 bg-primary-400' : ''), (bookingForm.steps[1] === 'completed' ? 'border-primary-400 bg-primary-400' : ''), (bookingForm.steps[1] === 'pending' ? '!border-0 bg-primary-200': ''), ]" class="box-content bg-primary-200 absolute top-1/2 -translate-y-[50%] h-6 w-6 md:h-8 md:w-8 border-[6px] md:border-[8px] rounded-full mx-auto flex justify-center items-center"> <svg :class="bookingForm.steps[1] == 'completed' ? 'block' : 'hidden'" viewbox="0 0 25 24" fill="none" width="32px" height="32px"> <path d="M5.9751 13L9.96939 17L19.9551 7" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" /> </svg> </div> <div :class="bookingForm.steps[1] === 'completed' ? 'bg-primary-400' : 'bg-primary-200'" class="h-2.5 mx-auto w-full" style="border-radius:10px 0 0 10px;"></div> </div> <div class="hidden md:block"> <p class="mt-6 mb-1 text-base font-bold uppercase" data-no-translation="" data-trp-gettext="">ΒΗΜΑ 1</p> <p class="text-sm font-semibold text-primary-200 shrink"> Παραλαβή & Παράδοση </p> </div> </div> <div class="w-1/3"> <div class="relative"> <div :class="[ (bookingForm.steps[2] === 'current' ? 'border-primary-200 bg-primary-400' : ''), (bookingForm.steps[2] === 'completed' ? 'border-primary-400 bg-primary-400' : ''), (bookingForm.steps[2] === 'pending' ? '!border-0 bg-primary-200': ''), ]" class="box-content absolute top-1/2 -translate-y-[50%] h-6 w-6 md:h-8 md:w-8 border-[6px] md:border-[8px] rounded-full mx-auto flex justify-center items-center transform -translate-x-[50%]"> <svg :class="bookingForm.steps[2] == 'completed' ? 'block' : 'hidden'" viewbox="0 0 25 24" fill="none" width="32px" height="32px"> <path d="M5.9751 13L9.96939 17L19.9551 7" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" /> </svg> </div> <div :class="bookingForm.steps[2] === 'completed' ? 'bg-primary-400' : 'bg-primary-200'" class="h-2.5 mx-auto w-full"></div> </div> <div class="hidden md:block transform -translate-x-[50%] w-max"> <p class="mt-6 mb-1 text-base font-bold uppercase" data-no-translation="" data-trp-gettext="">ΒΗΜΑ 2</p> <p class="text-sm font-semibold text-primary-200 shrink"> Επιλέξτε όχημα </p> </div> </div> <div class="w-1/3"> <div class="relative"> <div :class="[ (bookingForm.steps[3] === 'current' ? 'border-primary-200 bg-primary-400' : ''), (bookingForm.steps[3] === 'completed' ? 'border-primary-400 bg-primary-400' : ''), (bookingForm.steps[3] === 'pending' ? '!border-0 bg-primary-200': ''), ]" class="box-content bg-primary-200 absolute top-1/2 -translate-y-[50%] h-6 w-6 md:h-8 md:w-8 border-[6px] md:border-[8px] rounded-full mx-auto flex justify-center items-center transform -translate-x-[50%]"> <svg :class="bookingForm.steps[3] == 'completed' ? 'block' : 'hidden'" viewbox="0 0 25 24" fill="none" width="32px" height="32px"> <path d="M5.9751 13L9.96939 17L19.9551 7" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" /> </svg> </div> <div :class="bookingForm.steps[3] === 'completed' ? 'bg-primary-400' : 'bg-primary-200'" class="h-2.5 mx-auto w-full shrink"></div> </div> <div class="hidden md:block transform -translate-x-[50%] w-max"> <p class="mt-6 mb-1 text-base font-bold uppercase" data-no-translation="" data-trp-gettext="">ΒΗΜΑ 3</p> <p class="text-sm font-semibold text-primary-200"> Επιλέξτε Extras </p> </div> </div> <div class="" style="width:0;"> <div class="relative"> <div :class="[ (bookingForm.steps[4] === 'current' ? 'border-primary-200 bg-primary-400' : ''), (bookingForm.steps[4] === 'completed' ? 'border-primary-400 bg-primary-400' : ''), (bookingForm.steps[4] === 'pending' ? '!border-0 bg-primary-200': ''), ]" class="box-content bg-primary-200 absolute top-1/2 -translate-y-[50%] h-6 w-6 md:h-8 md:w-8 border-[6px] md:border-[8px] rounded-full mx-auto flex justify-center items-center transform -translate-x-full"> <svg :class="bookingForm.steps[4] == 'completed' ? 'block' : 'hidden'" viewbox="0 0 25 24" fill="none" width="32px" height="32px"> <path d="M5.9751 13L9.96939 17L19.9551 7" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" /> </svg> </div> <div :class="bookingForm.steps[4] === 'completed' ? 'bg-primary-400' : 'bg-primary-200'" class="h-2.5 mx-auto w-1" style="border-radius:10px 0 0 10px;"></div> </div> <div class="hidden transform -translate-x-full md:block w-max"> <p class="mt-6 mb-1 text-base font-bold uppercase" data-no-translation="" data-trp-gettext="">ΒΗΜΑ 4</p> <p class="text-sm font-semibold text-primary-200 shrink"> Επιβεβαίωση κράτησης </p> </div> </div> </div> <div class="mb-5 md:hidden"> <template x-if="bookingForm.steps[1] === 'current'"> <div class=""> <span class="text-base font-bold text-primary-400">STEP 1</span> <span class="ml-2 text-sm font-semibold text-primary-200">Pickup & Drop-Off</span> </div> </template> <template x-if="bookingForm.steps[2] === 'current'"> <div class=""> <span class="text-base font-bold text-primary-400">STEP 2</span> <span class="ml-2 text-sm font-semibold text-primary-200">Choose Your Vehicle</span> </div> </template> <template x-if="bookingForm.steps[3] === 'current'"> <div class=""> <span class="text-base font-bold text-primary-400">STEP 3</span> <a href="#extra_options"> <span class="ml-2 text-sm font-semibold text-primary-200">Choose Extras</span> </a> </div> </template> <template x-if="bookingForm.steps[4] === 'current'"> <div class=""> <span class="text-base font-bold text-primary-400">STEP 4</span> <span class="ml-2 text-sm font-semibold text-primary-200">Confirm Booking</span> </div> </template> </div> <div x-ref="bookingFormArchive" class=""> <div class="relative flex w-full gap-1 overflow-hidden whitespace-nowrap"> <button type="button" @click="changeBookingFormTab(1)" :class="bookingFormTab == 1 ? '' : 'border-b-4 border-white'" class="flex px-5 py-3 text-sm font-bold text-white bg-primary-200 md:text-base shrink-0">Πληροφορίες Κράτησης</button> <button type="button" @click="changeBookingFormTab(2)" :class="bookingFormTab == 2 ? '' : 'border-b-4 border-white'" class="flex px-5 py-3 text-sm font-bold text-white bg-primary-400 md:text-base shrink-0 grow md:grow-0">Περιλαμβάνει</button> </div> <div class="grid md:grid-cols-[1fr_112px] 2xl:grid-cols-[1fr_200px]"> <div x-show="bookingFormTab == 1" class="w-full px-5 flex gap-y-5 flex-wrap paragraph-300 min-h-[121px] py-4 bg-primary-200 text-white overflow-hidden"> <form x-ref="bookingForm" class="grid w-full gap-4 overflow-hidden font-semibold sm:grid-cols-2 xl:grid-cols-3 2xl:grid-cols-5 text-primary-400 lg:items-start"> <div class="flex flex-col w-full gap-2 overflow-hidden"> <div class="relative flex flex-col w-full gap-2 location-input-archive"> <label for="pickupLocationInput" class="text-primary-400" data-no-translation="" data-trp-gettext="">Σημείο Παραλαβής</label> <select @change="syncDropOffLocation()" class="!bg-primary-200 !rounded-none !outline-0 !text-base !text-white border-b-2 border-primary-400 py-1.5 xl:pl-5" x-ref="pickupLocationInput" name="pickupLocation" required> <option value="" data-no-translation="" data-trp-gettext="">Select</option> <option value="AEDT">Αίγινα Κέντρο</option> <option value="AEPT">Αίγινα Λιμάνι</option> <option value="AGNIKDT">Άγιος Νικόλαος Κρήτη</option> <option value="AGRDT">Αγρίνιο Κέντρο</option> <option value="EGH">Αίγιο</option> <option value="ALD">Ολυμπιακό Χωριό Αλντεμάρ</option> <option value="AXDAP">Αλεξανδρούπολη Αεροδρόμιο</option> <option value="ANDDT">Άνδρος Γάβριο Λιμάνι</option> <option value="ARKDT">Αρκούδι - Λουτρά Κυλλήνης</option> <option value="ATHDT">Αθήνα Κέντρο</option> <option value="ATHAP">Αθήνα Αεροδρόμιο Ελ. Βενιζέλος</option> <option value="ATHMA">Αθήνα Γραφείο Μαρούσι</option> <option value="CHQAP">Χανιά Αεροδρόμιο</option> <option value="JKHAP">Χίος Αεροδρόμιο</option> <option value="JKHDT">Χίος Γραφείο / Λιμάνι</option> <option value="CFUAP">Κέρκυρα Αεροδρόμιο</option> <option value="HERAP">Ηράκλειο Αεροδρόμιο</option> <option value="HERPR">Ηράκλειο Λιμάνι</option> <option value="IGIDT">Ηγουμενίτσα Κέντρο / Λιμάνι</option> <option value="IOAAP">Ιωάννινα Αεροδρόμιο</option> <option value="IOADT">Ιωάννινα Κέντρο</option> <option value="ITDT">Ιθάκη κέντρο</option> <option value="KLXAP">Καλαμάτα Αεροδρόμιο</option> <option value="KLXDT">Καλαμάτα Κέντρο</option> <option value="AOKAP">Κάρπαθος Αεροδρόμιο</option> <option value="AOKDT">Κάρπαθος Κέντρο</option> <option value="AOKPR">Κάρπαθος Λιμάνι</option> <option value="KVAAP">Καβάλα Αεροδρόμιο</option> <option value="KVADT">Καβάλα κέντρο</option> <option value="KEAT">Κέα (Τζιά)</option> <option value="EFLAP">Κεφαλονιά Αεροδρόμιο</option> <option value="KGSAP">Κως Αεροδρόμιο</option> <option value="KGSDT">Κως Κέντρο</option> <option value="LEFDT">Λευκάδα Κέντρο</option> <option value="LEFNY">Λευκάδα Νυδρί (Γραφείο)</option> <option value="LXSAP">Λήμνος Αεροδρόμιο</option> <option value="LXSDT">Λήμνος Κέντρο</option> <option value="MJTAP">Λέσβος Αεροδρόμιο</option> <option value="MJTDT">Λέσβος Κέντρο / Λιμάνι</option> <option value="MLOAP">Μήλος Αεροδρόμιο</option> <option value="MILPOL">Μήλος Πολλώνια</option> <option value="MILPR">Μήλος Λιμάνι</option> <option value="JMKAP">Μύκονος Αεροδρόμιο</option> <option value="JMKMS">Μύκονος Κέντρο</option> <option value="NAFDT">Ναύπακτος Κέντρο</option> <option value="JNXDT">Νάξος Αγ. Προκόπιος</option> <option value="JNXAP">Νάξος Αεροδρόμιο</option> <option value="JNXPR">Νάξος Λιμάνι</option> <option value="PRGDT">Πάργα Κέντρο</option> <option value="PASAP">Πάρος Αεροδρόμιο</option> <option value="PASDT">Πάρος Κέντρο / Λιμάνι</option> <option value="PATDT">Πάτμος Κέντρο / Λιμάνι</option> <option value="GPAAP">Πάτρα - Άραξος Αεροδρόμιο</option> <option value="GPADT">Πάτρα Κέντρο</option> <option value="PVKAP">Πρέβεζα Άκτιο Αεροδρόμιο</option> <option value="PVKDT">Πρέβεζα Κέντρο</option> <option value="RTHDT">Ρέθυμνο Κέντρο</option> <option value="RHOAP">Ρόδος Αεροδρόμιο</option> <option value="RHOGAD">Ρόδος Γεννάδι Atlantica Dreams Hotel</option> <option value="RHOIT">Ρόδος Ιξιά</option> <option value="RHOKER">Ρόδος Καλλιθέα Elysium Resort</option> <option value="RHOKBH">Ρόδος Kiotary Bay Hotel</option> <option value="RHODT">Ρόδος Κολύμπια</option> <option value="RHOLM">Ρόδος Ξενοδοχείο Λίνδος Mare</option> <option value="RHOMAR">Ρόδος Νέα Μαρίνα</option> <option value="RHOPLP">Ρόδος Pefkos Lindos Princess Hotel</option> <option value="RHOPR">Ρόδος Λιμάνι</option> <option value="SMIAP">Σάμος Αεροδρόμιο</option> <option value="SMIPY">Σάμος Πυθαγόρειο Γραφείο</option> <option value="SMIPYP">Σάμος Πυθαγόρειο Λιμάνι</option> <option value="SMIDT">Σάμος Βαθύ Λιμάνι</option> <option value="JTRAP">Σαντορίνη Αεροδρόμιο</option> <option value="JTRDT">Σαντορίνη Κεντρικός Σταθμός</option> <option value="SIFPO">Σίφνος Λιμάνι</option> <option value="JSYAP">Σύρος Αεροδρόμιο</option> <option value="JSYDT">Σύρος Κέντρο / Λιμάνι</option> <option value="SKGAP">Θεσσαλονίκη Αεροδρόμιο</option> <option value="SKGDT">Θεσσαλονίκη Κέντρο</option> <option value="SKGTH">Θεσσαλονίκη Θέρμη</option> <option value="TINDT">Τήνος Κέντρο / Λιμάνι</option> <option value="ZTHAP">Ζάκυνθος Αεροδρόμιο</option> </select> <div class="absolute inset-y-0 flex items-center px-2 pointer-events-none text-primary-400 -left-1 top-9"> <svg class="hidden xl:block" width="16" height="15" viewbox="0 0 16 15" fill="none"> <path d="M13.625 13.125L11.4376 10.9375M13 7.1875C13 10.1215 10.6215 12.5 7.6875 12.5C4.75349 12.5 2.375 10.1215 2.375 7.1875C2.375 4.25349 4.75349 1.875 7.6875 1.875C10.6215 1.875 13 4.25349 13 7.1875Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> </div> </div> <div class="flex flex-col w-full gap-2 overflow-hidden bookingDate"> <div class="relative flex flex-col w-full gap-2 location-input-archive"> <label for="dropOffLocationInput" class="text-primary-400" data-no-translation="" data-trp-gettext="">Σημείο παράδοσης</label> <select class="!bg-primary-200 w-full !rounded-none !outline-0 !text-base !text-white border-b-2 border-primary-400 py-1.5 xl:pl-5" x-ref="dropOffLocationInput" name="dropOffLocation" required> <option value="" data-no-translation="" data-trp-gettext="">Select</option> <option value="AEDT">Αίγινα Κέντρο</option> <option value="AEPT">Αίγινα Λιμάνι</option> <option value="AGNIKDT">Άγιος Νικόλαος Κρήτη</option> <option value="AGRDT">Αγρίνιο Κέντρο</option> <option value="EGH">Αίγιο</option> <option value="ALD">Ολυμπιακό Χωριό Αλντεμάρ</option> <option value="AXDAP">Αλεξανδρούπολη Αεροδρόμιο</option> <option value="ANDDT">Άνδρος Γάβριο Λιμάνι</option> <option value="ARKDT">Αρκούδι - Λουτρά Κυλλήνης</option> <option value="ATHDT">Αθήνα Κέντρο</option> <option value="ATHAP">Αθήνα Αεροδρόμιο Ελ. Βενιζέλος</option> <option value="ATHMA">Αθήνα Γραφείο Μαρούσι</option> <option value="CHQAP">Χανιά Αεροδρόμιο</option> <option value="JKHAP">Χίος Αεροδρόμιο</option> <option value="JKHDT">Χίος Γραφείο / Λιμάνι</option> <option value="CFUAP">Κέρκυρα Αεροδρόμιο</option> <option value="HERAP">Ηράκλειο Αεροδρόμιο</option> <option value="HERPR">Ηράκλειο Λιμάνι</option> <option value="IGIDT">Ηγουμενίτσα Κέντρο / Λιμάνι</option> <option value="IOAAP">Ιωάννινα Αεροδρόμιο</option> <option value="IOADT">Ιωάννινα Κέντρο</option> <option value="ITDT">Ιθάκη κέντρο</option> <option value="KLXAP">Καλαμάτα Αεροδρόμιο</option> <option value="KLXDT">Καλαμάτα Κέντρο</option> <option value="AOKAP">Κάρπαθος Αεροδρόμιο</option> <option value="AOKDT">Κάρπαθος Κέντρο</option> <option value="AOKPR">Κάρπαθος Λιμάνι</option> <option value="KVAAP">Καβάλα Αεροδρόμιο</option> <option value="KVADT">Καβάλα κέντρο</option> <option value="KEAT">Κέα (Τζιά)</option> <option value="EFLAP">Κεφαλονιά Αεροδρόμιο</option> <option value="KGSAP">Κως Αεροδρόμιο</option> <option value="KGSDT">Κως Κέντρο</option> <option value="LEFDT">Λευκάδα Κέντρο</option> <option value="LEFNY">Λευκάδα Νυδρί (Γραφείο)</option> <option value="LXSAP">Λήμνος Αεροδρόμιο</option> <option value="LXSDT">Λήμνος Κέντρο</option> <option value="MJTAP">Λέσβος Αεροδρόμιο</option> <option value="MJTDT">Λέσβος Κέντρο / Λιμάνι</option> <option value="MLOAP">Μήλος Αεροδρόμιο</option> <option value="MILPOL">Μήλος Πολλώνια</option> <option value="MILPR">Μήλος Λιμάνι</option> <option value="JMKAP">Μύκονος Αεροδρόμιο</option> <option value="JMKMS">Μύκονος Κέντρο</option> <option value="NAFDT">Ναύπακτος Κέντρο</option> <option value="JNXDT">Νάξος Αγ. Προκόπιος</option> <option value="JNXAP">Νάξος Αεροδρόμιο</option> <option value="JNXPR">Νάξος Λιμάνι</option> <option value="PRGDT">Πάργα Κέντρο</option> <option value="PASAP">Πάρος Αεροδρόμιο</option> <option value="PASDT">Πάρος Κέντρο / Λιμάνι</option> <option value="PATDT">Πάτμος Κέντρο / Λιμάνι</option> <option value="GPAAP">Πάτρα - Άραξος Αεροδρόμιο</option> <option value="GPADT">Πάτρα Κέντρο</option> <option value="PVKAP">Πρέβεζα Άκτιο Αεροδρόμιο</option> <option value="PVKDT">Πρέβεζα Κέντρο</option> <option value="RTHDT">Ρέθυμνο Κέντρο</option> <option value="RHOAP">Ρόδος Αεροδρόμιο</option> <option value="RHOGAD">Ρόδος Γεννάδι Atlantica Dreams Hotel</option> <option value="RHOIT">Ρόδος Ιξιά</option> <option value="RHOKER">Ρόδος Καλλιθέα Elysium Resort</option> <option value="RHOKBH">Ρόδος Kiotary Bay Hotel</option> <option value="RHODT">Ρόδος Κολύμπια</option> <option value="RHOLM">Ρόδος Ξενοδοχείο Λίνδος Mare</option> <option value="RHOMAR">Ρόδος Νέα Μαρίνα</option> <option value="RHOPLP">Ρόδος Pefkos Lindos Princess Hotel</option> <option value="RHOPR">Ρόδος Λιμάνι</option> <option value="SMIAP">Σάμος Αεροδρόμιο</option> <option value="SMIPY">Σάμος Πυθαγόρειο Γραφείο</option> <option value="SMIPYP">Σάμος Πυθαγόρειο Λιμάνι</option> <option value="SMIDT">Σάμος Βαθύ Λιμάνι</option> <option value="JTRAP">Σαντορίνη Αεροδρόμιο</option> <option value="JTRDT">Σαντορίνη Κεντρικός Σταθμός</option> <option value="SIFPO">Σίφνος Λιμάνι</option> <option value="JSYAP">Σύρος Αεροδρόμιο</option> <option value="JSYDT">Σύρος Κέντρο / Λιμάνι</option> <option value="SKGAP">Θεσσαλονίκη Αεροδρόμιο</option> <option value="SKGDT">Θεσσαλονίκη Κέντρο</option> <option value="SKGTH">Θεσσαλονίκη Θέρμη</option> <option value="TINDT">Τήνος Κέντρο / Λιμάνι</option> <option value="ZTHAP">Ζάκυνθος Αεροδρόμιο</option> </select> <div class="absolute inset-y-0 flex items-center px-2 pointer-events-none text-primary-400 -left-1 top-9"> <svg class="hidden xl:block" width="16" height="15" viewbox="0 0 16 15" fill="none"> <path d="M13.625 13.125L11.4376 10.9375M13 7.1875C13 10.1215 10.6215 12.5 7.6875 12.5C4.75349 12.5 2.375 10.1215 2.375 7.1875C2.375 4.25349 4.75349 1.875 7.6875 1.875C10.6215 1.875 13 4.25349 13 7.1875Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> </div> </div> <div class="flex flex-col w-full gap-2 overflow-hidden bookingDate"> <label for="pickupDateTimeInput" class="text-primary-400" data-no-translation="" data-trp-gettext="">Ημ/νια Παραλαβής</label> <div class="relative"> <input class="!bg-primary-200 w-full !rounded-none !outline-0 border-b-2 border-primary-400 placeholder:text-base placeholder:font-medium text-white placeholder:!text-white pb-1.5" type="text" x-ref="pickupDateTimeInput" name="pickupDateTime" readonly required placeholder="Επιλέξτε ημερομηνία παραλαβής"> <svg width="21" height="21" viewbox="0 0 21 21" fill="none" class="absolute right-0 pointer-events-none top-1"> <path d="M16.2591 18H4.59245C4.15042 18 3.7265 17.8244 3.41394 17.5118C3.10138 17.1993 2.92578 16.7754 2.92578 16.3333V6.33333C2.92578 5.89131 3.10138 5.46738 3.41394 5.15482C3.7265 4.84226 4.15042 4.66667 4.59245 4.66667H7.09245H13.7591H16.2591C16.7011 4.66667 17.1251 4.84226 17.4376 5.15482C17.7502 5.46738 17.9258 5.89131 17.9258 6.33333V16.3333C17.9258 16.7754 17.7502 17.1993 17.4376 17.5118C17.1251 17.8244 16.7011 18 16.2591 18Z" fill="none"/> <path d="M7.09245 6.33333V3M13.7591 6.33333V3M6.25911 9.66667H14.5924M4.59245 18H16.2591C16.7011 18 17.1251 17.8244 17.4376 17.5118C17.7502 17.1993 17.9258 16.7754 17.9258 16.3333V6.33333C17.9258 5.89131 17.7502 5.46738 17.4376 5.15482C17.1251 4.84226 16.7011 4.66667 16.2591 4.66667H4.59245C4.15042 4.66667 3.7265 4.84226 3.41394 5.15482C3.10138 5.46738 2.92578 5.89131 2.92578 6.33333V16.3333C2.92578 16.7754 3.10138 17.1993 3.41394 17.5118C3.7265 17.8244 4.15042 18 4.59245 18Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> </div> <div class="flex flex-col w-full gap-2 overflow-hidden bookingDate"> <label for="dropOffDateTimeInput" class="text-primary-400" data-no-translation="" data-trp-gettext="">Ημ/νια Παράδοσης</label> <div class="relative"> <input class="!bg-primary-200 w-full !rounded-none !outline-0 border-b-2 border-primary-400 placeholder:text-base placeholder:font-medium text-white placeholder:!text-white pb-1.5" type="text" x-ref="dropOffDateTimeInput" name="dropOffDateTime" readonly required placeholder="Επιλέξτε ημερομηνία παράδοσης"> <svg width="21" height="21" viewbox="0 0 21 21" fill="none" class="absolute right-0 pointer-events-none top-1"> <path d="M16.2591 18H4.59245C4.15042 18 3.7265 17.8244 3.41394 17.5118C3.10138 17.1993 2.92578 16.7754 2.92578 16.3333V6.33333C2.92578 5.89131 3.10138 5.46738 3.41394 5.15482C3.7265 4.84226 4.15042 4.66667 4.59245 4.66667H7.09245H13.7591H16.2591C16.7011 4.66667 17.1251 4.84226 17.4376 5.15482C17.7502 5.46738 17.9258 5.89131 17.9258 6.33333V16.3333C17.9258 16.7754 17.7502 17.1993 17.4376 17.5118C17.1251 17.8244 16.7011 18 16.2591 18Z" fill="none"/> <path d="M7.09245 6.33333V3M13.7591 6.33333V3M6.25911 9.66667H14.5924M4.59245 18H16.2591C16.7011 18 17.1251 17.8244 17.4376 17.5118C17.7502 17.1993 17.9258 16.7754 17.9258 16.3333V6.33333C17.9258 5.89131 17.7502 5.46738 17.4376 5.15482C17.1251 4.84226 16.7011 4.66667 16.2591 4.66667H4.59245C4.15042 4.66667 3.7265 4.84226 3.41394 5.15482C3.10138 5.46738 2.92578 5.89131 2.92578 6.33333V16.3333C2.92578 16.7754 3.10138 17.1993 3.41394 17.5118C3.7265 17.8244 4.15042 18 4.59245 18Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> </div> <div class="flex flex-col w-full gap-2 overflow-hidden bookingCode"> <label for="discountCodeInput" class="text-primary-400" data-no-translation="" data-trp-gettext="">Εκπτωτικός Κωδικός</label> <input class="!bg-primary-200 !rounded-none !outline-0 border-b-2 border-primary-400 placeholder:text-base placeholder:font-medium text-white placeholder:!text-white pb-1.5" type="text" x-ref="discountCodeInput" name="discountCode" placeholder="Κωδικός"> </div> <div class="flex items-end w-full h-full gap-2 overflow-hidden 2xl:col-span-2"> <button @click="updateBookingForm()" type="button" class="btn-md w-full 2xl:w-auto min-w-[200px] btn-solid-primary flex items-center justify-center"> <span data-no-translation="" data-trp-gettext="">Ενημέρωση</span> <svg x-show="bookingForm.updating" x-cloak class="w-5 h-5 ml-2 text-white pointer-events-none animate-spin" fill="none" viewbox="0 0 24 24"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </button> </div> <input type="hidden" name="trp-form-language" value="el"/></form> <div x-ref="bookingFormErrors" class="w-full pb-4 text-xs font-bold text-red-600 lg:pb-0 lg:text-sm"> <template x-for="error in bookingForm.errors"> <div class="" x-html="error"></div> </template> </div> </div> <div x-cloak x-show="bookingFormTab == 2" class="text-primary-400 paragraph-300 min-h-[121px] px-5 py-4 bg-primary-400 text-white"> <div class="flex items-center h-full"> <ul class="ht-list-none flex flex-wrap grid-flow-col grid-rows-2 gap-4 lg:grid"> <li class="flex gap-2 text-sm font-bold"> <svg class="flex shrink-0" width="21" height="21" viewbox="0 0 21 21" fill="none"> <path d="M4.375 11.375L7.875 14.875L16.625 6.125" stroke="#53ADFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"></path> </svg> 100 χλμ ανά ημέρα για 1-2 ημέρες ενοικίασης </li> <li class="flex gap-2 text-sm font-bold"> <svg class="flex shrink-0" width="21" height="21" viewbox="0 0 21 21" fill="none"> <path d="M4.375 11.375L7.875 14.875L16.625 6.125" stroke="#53ADFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"></path> </svg> Φόρους </li> <li class="flex gap-2 text-sm font-bold"> <svg class="flex shrink-0" width="21" height="21" viewbox="0 0 21 21" fill="none"> <path d="M4.375 11.375L7.875 14.875L16.625 6.125" stroke="#53ADFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"></path> </svg> Απεριόριστα χλμ για 3 ή περισσότερες ημέρες ενοικίασης </li> <li class="flex gap-2 text-sm font-bold"> <svg class="flex shrink-0" width="21" height="21" viewbox="0 0 21 21" fill="none"> <path d="M4.375 11.375L7.875 14.875L16.625 6.125" stroke="#53ADFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"></path> </svg> Επιπλέον οδηγός x1 </li> <li class="flex gap-2 text-sm font-bold"> <svg class="flex shrink-0" width="21" height="21" viewbox="0 0 21 21" fill="none"> <path d="M4.375 11.375L7.875 14.875L16.625 6.125" stroke="#53ADFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"></path> </svg> 24 ώρες Οδική Βοήθεια - Μεικτή Ασφάλεια με Απαλλαγή (CDW) </li> </ul> </div> </div> <div class="px-5 bg-primary-100"> <div x-show="bookingForm.steps[2] === 'current' && bookingForm.wheelsResponse !== null && bookingForm.formattedTimeRemaining != ''" x-cloak class="flex items-center h-full gap-3 py-4 flex-col justify-center text-center"> <div class="countdown-container"> <div x-ref="timerElement" class="timer animatable"> <svg class="w-[77px] h-[77px]"> <circle cx="50%" cy="50%" r="33" /> <circle x-ref="timerCircle" class="inside-c" cx="50%" cy="50%" r="33" pathlength="1" /> <text x="50%" y="50%" text-anchor="middle" style="transform:translate(1px, 5px);"> <tspan x-html="bookingForm.formattedTimeRemaining" id="timeLeft" class="text-base font-semibold fill-primary-600"></tspan> </text> </svg> </div> </div> <div class="text-lg font-semibold text-primary-400 md:hidden 2xl:block"> Λεπτά για να ολοκληρώσετε την κράτηση </div> </div> <div x-show="bookingForm.steps[1] === 'current'" x-cloak class="flex items-center h-full py-4 text-lg font-semibold text-primary-400"> Παρακαλούμε συμπληρώστε τη φόρμα για να ξεκινήσετε την κράτηση. </div> </div> </div> <template x-if="bookingForm.showWheelsNoResultsError"> <div class="flex items-center justify-center px-8 py-5 text-base font-bold text-center text-white bg-red-600 md:text-lg xl:text-xl" style="text-wrap:balance;"> Δεν βρέθηκαν οχήματα. Παρακαλώ δοκιμάστε ξανά με διαφορετικά κριτήρια αναζήτησης </div> </template> </div> <template x-if="bookingForm.showWheelsNoResultsError"> <div class="paragraph-no-margin flex flex-col items-center px-6 py-5 mt-10 text-lg font-bold leading-loose bg-white border-2 border-primary-400 md:text-base text-primary-400 justify-left md:justify-start leading-"> Κράτηση της τελευταίας στιγμής; Μη διστάσετε να επικοινωνήσετε απευθείας με την ομάδα μας στο <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="9deff8eef8efebddfcebfcf3fef8b3faef">[email protected]</a> / 0030 2109200100. Εναλλακτικά, παρακαλούμε τροποποιήστε τα κριτήρια αναζήτησης σας και δοκιμάστε ξανά! </div> </template> <template x-if="bookingForm.showWheelsNoResultsError && checkIfDurationIsOver30Days(bookingForm.pickUpDateTime, bookingForm.dropOffDateTime)"> <div class="paragraph-no-margin flex flex-col items-center px-6 py-5 mt-10 text-lg font-bold leading-loose bg-white border-2 border-primary-400 md:text-base text-primary-400 justify-left md:justify-start leading-"> <p><span class="mr-2"><strong>For rentals over 30 days</strong>, please contact our reservation department at</span><a title="call us" href="tel:+30 210 9200100">+30 210 9200100</a><span class="mx-2">or by email at <a class="ql-link" href="/cdn-cgi/l/email-protection#91a0fcfeffe5f9e1fde4e2d1f0e7f0fff2f4bff6e3" target="_blank" rel="noopener noreferrer"><span class="__cf_email__" data-cfemail="a293cfcdccd6cad2ced7d1e2c3d4c3ccc1c78cc5d0">[email protected]</span></a></span></p> </div> </template> <div class="flex items-center sm:justify-between mt-16 flex-wrap sm:flex-nowrap gap-3"> <button type="button" @click.debounch="toggleFacetesDrawer()" class="!px-2 !py-2 md:!px-5 md:!py-2 btn-md btn-outlined-primary flex sm:items-center justify-center sm:justify-between w-full sm:w-auto"> <svg width="20" height="20" viewbox="0 0 20 20" fill="none"> <path d="M14.9999 11.6668V3.3335V11.6668Z" fill="currentColor"/> <path d="M9.99992 5.00016V3.3335M9.99992 5.00016C9.55789 5.00016 9.13397 5.17576 8.82141 5.48832C8.50885 5.80088 8.33325 6.2248 8.33325 6.66683C8.33325 7.10886 8.50885 7.53278 8.82141 7.84534C9.13397 8.1579 9.55789 8.3335 9.99992 8.3335M9.99992 5.00016C10.4419 5.00016 10.8659 5.17576 11.1784 5.48832C11.491 5.80088 11.6666 6.2248 11.6666 6.66683C11.6666 7.10886 11.491 7.53278 11.1784 7.84534C10.8659 8.1579 10.4419 8.3335 9.99992 8.3335M9.99992 8.3335V16.6668M4.99992 15.0002C5.44195 15.0002 5.86587 14.8246 6.17843 14.512C6.49099 14.1994 6.66659 13.7755 6.66659 13.3335C6.66659 12.8915 6.49099 12.4675 6.17843 12.155C5.86587 11.8424 5.44195 11.6668 4.99992 11.6668M4.99992 15.0002C4.55789 15.0002 4.13397 14.8246 3.82141 14.512C3.50885 14.1994 3.33325 13.7755 3.33325 13.3335C3.33325 12.8915 3.50885 12.4675 3.82141 12.155C4.13397 11.8424 4.55789 11.6668 4.99992 11.6668M4.99992 15.0002V16.6668M4.99992 11.6668V3.3335M14.9999 15.0002C15.4419 15.0002 15.8659 14.8246 16.1784 14.512C16.491 14.1994 16.6666 13.7755 16.6666 13.3335C16.6666 12.8915 16.491 12.4675 16.1784 12.155C15.8659 11.8424 15.4419 11.6668 14.9999 11.6668M14.9999 15.0002C14.5579 15.0002 14.134 14.8246 13.8214 14.512C13.5088 14.1994 13.3333 13.7755 13.3333 13.3335C13.3333 12.8915 13.5088 12.4675 13.8214 12.155C14.134 11.8424 14.5579 11.6668 14.9999 11.6668M14.9999 15.0002V16.6668M14.9999 11.6668V3.3335" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> <span class="block" data-no-translation="" data-trp-gettext="">ΦΙΛΤΡΑ</span> </button> <div class="w-full md:w-1/2 flex sm:justify-end"> <div x-cloak x-show="!productsLoading && filteredProducts.length > 0" class="items-center flex justify-end w-full sm:w-auto"> <div class="btn-md !bg-white btn-outlined-primary flex items-center justify-center sm:justify-between h-11 w-full"> <template x-if="bookingForm.wheelsResponse !== null"> <select @change.debounce="calculateOrderBy($event.target)" class="bg-white text-primary-400 !outline-0"> <option value="default" :selected="orderBy == 'default'">Προεπιλογή</option> <option value="date" :selected="orderBy == 'date'">Τελευταίες αφίξεις</option> <option value="price" :selected="orderBy == 'price'" selected>Τιμή Αύξουσα</option> <option value="price-desc" :selected="orderBy == 'price-desc'">Τιμή φθίνουσα</option> </select> </template> <template x-if="bookingForm.wheelsResponse === null"> <select @change.debounce="calculateOrderBy($event.target)" class="bg-white text-primary-400 !outline-0"> <option value="date" :selected="orderBy == 'date'">Τελευταίες αφίξεις</option> </select> </template> </div> </div> <div x-show="productsLoading" class="items-center flex justify-end" style="width:144px; height:46px;"> <div class="animate-pulse bg-slate-200 w-full h-full rounded-full"></div> </div> </div> </div> <div class="hidden lg:block"> <div id="active-filter-wrap" class="w-full lg:w-auto flex flex-wrap"> <template x-for="(activeFilterValue, activeFilterKey) in activeFilters"> <div class="flex flex-wrap py-5 lg:py-0"> <template x-if="activeFilterKey == 'taxonomies'"> <template x-for="(taxonomy, taxonomyKey) in activeFilters[activeFilterKey]"> <template x-for="term in taxonomy"> <div @click="removeActiveFilterTaxonomyTerm(taxonomyKey,term)" class="uppercase group flex flex-shrink-0 mx-1.5 my-1.5 items-center text-sm py-3 px-4 cursor-pointer transition duration-300 ease-in-out btn-md btn-outlined-primary hover:!bg-red-600 hover:!border-red-600"> <span x-text="document.getElementById(taxonomyKey+'-heading').dataset?.termsasbool ? term.name == 1 ? 'WITH '+document.getElementById(taxonomyKey+'-heading').innerText : 'WITHOUT '+document.getElementById(taxonomyKey+'-heading').innerText : term.name + ' ' + document.getElementById(taxonomyKey+'-heading').innerText"> </span> <svg stroke="currentColor" fill="currentColor" stroke-width="0" viewbox="0 0 512 512" class="flex-shrink-0 ml-2" height="1em" width="1em"> <path d="M289.94 256l95-95A24 24 0 00351 127l-95 95-95-95a24 24 0 00-34 34l95 95-95 95a24 24 0 1034 34l95-95 95 95a24 24 0 0034-34z"> </path> </svg> </div> </template> </template> </template> <template x-if="activeFilterKey == 'on_sale'"> <div @click="removeActiveFilterByKey(activeFilterKey)" class="uppercase group flex flex-shrink-0 mx-1.5 my-1.5 items-center text-xs py-3 px-4 cursor-pointer transition duration-300 ease-in-out btn-md btn-outlined-primary hover:!bg-red-600 hover:!border-red-600"> <span x-text="'on sale'"></span> <svg stroke="currentColor" fill="currentColor" stroke-width="0" viewbox="0 0 512 512" class="flex-shrink-0 ml-2" height="1em" width="1em"> <path d="M289.94 256l95-95A24 24 0 00351 127l-95 95-95-95a24 24 0 00-34 34l95 95-95 95a24 24 0 1034 34l95-95 95 95a24 24 0 0034-34z"> </path> </svg> </div> </template> <template x-if="activeFilterKey == 'price_range'"> <div @click="removeActiveFilterByKey(activeFilterKey)" class="uppercase group flex flex-shrink-0 mx-1.5 my-1.5 items-center text-xs py-3 px-4 cursor-pointer transition duration-300 ease-in-out btn-md btn-outlined-primary hover:!bg-red-600 hover:!border-red-600"> <span x-text="'price range'"></span> <svg stroke="currentColor" fill="currentColor" stroke-width="0" viewbox="0 0 512 512" class="flex-shrink-0 ml-2" height="1em" width="1em"> <path d="M289.94 256l95-95A24 24 0 00351 127l-95 95-95-95a24 24 0 00-34 34l95 95-95 95a24 24 0 1034 34l95-95 95 95a24 24 0 0034-34z"> </path> </svg> </div> </template> </div> </template> </div> </div> </div> <div x-ref="shopSidebar" @click.outside="toggleFacetesDrawer()" x-cloak x-show="showShopSidebar" x-transition:enter="transition ease-out duration-300" x-transition:enter-start="opacity-0 transform -translate-x-full" x-transition:enter-end="opacity-100 transform translate-x-0" x-transition:leave="transition ease-in duration-300" x-transition:leave-start="opacity-100 transform translate-x-0" x-transition:leave-end="opacity-0 transform -translate-x-full" class="fixed top-0 left-0 w-full md:max-w-80 h-screen z-[99]"> <div class="h-full"> <div class="flex flex-wrap noselect bg-white h-full"> <div class="w-full h-full"> <div class="flex justify-between bg-primary-400 px-6 py-3"> <div class="flex items-center justify-between"> <h2 class="flex items-center font-bold mb-0 text-lg text-white" data-no-translation="" data-trp-gettext="">Φίλτρα</h2> </div> <button @click="closeFaceteDrawer()" class="text-white hover:text-blue-300 transtition flex items-center justify-center" aria-label="close"> <svg width="27" height="27" viewbox="0 0 27 27" fill="none"> <path d="M19.9946 20.4891C20.0601 20.5503 20.1467 20.5841 20.2366 20.5833C20.3283 20.5825 20.4161 20.5457 20.481 20.4808C20.5459 20.4159 20.5827 20.3281 20.5835 20.2363C20.5843 20.1465 20.5505 20.0599 20.4893 19.9944L14.7019 14.207L13.9948 13.4999L14.7019 12.7928L20.4974 6.99723L20.5036 6.99109L20.5098 6.98505C20.5433 6.95276 20.5699 6.91414 20.5883 6.87145L20.5883 6.87144C20.6066 6.82874 20.6163 6.78281 20.6167 6.73634C20.6171 6.68987 20.6082 6.64379 20.5906 6.60077L20.5906 6.60077C20.573 6.55775 20.547 6.51867 20.5142 6.48581C20.4813 6.45295 20.4422 6.42696 20.3992 6.40936C20.3562 6.39177 20.3101 6.38291 20.2636 6.38331C20.2172 6.38372 20.1712 6.39337 20.1285 6.41172C20.0858 6.43006 20.0472 6.45672 20.0149 6.49015L20.0089 6.4964L20.0028 6.50255L14.2072 12.2981L13.5001 13.0052L12.793 12.2981L6.99755 6.50265C6.99752 6.50262 6.99748 6.50258 6.99744 6.50255C6.93182 6.437 6.84286 6.40018 6.7501 6.40018C6.65735 6.40018 6.56838 6.437 6.50276 6.50255C6.50272 6.50258 6.50269 6.50262 6.50265 6.50265M19.9946 20.4891L6.50265 6.50265M19.9946 20.4891L14.2072 14.7017L13.5001 13.9946L12.793 14.7017L7.00559 20.4891C6.94006 20.5503 6.85347 20.5841 6.76365 20.5833C6.67188 20.5825 6.5841 20.5457 6.5192 20.4808C6.45431 20.4159 6.4175 20.3281 6.4167 20.2363C6.41592 20.1465 6.4497 20.0599 6.5109 19.9944L12.2983 14.207L13.0054 13.4999L12.2983 12.7928L6.50287 6.99734M19.9946 20.4891L6.50287 6.99734M6.50265 6.50265C6.43717 6.56827 6.40039 6.65718 6.40039 6.74989C6.40039 6.84265 6.43721 6.93161 6.50276 6.99723M6.50265 6.50265L6.50276 6.99723M6.50276 6.99723C6.50279 6.99727 6.50283 6.9973 6.50287 6.99734M6.50276 6.99723L6.50287 6.99734" fill="currentColor" stroke="currentColor" stroke-width="2"/> </svg> </button> </div> <div class="filterboxes h-[calc(100%_-_192px)] xl:h-[calc(100%_-_52px)] overflow-y-auto custom-scrollbar p-6"> <div x-cloak x-show="!filtersLoading" style ="display: none!important;"> <div id="alpine-shop-facetes" class="relative w-full h-full overflow-y-auto bg-white" tabindex="-1"> <div class="flex flex-col justify-between flex-1"> <template x-for="facete in facetes"> <div> <template x-if="facete.terms && facete.terms.length"> <div> <template x-if="facete.type == 'taxonomy' && facete.template == 'list' && facete.taxonomy != 'product_cat'"> <div class="facete-wrapper border-0"> <h2 :id="facete.taxonomy + '-heading'" :data-termsasbool="facete?.terms_as_boolean ?? false" class="facete-heading mb-0"> <button type="button" class="flex items-center justify-between w-full py-[10px] border-b-2 border-primary-300 text-lg text-primary-300 font-semibold" aria-expanded="false"> <span x-text="facete.label"></span> <svg aria-hidden="true" class="shrink-0 rotate-180" width="27" height="28" viewbox="0 0 27 28" fill="none"> <path d="M5.625 16.8896L13.5 9.01465L21.375 16.8896" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </button> </h2> <div :aria-labelledby="facete.taxonomy + '-heading'" class="facete-body hidden"> <template x-if="facete.enable_search"> <div class="relative mx-4"> <div class="absolute inset-y-0 left-0 flex items-center pl-3 pointer-events-none"> <svg aria-hidden="true" class="w-5 h-5 text-black" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"></path> </svg> </div> <input type="search" :id="facete.taxonomy + '-search'" class="block w-full !p-2 !pl-10 !h-auto text-sm text-[#229E44] border-0 rounded bg-gray-50 focus:ring-gray-600 focus:border-0" style="box-shadow: none;" :placeholder="'Search for '+facete.label"> </div> </template> <div class="pb-6 pt-3 font-semibold"> <div class="space-y-2 xl:max-h-[500px] xl:overflow-auto custom-scrollbar"> <template x-for="term in facete.terms"> <div class="flex items-center"> <input :id="facete.taxonomy+'-'+term.term_id" @change.debounce="calculateTaxonomy(facete.taxonomy,term)" :checked="activeFilters.hasOwnProperty('taxonomies') && activeFilters.taxonomies.hasOwnProperty(facete.taxonomy) && activeFilters.taxonomies[facete.taxonomy].includes(term)" type="checkbox" value="" class="cursor-pointer w-5 h-5 border-0 focus:border-0 rounded-full text-[#229E44] focus:ring-0" style="box-shadow: none;"/> <template x-if="facete.hasOwnProperty('terms_as_boolean') && facete.terms_as_boolean == true"> <label :for="facete.taxonomy+'-'+term.term_id" class="cursor-pointer ml-3 text-base font-semibold" x-text="term.name == 1 ? 'Yes' : 'No'"> </label> </template> <template x-if="!facete.hasOwnProperty('terms_as_boolean') || facete.terms_as_boolean == false"> <label :for="facete.taxonomy+'-'+term.term_id" class="cursor-pointer ml-3 text-base font-semibold" x-text="term.name"> </label> </template> </div> </template> </div> </div> </div> </div> </template> <template x-if="facete.type == 'taxonomy' && facete.template == 'color-list'"> <div class="facete-wrapper border-0"> <h2 :id="facete.taxonomy + '-heading'" class="facete-heading mb-0"> <button type="button" class="flex items-center justify-between w-full py-[10px] border-b-2 border-primary-300 text-lg text-primary-300 font-semibold" aria-expanded="false"> <span x-text="facete.label"></span> <svg aria-hidden="true" class="shrink-0 rotate-180" width="27" height="28" viewbox="0 0 27 28" fill="none"> <path d="M5.625 16.8896L13.5 9.01465L21.375 16.8896" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </button> </h2> <div :aria-labelledby="facete.taxonomy + '-heading'" class="facete-body hidden"> <template x-if="facete.enable_search"> <div class="relative mx-4"> <div class="absolute inset-y-0 left-0 flex items-center pl-3 pointer-events-none"> <svg aria-hidden="true" class="w-5 h-5 text-black" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"></path> </svg> </div> <input type="search" :id="facete.taxonomy + '-search'" class="block w-full !p-2 !pl-10 !h-auto text-sm text-[#229E44] border-0 rounded bg-gray-50 focus:ring-gray-600 focus:border-0" style="box-shadow: none;" :placeholder="'Search for '+facete.label"> </div> </template> <div class="pb-6 pt-3 font-semibold"> <div class="space-y-2 xl:max-h-[500px] xl:overflow-auto custom-scrollbar"> <template x-for="term in facete.terms"> <div class="flex items-center"> <input :id="facete.taxonomy+'-'+term.term_id" @change.debounce="calculateTaxonomy(facete.taxonomy,term)" :checked="activeFilters.hasOwnProperty('taxonomies') && activeFilters.taxonomies.hasOwnProperty(facete.taxonomy) && activeFilters.taxonomies[facete.taxonomy].includes(term)" type="checkbox" value="" class="cursor-pointer w-5 h-5 border-0 focus:border-0 rounded-full text-[#229E44] focus:ring-0" style="box-shadow: none;"/> <label :for="facete.taxonomy+'-'+term.term_id" class="cursor-pointer flex items-center ml-3 text-base font-semibold"> <div :style="'background:'+term.hexcolor+';'" class="h-3.5 w-3.5 rounded-full mr-2"></div> <span x-text="term.name"><span> </label> </div> </template> </div> </div> </div> </div> </template> </div> </template> <template x-if="facete.template == 'price_range' && priceRangeMaxPrice > 0"> <div class="facete-wrapper border-0"> <h2 :id="facete.type + '-heading'" class="facete-heading mb-0"> <button type="button" class="flex items-center justify-between w-full py-[10px] border-b-2 border-primary-300 text-lg text-primary-300 font-semibold" aria-expanded="false"> <span x-text="facete.label"></span> <svg aria-hidden="true" class="shrink-0 rotate-180" width="27" height="28" viewbox="0 0 27 28" fill="none"> <path d="M5.625 16.8896L13.5 9.01465L21.375 16.8896" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </button> </h2> <div :id="facete.type + '-body'" :aria-labelledby="facete.type + '-heading'" class="facete-body hidden"> <div class="pb-6 pt-3 font-semibold"> <div class="px-2 grid grid-cols-2 gap-3"> <div class="flex items-center"> <input id="price-range-min-price" @change="calculatePriceRange()" type="range" min="0" :max="priceRangeMaxPrice" :value="activeFilters.hasOwnProperty(facete.type) ? activeFilters[facete.type].min : 0" step="1" class="w-full h-2 bg-gray-200 accent-[#229E44] rounded cursor-pointer"> </div> <div class="flex items-center"> <input id="price-range-max-price" @change="calculatePriceRange()" type="range" min="0" :max="priceRangeMaxPrice" :value="activeFilters.hasOwnProperty(facete.type) ? activeFilters[facete.type].max : 0" step="1" class="w-full h-2 bg-gray-200 accent-[#229E44] rounded cursor-pointer"> </div> <div class="flex items-center justify-between space-x-2 md:col-span-2"> <div class="w-full"> <label for="price-range-min-label" class="block mb-2 text-sm font-medium text-gray-900"> From <span id="price-range-min-label" x-text="activeFilters.hasOwnProperty(facete.type) ? activeFilters[facete.type].min : 0"></span> <span>€</span> </label> </div> <div class="w-full"> <label for="price-range-max-label" class="block mb-2 text-sm font-medium text-gray-900"> To <span id="price-range-max-label" x-text="activeFilters.hasOwnProperty(facete.type) ? activeFilters[facete.type].max : 0"></span> <span>€</span> </label> </div> </div> </div> </div> </div> </div> </template> <template x-if="facete.template == 'switch' && priceRangeMaxPrice > 0"> <div class="facete-wrapper border-0"> <h2 :id="facete.type + '-heading'" class="facete-heading mb-0"> <button type="button" class="flex items-center justify-between w-full py-[10px] border-b-2 border-primary-300 text-lg text-primary-300 font-semibold" aria-expanded="false"> <span x-text="facete.label"></span> <svg aria-hidden="true" class="shrink-0 rotate-180" width="27" height="28" viewbox="0 0 27 28" fill="none"> <path d="M5.625 16.8896L13.5 9.01465L21.375 16.8896" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </button> </h2> <div :id="facete.type + '-body'" :aria-labelledby="facete.type + '-heading'" class="facete-body hidden"> <div class="px-7 py-5 space-y-2 font-light"> <div> <label class="relative inline-flex items-center cursor-pointer"> <input :id="facete.type" type="checkbox" value="" class="sr-only peer" :checked="$data.activeFilters.hasOwnProperty(facete.type) && $data.activeFilters[facete.type]" @change.debounce="calculateSwitch(facete.type)"> <div class="w-11 h-6 bg-gray-200 peer-focus:outline-none peer-focus:ring-4 peer-focus:ring-bg-[#229E44] dark:peer-focus:ring-bg-[#229E44] rounded-full peer peer-checked:after:translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-[2px] after:left-[2px] after:bg-white after:border-0 after:rounded-full after:h-5 after:w-5 after:transition-all peer-checked:bg-[#229E44]"> </div> <span class="ml-3 text-sm font-medium text-gray-900 dark:text-gray-300" x-text="facete.label"></span> </label> </div> </div> </div> </div> </template> </div> </template> <div class="hidden xl:flex items-center justify-between w-full"> <button x-show="Object.keys(activeFilters).length > 0" x-cloak style="display" @click="clearFilters()" id="alpine-shop-clear-filters" class="btn-md btn-outlined-primary w-full items-center cursor-pointer transition ease-in-out duration-300 font-semibold text-center flex items-center justify-center" aria-label="Clear All"> Clear Filters <svg aria-hidden="true" class="w-5 h-5" viewbox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd" fill="currentColor"></path> </svg> </button> </div> </div> </div> </div> <div x-show="filtersLoading"> <div id="alpine-shop-facetes-loader" class="mt-4"> <div class="px-2"> <div class="animate-pulse h-14 bg-slate-200 rounded mb-4"></div> </div> <div class="px-2"> <div class="animate-pulse h-14 bg-slate-200 rounded mb-4"></div> </div> <div class="px-2"> <div class="animate-pulse h-14 bg-slate-200 rounded mb-4"></div> </div> <div class="px-2"> <div class="animate-pulse h-14 bg-slate-200 rounded mb-4"></div> </div> <div class="px-2"> <div class="animate-pulse h-14 bg-slate-200 rounded mb-4"></div> </div> <div class="px-2"> <div class="animate-pulse h-14 bg-slate-200 rounded mb-4"></div> </div> <div class="px-2"> <div class="animate-pulse h-14 bg-slate-200 rounded mb-4"></div> </div> <div class="px-2"> <div class="animate-pulse h-14 bg-slate-200 rounded mb-4"></div> </div> <div class="px-2"> <div class="animate-pulse h-14 bg-slate-200 rounded mb-4"></div> </div> <div class="px-2"> <div class="animate-pulse h-14 bg-slate-200 rounded mb-4"></div> </div> </div> </div> </div> </div> <div class="xl:hidden w-full absolute bottom-0 py-4 px-5 bg-white"> <div class="mobile-filters-actions grid gap-7"> <button type="button" @click="clearFilters(); closeFaceteDrawer()" class="btn-md btn-outlined-primary w-full items-center cursor-pointer transition ease-in-out duration-300 font-semibold text-center flex items-center justify-center"> RESET FILTERS <svg width="20" height="21" viewbox="0 0 20 21" fill="none"> <path d="M4.5 5.11565V6.33991L5.35705 5.46567C6.12967 4.67755 7.0902 4.09907 8.14815 3.78472C9.20611 3.47037 10.3267 3.4305 11.4043 3.66885C12.4819 3.90721 13.4811 4.41595 14.3078 5.14717C15.1345 5.87838 15.7615 6.80799 16.1296 7.84844L16.1295 7.84851L16.1345 7.86152C16.1585 7.9239 16.1698 7.99047 16.1677 8.05729C16.1656 8.12411 16.1501 8.18983 16.1221 8.25055C16.0941 8.31128 16.0543 8.36578 16.0049 8.41083C15.9555 8.45588 15.8976 8.49056 15.8345 8.51284C15.7715 8.53511 15.7046 8.54451 15.6379 8.54049C15.5712 8.53647 15.5059 8.51911 15.446 8.48943C15.3861 8.45975 15.3327 8.41836 15.2891 8.36771C15.2455 8.31705 15.2124 8.25816 15.192 8.19452L15.1898 8.18767L15.1874 8.18088C14.8553 7.24241 14.2749 6.4116 13.5079 5.777C12.741 5.14239 11.8162 4.72775 10.8321 4.57728C9.84811 4.4268 8.84168 4.54611 7.9201 4.92251C6.99853 5.2989 6.19634 5.91828 5.59902 6.71463L4.99894 7.51465H5.999H9C9.13261 7.51465 9.25978 7.56733 9.35355 7.6611C9.44732 7.75486 9.5 7.88204 9.5 8.01465C9.5 8.14726 9.44732 8.27443 9.35355 8.3682C9.25978 8.46197 9.13261 8.51465 9 8.51465H4C3.86739 8.51465 3.74021 8.46197 3.64645 8.3682C3.55268 8.27443 3.5 8.14726 3.5 8.01465V3.01465C3.5 2.88204 3.55268 2.75486 3.64645 2.6611C3.74021 2.56733 3.86739 2.51465 4 2.51465C4.13261 2.51465 4.25979 2.56733 4.35355 2.66109C4.44732 2.75486 4.5 2.88204 4.5 3.01465V5.11565ZM4.1754 11.5428C4.23706 11.5211 4.30237 11.5118 4.36763 11.5153C4.43321 11.5188 4.49745 11.5351 4.5567 11.5635C4.61594 11.5918 4.66903 11.6315 4.71292 11.6803C4.75682 11.7292 4.79066 11.7862 4.81252 11.8481L4.81263 11.8484C5.14467 12.7869 5.7251 13.6177 6.49207 14.2523C7.25904 14.8869 8.18382 15.3015 9.16786 15.452C10.1519 15.6025 11.1583 15.4832 12.0799 15.1068C13.0015 14.7304 13.8037 14.111 14.401 13.3147L15.0011 12.5146H14.001H11C10.8674 12.5146 10.7402 12.462 10.6464 12.3682C10.5527 12.2744 10.5 12.1473 10.5 12.0146C10.5 11.882 10.5527 11.7549 10.6464 11.6611C10.7402 11.5673 10.8674 11.5146 11 11.5146H16C16.1326 11.5146 16.2598 11.5673 16.3536 11.6611C16.4473 11.7549 16.5 11.882 16.5 12.0146V17.0146C16.5 17.1473 16.4473 17.2744 16.3536 17.3682C16.2598 17.462 16.1326 17.5146 16 17.5146C15.8674 17.5146 15.7402 17.462 15.6464 17.3682C15.5527 17.2744 15.5 17.1473 15.5 17.0146V14.9136V13.6894L14.643 14.5636C13.8703 15.3517 12.9098 15.9302 11.8518 16.2446C10.7939 16.5589 9.67333 16.5988 8.5957 16.3604C7.51808 16.1221 6.51886 15.6133 5.69217 14.8821C4.86548 14.1509 4.23853 13.2213 3.87036 12.1809C3.84856 12.119 3.83913 12.0535 3.84262 11.988C3.84611 11.9224 3.86249 11.8582 3.89081 11.799C3.91913 11.7397 3.95885 11.6866 4.00769 11.6427C4.05653 11.5988 4.11354 11.565 4.17545 11.5431L4.1754 11.5428Z" fill="white" stroke="currentColor"/> </svg> </button> <button type="button" @click="closeFaceteDrawer()" class="btn-md btn-solid-primary w-full items-center cursor-pointer transition ease-in-out duration-300 font-semibold text-center flex items-center justify-center"> SHOW RESULTS <svg width="20" height="21" viewbox="0 0 20 21" fill="none"> <path d="M15.7931 10.5144L14.9396 11.368L10.6501 15.6574C10.5606 15.7514 10.5112 15.8766 10.5123 16.0065C10.5134 16.1376 10.566 16.263 10.6587 16.3557C10.7514 16.4484 10.8768 16.501 11.0079 16.5021C11.1378 16.5033 11.263 16.4538 11.357 16.3643L17.3534 10.3679C17.3534 10.3679 17.3534 10.3679 17.3534 10.3679C17.4471 10.2741 17.4998 10.147 17.4998 10.0144C17.4998 9.88188 17.4471 9.75475 17.3534 9.66099L15.7931 10.5144ZM15.7931 10.5144H14.586H3C2.86739 10.5144 2.74021 10.4618 2.64645 10.368C2.55268 10.2742 2.5 10.147 2.5 10.0144C2.5 9.88183 2.55268 9.75465 2.64645 9.66088C2.74021 9.56711 2.86739 9.51443 3 9.51443H14.586H15.7931L14.9396 8.66088L10.6466 4.36793C10.6466 4.36792 10.6466 4.3679 10.6466 4.36788C10.5529 4.27412 10.5002 4.14699 10.5002 4.01443C10.5002 3.8819 10.5528 3.75479 10.6465 3.66104C10.7403 3.56731 10.8674 3.51465 11 3.51465C11.1326 3.51465 11.2597 3.56729 11.3534 3.66099C11.3535 3.66101 11.3535 3.66102 11.3535 3.66104L17.3534 9.66094L15.7931 10.5144Z" fill="currentColor" stroke="white"/> </svg> </button> </div> </div> </div> </div> </div> <div class="mt-10"> <template x-if="!productsLoading && filteredProducts.length > 0"> <div id="alpine-shop-products-container" class="grid lg:grid-cols-2 xl:grid-cols-3 gap-12"> <template x-for="product in filteredProducts"> <div class="block group border-2 border-primary-300 rounded-3xl overflow-hidden p-8 2xl:p-9"> <div class="pb-3.5 mb-3.5 flex flex-wrap border-b-2 border-primary-300"> <h2 class="font-extrabold text-xl md:text-2xl w-full mb-1.5 h-14 md:h-8 lg:h-16" x-text="product.name.replace(' or similar', '')"></h2> <div class="w-full text-primary-400 flex flex-wrap items-center justify-between"> <div x-show="bookingForm?.wheelsResponse != null" class="w-full sm:w-auto text-sm text-primary-300 font-medium"> ή παρόμοιο <span x-text="product.availability == 'AVAILABLE' ? '(Available)' : '(On Request)'"></span> </div> <div x-show="bookingForm?.wheelsResponse != null" class="w-full sm:w-auto mt-2.5 md:mt-0"> <template x-if="product.code != '' && product.acriss != ''"> <button @click="openAcrissCodeDescModal()" type="button" class="flex items-center gap-1 text-sm font-semibold"> <span x-text="'Group '+product.code+' - '+product.acriss" class="font-semibold uppercase"></span> <svg width="16" height="16" viewbox="0 0 16 16" fill="none"> <path d="M8.80016 2.3999C8.58799 2.3999 8.38451 2.48419 8.23448 2.63422C8.08445 2.78425 8.00016 2.98773 8.00016 3.1999C8.00016 3.41208 8.08445 3.61556 8.23448 3.76559C8.38451 3.91562 8.58799 3.9999 8.80016 3.9999H10.869L5.83456 9.0343C5.75815 9.1081 5.69721 9.19638 5.65528 9.29398C5.61335 9.39158 5.59129 9.49656 5.59036 9.60278C5.58944 9.709 5.60968 9.81435 5.64991 9.91266C5.69013 10.011 5.74953 10.1003 5.82465 10.1754C5.89976 10.2505 5.98908 10.3099 6.0874 10.3502C6.18572 10.3904 6.29106 10.4106 6.39728 10.4097C6.50351 10.4088 6.60848 10.3867 6.70609 10.3448C6.80369 10.3029 6.89197 10.2419 6.96576 10.1655L12.0002 5.1311V7.1999C12.0002 7.41208 12.0844 7.61556 12.2345 7.76559C12.3845 7.91562 12.588 7.9999 12.8002 7.9999C13.0123 7.9999 13.2158 7.91562 13.3658 7.76559C13.5159 7.61556 13.6002 7.41208 13.6002 7.1999V3.1999C13.6002 2.98773 13.5159 2.78425 13.3658 2.63422C13.2158 2.48419 13.0123 2.3999 12.8002 2.3999H8.80016Z" fill="currentColor" /> <path d="M3.9999 4C3.57556 4 3.16859 4.16857 2.86853 4.46863C2.56847 4.76869 2.3999 5.17565 2.3999 5.6V12C2.3999 12.4243 2.56847 12.8313 2.86853 13.1314C3.16859 13.4314 3.57556 13.6 3.9999 13.6H10.3999C10.8242 13.6 11.2312 13.4314 11.5313 13.1314C11.8313 12.8313 11.9999 12.4243 11.9999 12V9.6C11.9999 9.38783 11.9156 9.18434 11.7656 9.03431C11.6156 8.88429 11.4121 8.8 11.1999 8.8C10.9877 8.8 10.7842 8.88429 10.6342 9.03431C10.4842 9.18434 10.3999 9.38783 10.3999 9.6V12H3.9999V5.6H6.3999C6.61208 5.6 6.81556 5.51571 6.96559 5.36569C7.11562 5.21566 7.1999 5.01217 7.1999 4.8C7.1999 4.58783 7.11562 4.38434 6.96559 4.23431C6.81556 4.08429 6.61208 4 6.3999 4H3.9999Z" fill="currentColor" /> </svg> </button> </template> </div> </div> </div> <div class="flex flex-wrap justify-start gap-x-5 gap-y-2"> <template x-if="product.hasOwnProperty('pa_gear') && product.pa_gear.length > 0"> <div class="text-sm flex items-center gap-2 font-semibold text-primary-400"> <svg width="14" height="14" viewbox="0 0 26 26" fill="none"> <path d="M3.62967 6.59015C5.26463 6.59015 6.59002 5.26475 6.59002 3.62979C6.59002 1.99483 5.26463 0.669434 3.62967 0.669434C1.99471 0.669434 0.669312 1.99483 0.669312 3.62979C0.669312 5.26475 1.99471 6.59015 3.62967 6.59015Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M3.62967 25.3309C5.26463 25.3309 6.59002 24.0055 6.59002 22.3705C6.59002 20.7356 5.26463 19.4102 3.62967 19.4102C1.99471 19.4102 0.669312 20.7356 0.669312 22.3705C0.669312 24.0055 1.99471 25.3309 3.62967 25.3309Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M3.62964 6.59033V19.2396" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M13 6.59015C14.635 6.59015 15.9604 5.26475 15.9604 3.62979C15.9604 1.99483 14.635 0.669434 13 0.669434C11.3651 0.669434 10.0397 1.99483 10.0397 3.62979C10.0397 5.26475 11.3651 6.59015 13 6.59015Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M13 25.3309C14.635 25.3309 15.9604 24.0055 15.9604 22.3705C15.9604 20.7356 14.635 19.4102 13 19.4102C11.3651 19.4102 10.0397 20.7356 10.0397 22.3705C10.0397 24.0055 11.3651 25.3309 13 25.3309Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M13 6.59033V19.2396" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M22.3704 6.59015C24.0053 6.59015 25.3307 5.26475 25.3307 3.62979C25.3307 1.99483 24.0053 0.669434 22.3704 0.669434C20.7354 0.669434 19.41 1.99483 19.41 3.62979C19.41 5.26475 20.7354 6.59015 22.3704 6.59015Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M3.85791 12.8764H20.6469C21.113 12.8764 21.5601 12.6912 21.8897 12.3616C22.2193 12.032 22.4045 11.585 22.4045 11.1188V6.74219" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> <span x-text="product.pa_gear == 'Manual' ? 'M' : 'A'"></span> </div> </template> <template x-if="product.hasOwnProperty('pa_fuel') && product.pa_fuel.length > 0"> <div class="text-sm flex items-center gap-2 font-semibold text-primary-400"> <svg width="14" height="14" viewbox="0 0 26 26" fill="none"> <path d="M2.39575 22.3887H21.9777C22.1858 22.3885 22.3918 22.4221 22.5841 22.4875C22.7763 22.5529 22.9511 22.6488 23.0982 22.7698C23.2454 22.8907 23.3622 23.0344 23.4418 23.1925C23.5215 23.3506 23.5625 23.5201 23.5625 23.6913V25.2776H0.8125V23.6913C0.8125 23.3458 0.979306 23.0145 1.27622 22.7702C1.57314 22.5259 1.97584 22.3887 2.39575 22.3887Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M4.51185 0.722168H19.8632C20.4133 0.722168 20.9409 0.90578 21.3299 1.23261C21.719 1.55944 21.9375 2.00272 21.9375 2.46493V22.3888H2.4375V2.46493C2.4375 2.00272 2.65605 1.55944 3.04506 1.23261C3.43408 0.90578 3.9617 0.722168 4.51185 0.722168Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M5.6875 3.61084V10.1108H10.0485C10.0485 9.64452 10.2648 9.1973 10.6498 8.86755C11.0349 8.53781 11.5571 8.35256 12.1017 8.35256C12.6462 8.35256 13.1685 8.53781 13.5535 8.86755C13.9386 9.1973 14.1549 9.64452 14.1549 10.1108H18.6875V3.61084H5.6875Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M15.2007 6.5L13.8125 8.28715" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M21.9375 13H2.4375" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M25.6271 6.86299L21.9221 3.71484V19.201H23.7754C24.0188 19.201 24.2599 19.1585 24.4848 19.0758C24.7098 18.993 24.9142 18.8717 25.0863 18.7187C25.2585 18.5657 25.3951 18.3841 25.4883 18.1842C25.5814 17.9843 25.6294 17.77 25.6294 17.5536L25.6271 6.86299Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M25.5794 8.35205H22.0339" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M25.6271 6.86299L21.9221 3.71484V19.201H23.7754C24.0188 19.201 24.2599 19.1585 24.4848 19.0758C24.7098 18.993 24.9142 18.8717 25.0863 18.7187C25.2585 18.5657 25.3951 18.3841 25.4883 18.1842C25.5814 17.9843 25.6294 17.77 25.6294 17.5536L25.6271 6.86299Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M25.5794 13.0176H22.0339" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> <span x-text="product.pa_fuel"></span> </div> </template> <template x-if="product.hasOwnProperty('pa_doors') && product['pa_doors'].length > 0"> <div class="text-sm flex items-center gap-2 font-semibold text-primary-400"> <svg width="14" height="14" viewbox="0 0 27 26" fill="none"> <path d="M12.5888 4.26807H4.36853V12.9118H21.0233L12.5888 4.26807Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M4.14893 16.4912C4.14893 17.1532 4.41431 17.7881 4.88669 18.2562C5.35907 18.7243 5.99975 18.9873 6.6678 18.9873C7.33585 18.9873 7.97653 18.7243 8.44891 18.2562C8.92129 17.7881 9.18667 17.1532 9.18667 16.4912H4.14893Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M25.4805 19.0416V11.718C25.4803 11.5373 25.4437 11.3586 25.373 11.192C25.3023 11.0255 25.1989 10.8746 25.0687 10.7482L15.5388 1.46097C15.0261 0.961361 14.3361 0.681006 13.617 0.680176H2.20662C1.84765 0.680176 1.5034 0.821517 1.24957 1.07304C0.99575 1.32457 0.853149 1.66571 0.853149 2.02142V23.9787C0.853149 24.3344 0.99575 24.6756 1.24957 24.9271C1.5034 25.1786 1.84765 25.3199 2.20662 25.3199H14.1792C15.4848 23.5179 17.1735 22.0218 19.1262 20.937C21.0788 19.8522 23.248 19.2052 25.4805 19.0416Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> <span x-text="product['pa_doors']"></span> </div> </template> <template x-if="product.hasOwnProperty('pa_persons') && product.pa_persons.length > 0"> <div class="text-sm flex items-center gap-2 font-semibold text-primary-400"> <svg width="14" height="14" viewbox="0 0 26 27" fill="none"> <path d="M12.95 16.0858C15.7633 16.0858 18.0439 13.8143 18.0439 11.0124C18.0439 8.2104 15.7633 5.93896 12.95 5.93896C10.1366 5.93896 7.85596 8.2104 7.85596 11.0124C7.85596 13.8143 10.1366 16.0858 12.95 16.0858Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M20.7786 22.64C18.6659 20.6416 15.8634 19.5273 12.9497 19.5273C10.0359 19.5273 7.23343 20.6416 5.12073 22.64" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M12.95 25.5944C19.7134 25.5944 25.1961 20.1338 25.1961 13.3978C25.1961 6.66178 19.7134 1.20117 12.95 1.20117C6.18664 1.20117 0.703857 6.66178 0.703857 13.3978C0.703857 20.1338 6.18664 25.5944 12.95 25.5944Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M25.0047 12.5938L12.0371 25.5089" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> <span x-text="product.pa_persons"></span> </div> </template> <template x-if="product.hasOwnProperty('pa_suitcases') && product.pa_suitcases.length > 0"> <div class="text-sm flex items-center gap-2 font-semibold text-primary-400"> <svg width="14" height="14" viewbox="0 0 27 27" fill="none"> <path d="M22.4735 4.88232H3.68646C2.07987 4.88232 0.777466 6.40179 0.777466 8.27615V22.3946C0.777466 24.2689 2.07987 25.7884 3.68646 25.7884H22.4735C24.0801 25.7884 25.3825 24.2689 25.3825 22.3946V8.27615C25.3825 6.40179 24.0801 4.88232 22.4735 4.88232Z" stroke="currentColor" stroke-width="2.018" stroke-linecap="round" stroke-linejoin="round"/> <path d="M10.7416 1.21289H15.4184C15.766 1.21289 16.0994 1.374 16.3452 1.66077C16.591 1.94755 16.7291 2.33649 16.7291 2.74205V4.81507H9.43091V2.74205C9.43091 2.33649 9.569 1.94755 9.81481 1.66077C10.0606 1.374 10.394 1.21289 10.7416 1.21289Z" stroke="currentColor" stroke-width="2.018" stroke-linecap="round" stroke-linejoin="round"/> <path d="M6.97608 25.0557L6.97607 5.55566" stroke="currentColor" stroke-width="2.018" stroke-linecap="round" stroke-linejoin="round"/> <path d="M19.3571 25.0557L19.3571 5.55566" stroke="currentColor" stroke-width="2.018" stroke-linecap="round" stroke-linejoin="round"/> </svg> <span x-text="product.pa_suitcases[0]"></span> </div> </template> <template x-if="product.hasOwnProperty('pa_cargo') && product.pa_cargo.length > 0 && product.pa_cargo[0] == '1'"> <div class="text-sm flex items-center gap-2 font-semibold text-primary-400"> <svg width="14" height="14" viewbox="0 0 27 26" fill="none"> <g clip-path="url(.clip0_3068_37646)"> <path d="M14.1355 1.80842C13.9415 1.73067 13.725 1.73067 13.531 1.80842L3.833 5.68729L7.7395 7.24892L17.7398 3.24979L14.1355 1.80842ZM19.927 4.12567L9.92675 8.12479L13.8333 9.68642L23.8335 5.68729L19.927 4.12567ZM25.2083 6.88817L14.6458 11.1132V23.9864L25.2083 19.7614V6.88979V6.88817ZM13.0208 23.988V11.1115L2.45825 6.88817V19.763L13.0208 23.988ZM12.9281 0.298794C13.5092 0.0664177 14.1573 0.0664177 14.7384 0.298794L26.323 4.93329C26.4736 4.99365 26.6027 5.09773 26.6937 5.23211C26.7846 5.3665 26.8332 5.52503 26.8333 5.68729V19.763C26.833 20.0878 26.7356 20.405 26.5534 20.6737C26.3712 20.9425 26.1127 21.1506 25.8111 21.271L14.1355 25.9413C13.9415 26.019 13.725 26.019 13.531 25.9413L1.857 21.271C1.55516 21.1508 1.29628 20.9429 1.1138 20.6741C0.931307 20.4053 0.833587 20.0879 0.833252 19.763V5.68729C0.83329 5.52503 0.881911 5.3665 0.972851 5.23211C1.06379 5.09773 1.19289 4.99365 1.3435 4.93329L12.9281 0.298794Z" fill="currentColor"/> </g> <defs> <clippath class="clip0_3068_37646"> <rect width="14" height="14" fill="none" transform="translate(0.833252)"/> </clippath> </defs> </svg> <span data-no-translation="" data-trp-gettext="">Φορτίο</span> </div> </template> <template x-if="product.hasOwnProperty('pa_aircondition') && product.pa_aircondition.length > 0 && product.pa_aircondition[0] == '1'"> <div class="text-sm flex items-center gap-2 font-semibold text-primary-400"> <svg width="14" height="14" viewbox="0 0 39 39" fill="none"> <g clip-path="url(.clip0_2930_111947)"> <path d="M21.084 8.5332C18.2566 8.5605 15.5543 9.70283 13.5645 11.7119C11.5748 13.7209 10.4586 16.4342 10.4586 19.2617C10.4586 22.0893 11.5748 24.8025 13.5645 26.8115C15.5543 28.8205 18.2566 29.9629 21.084 29.9902V8.5332Z" stroke="currentColor" stroke-width="2.018" stroke-linecap="round" stroke-linejoin="round"/> <path d="M21.191 1.6958V36.9338" stroke="currentColor" stroke-width="2.018" stroke-linecap="round" stroke-linejoin="round"/> <path d="M6.88203 19.3159H1.00903" stroke="currentColor" stroke-width="2.018" stroke-linecap="round" stroke-linejoin="round"/> <path d="M3.25098 8.85107L8.80398 12.1611" stroke="currentColor" stroke-width="2.018" stroke-linecap="round" stroke-linejoin="round"/> <path d="M10.9401 1.37598L14.0371 6.82198" stroke="currentColor" stroke-width="2.018" stroke-linecap="round" stroke-linejoin="round"/> <path d="M13.823 32.0229L11.047 37.0419" stroke="currentColor" stroke-width="2.018" stroke-linecap="round" stroke-linejoin="round"/> <path d="M8.59108 26.4702L3.67908 29.4602" stroke="currentColor" stroke-width="2.018" stroke-linecap="round" stroke-linejoin="round"/> <path d="M26.209 4.15186L21.511 7.14186" stroke="currentColor" stroke-width="2.018" stroke-linecap="round" stroke-linejoin="round"/> <path d="M21.4041 31.4888L26.2091 34.4788" stroke="currentColor" stroke-width="2.018" stroke-linecap="round" stroke-linejoin="round"/> <path d="M36.888 10.4531L21.511 19.4231" stroke="currentColor" stroke-width="2.018" stroke-linecap="round" stroke-linejoin="round"/> <path d="M37.101 28.0709L21.618 19.4219" stroke="currentColor" stroke-width="2.018" stroke-linecap="round" stroke-linejoin="round"/> <path d="M31.9761 7.46289V13.1219" stroke="currentColor" stroke-width="2.018" stroke-linecap="round" stroke-linejoin="round"/> <path d="M32.1901 25.189V30.955" stroke="currentColor" stroke-width="2.018" stroke-linecap="round" stroke-linejoin="round"/> <path d="M37.1021 22.519L32.1901 25.189" stroke="currentColor" stroke-width="2.018" stroke-linecap="round" stroke-linejoin="round"/> <path d="M36.995 16.0051L32.083 13.1221" stroke="currentColor" stroke-width="2.018" stroke-linecap="round" stroke-linejoin="round"/> </g> <defs> <clippath class="clip0_2930_111947"> <rect width="14" height="14" fill="none"/> </clippath> </defs> </svg> <span data-no-translation="" data-trp-gettext="">AC</span> </div> </template> </div> <div class=""> <div class="w-full aspect-[315/200] bg-white flex justify-center items-center overflow-hidden"> <img :src="product.image" :alt="product.name" class="mx-auto object-contain noselect"> </div> </div> <template x-if="product?.total_price_val"> <div class=""> <div class="text-center text-base lg:text-lg font-bold mb-4 pb-2.5 border-b border-primary-300">Συνολική τιμή για <span x-text="bookingForm?.wheelsResponse?.duration"></span> Ημέρες</div> <div :class=" bookingForm.wheelsResponseDiscounted !== null && bookingForm.wheelsResponseDiscounted && bookingForm.wheelsResponseDiscounted.hasOwnProperty('discount_code') && bookingForm.wheelsResponseDiscounted.discount_code !== '' && product.total_price_val_discounted ? 'justify-between' : 'justify-center' " class="flex flex-col gap-5 sm:flex-row"> <div class="flex justify-between gap-3 text-center text-primary-400 sm:w-64 sm:grid sm:justify-normal"> <div> <div class="font-bold text-3xl flex items-end justify-center"> <span x-html="product.total_price_val.replace('.', ',')"></span> <span class="font-bold text-xl lg:text-2xl relative">€</span> </div> <div class="mt-1 md:mt-3 font-semibold text-primary-300 text-base lg:text-lg"> <span x-html="product.total_price_daily_val.replace('.', ',')"></span> <span>€ / ημέρα</span> </div> </div> <button type="button" @click="addVehicleToCart(product.id,'ondesk')" class="btn-booknow h-full btn-outlined-primary min-w-[121px]"> <div class="text-sm font-extrabold uppercase" data-no-translation="" data-trp-gettext="">κρατηση τωρα</div> <div class="text-sm font-semibold" data-no-translation="" data-trp-gettext="">Πληρωμή ταμείο</div> </button> </div> <div x-show=" bookingForm.wheelsResponseDiscounted !== null && bookingForm.wheelsResponseDiscounted && bookingForm.wheelsResponseDiscounted.hasOwnProperty('discount_code') && bookingForm.wheelsResponseDiscounted.discount_code !== '' && product.total_price_val_discounted " class="flex justify-between gap-3 text-center text-primary-400 sm:w-64 sm:grid sm:justify-normal"> <div> <div class="font-black text-3xl flex items-end justify-center"> <span x-html="product.total_price_val_discounted ? product.total_price_val_discounted.replace('.', ','): ''"></span> <span class="font-bold text-xl lg:text-2xl relative">€</span> </div> <div x-show="product.total_price_daily_val_discounted" class="mt-1 md:mt-3 font-semibold text-primary-300 text-base lg:text-lg"> <span x-html="product.total_price_daily_val_discounted ? product.total_price_daily_val_discounted.replace('.', ',') : ''"></span> <span>€ / ημέρα</span> </div> </div> <button type="button" @click="addVehicleToCart(product.id,'online')" class="btn-booknow h-full btn-solid-primary min-w-[121px]"> <div class="text-sm font-extrabold uppercase" data-no-translation="" data-trp-gettext="">κρατηση τωρα</div> <div class="text-sm font-semibold" data-no-translation="" data-trp-gettext="">Πληρωμή Online</div> </button> </div> </div> </div> </template> </div> </template> </div> </template> <template x-if="productsLoading"> <div id="alpine-shop-loader" class="grid lg:grid-cols-2 xl:grid-cols-3 gap-12 2xl:gap-16"> <div class="rounded-3xl animate-pulse bg-slate-200 w-full aspect-[3/4]"> </div> <div class="rounded-3xl animate-pulse bg-slate-200 w-full aspect-[3/4]"> </div> <div class="rounded-3xl animate-pulse bg-slate-200 w-full aspect-[3/4]"> </div> <div class="rounded-3xl animate-pulse bg-slate-200 w-full aspect-[3/4]"> </div> <div class="rounded-3xl animate-pulse bg-slate-200 w-full aspect-[3/4]"> </div> <div class="rounded-3xl animate-pulse bg-slate-200 w-full aspect-[3/4]"> </div> <div class="rounded-3xl animate-pulse bg-slate-200 w-full aspect-[3/4]"> </div> <div class="rounded-3xl animate-pulse bg-slate-200 w-full aspect-[3/4]"> </div> <div class="rounded-3xl animate-pulse bg-slate-200 w-full aspect-[3/4]"> </div> <div class="rounded-3xl animate-pulse bg-slate-200 w-full aspect-[3/4]"> </div> <div class="rounded-3xl animate-pulse bg-slate-200 w-full aspect-[3/4]"> </div> <div class="rounded-3xl animate-pulse bg-slate-200 w-full aspect-[3/4]"> </div> </div> </template> </div> <template x-if="$data.currentPage < $data.maxPage"> <div class="text-center my-16 lg:my-20"> <button @click.debounce="paginate($event.target)" class="btn-md inline-flex items-center justify-center cursor-pointer font-light py-4 border w-full text-sm text-white bg-red-600 hover:bg-black transition-all ease-in-out duration-300 uppercase">δείτε περισσότερα <svg class="hidden animate-spin ml-2 h-5 w-5 text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </button> </div> </template> </div> </main></div> </div> <div id="acriss-code-modal" class="hidden fixed w-full h-full md:h-auto md:w-auto top-0 md:top-[20%] left-0 md:left-1/2 bg-white p-9 z-[99] md:transform md:-translate-x-[50%] text-xl font-semibold"> <div class="h-full w-full overflow-auto"> <div class="flex items-center justify-between mb-6"> <h4 class="text-lg md:text-xl xl:text-2xl font-extrabold text-primary-400 mb-0">What is ACRISS coding?</h4> <button type="button" @click="closeAcrissCodeDescModal()"> <svg width="27" height="27" viewbox="0 0 27 27" fill="none"> <path d="M19.9927 20.4891C20.0582 20.5503 20.1448 20.5841 20.2346 20.5833C20.3264 20.5825 20.4142 20.5457 20.479 20.4808C20.5439 20.4159 20.5807 20.3281 20.5815 20.2363C20.5823 20.1465 20.5486 20.0599 20.4873 19.9944L14.6999 14.207L13.9928 13.4999L14.6999 12.7928L20.4955 6.99723L20.5016 6.99109L20.5079 6.98505C20.5413 6.95276 20.568 6.91414 20.5863 6.87145L20.5863 6.87144C20.6047 6.82874 20.6143 6.78281 20.6147 6.73634C20.6151 6.68987 20.6063 6.64379 20.5887 6.60077L20.5887 6.60077C20.5711 6.55775 20.5451 6.51867 20.5122 6.48581C20.4794 6.45295 20.4403 6.42696 20.3973 6.40936C20.3543 6.39177 20.3082 6.38291 20.2617 6.38331C20.2152 6.38372 20.1693 6.39337 20.1266 6.41172C20.0839 6.43006 20.0453 6.45672 20.013 6.49015L20.0069 6.4964L20.0008 6.50255L14.2053 12.2981L13.4981 13.0052L12.791 12.2981L6.9956 6.50265C6.99556 6.50262 6.99553 6.50258 6.99549 6.50255C6.92987 6.437 6.84091 6.40018 6.74815 6.40018C6.65539 6.40018 6.56643 6.437 6.50081 6.50255C6.50077 6.50258 6.50073 6.50262 6.5007 6.50265M19.9927 20.4891L6.5007 6.50265M19.9927 20.4891L14.2053 14.7017L13.4981 13.9946L12.791 14.7017L7.00364 20.4891C6.93811 20.5503 6.85151 20.5841 6.7617 20.5833C6.66993 20.5825 6.58214 20.5457 6.51725 20.4808C6.45236 20.4159 6.41555 20.3281 6.41475 20.2363C6.41397 20.1465 6.44774 20.0599 6.50895 19.9944L12.2964 14.207L13.0035 13.4999L12.2964 12.7928L6.50091 6.99734M19.9927 20.4891L6.50091 6.99734M6.5007 6.50265C6.43522 6.56827 6.39844 6.65718 6.39844 6.74989C6.39844 6.84265 6.43526 6.93161 6.50081 6.99723M6.5007 6.50265L6.50081 6.99723M6.50081 6.99723C6.50084 6.99727 6.50088 6.9973 6.50091 6.99734M6.50081 6.99723L6.50091 6.99734" fill="currentColor" stroke="currentColor" stroke-width="2"/> </svg> </button> </div> <div class="text-sm xl:text-base font-medium text-primary-400 mb-6"> ACRISS Members utilize an industry-standard vehicle matrix to define car models ensuring a like-to-like comparison of vehicles. </div> <div id="acriss-code-modal-content" class="flex flex-col divide-primary-300 divide-y-2 text-sm xl:text-base font-medium text-primary-400"> <p><strong>MCMR:</strong> Mini, 2/4 Doors, Manual, Unspecified Fuel</p> <p><strong>MDMR:</strong> Mini, 4-5 Doors, Manual, Unspecified Fuel</p> <p><strong>EDMR:</strong> Economy, 4-5 Doors, Manual, Unspecified Fuel</p> <p><strong>EDAR:</strong> Economy, 4-5 Doors, Auto, Unspecified Fuel</p> <p><strong>HDMR:</strong> Economy Elite, 4-5 Doors, Manual, Unspecified Fuel</p> <p><strong>CDMD:</strong> Compact, 4-5 Doors, Manual, Diesel Air</p> </div> <div class="mt-6"> <button @click="closeAcrissCodeDescModal()" type="button" class="btn-md btn-solid-primary !w-full !justify-center" data-no-translation="" data-trp-gettext="">Close</button> </div> </div> </div> </section> </main> <footer> <section class="text-white bg-footer-primary-400"> <div class="max-w-[1920px] mx-auto md:pl-10 lg:pl-14"> <div class="flex flex-col md:flex-row"> <div class="px-6 py-10 md:pr-14 md:pl-0"> <div class="justify-between max-w-6xl grid-cols-2 gap-10 sm:grid xl:flex mb-9"> <div class="flex flex-col md:gap-10"> <div x-data="{open:false}"> <div @click="open = !open" class="flex gap-1.5 w-full font-bold paragraph-400 mb-4"> <span class="transition sm:hidden" :class="open ? '' : 'hidden'"> <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewbox="0 0 22 22" fill="none"> <path d="M16.5 11H11H5.5" stroke="white" stroke-width="4" stroke-linecap="square" stroke-linejoin="round" /> </svg> </span> <span x-cloak class="transition sm:hidden" :class="open ? 'hidden' : ''"> <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewbox="0 0 22 22" fill="none"> <path d="M11 5.57129V10.8213M11 10.8213V16.0713M11 10.8213H16.5M11 10.8213H5.5" stroke="white" stroke-width="4" stroke-linecap="square" stroke-linejoin="round" /> </svg> </span> Η Avance </div> <ul class="list-none ml-0 flex-col mb-5 text-sm font-medium sm:flex gap-y-2.5 pl-7 sm:pl-0 md:mb-0" :class="open ? 'flex' : 'hidden' "> <li class="mb-0"><a href="https://avance.gr/el/about/" target="" title="Η Εταιρεία μας" class="transition text-white hover:text-footer-secondary-100">Η Εταιρεία μας</a></li> <li class="mb-0"><a href="https://avance.gr/el/explore-vehicles/" target="" title="Ο Στόλος μας" class="transition text-white hover:text-footer-secondary-100">Ο Στόλος μας</a></li> <li class="mb-0"><a href="https://avance.gr/el/travel-agencies/" target="" title="Τουριστικά Πρακτορεία" class="transition text-white hover:text-footer-secondary-100">Τουριστικά Πρακτορεία</a></li> <li class="mb-0"><a href="https://avance.gr/el/corporate-car-rentals/" target="" title="Εταιρικές Ενοικιάσεις Οχημάτων" class="transition text-white hover:text-footer-secondary-100">Εταιρικές Ενοικιάσεις Οχημάτων</a></li> <li class="mb-0"><a href="https://avance.gr/el/efkairies-apascholisis/" target="" title="Καριέρα" class="transition text-white hover:text-footer-secondary-100">Καριέρα</a></li> </ul> </div> </div> <div class="flex flex-col md:gap-10"> <div x-data="{open:false}"> <div @click="open = !open" class="flex gap-1.5 w-full font-bold paragraph-400 mb-4"> <span class="transition sm:hidden" :class="open ? '' : 'hidden'"> <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewbox="0 0 22 22" fill="none"> <path d="M16.5 11H11H5.5" stroke="white" stroke-width="4" stroke-linecap="square" stroke-linejoin="round" /> </svg> </span> <span x-cloak class="transition sm:hidden" :class="open ? 'hidden' : ''"> <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewbox="0 0 22 22" fill="none"> <path d="M11 5.57129V10.8213M11 10.8213V16.0713M11 10.8213H16.5M11 10.8213H5.5" stroke="white" stroke-width="4" stroke-linecap="square" stroke-linejoin="round" /> </svg> </span> Υποστήριξη Πελατών </div> <ul class="list-none ml-0 flex-col mb-5 text-sm font-medium sm:flex gap-y-2.5 pl-7 sm:pl-0 md:mb-0" :class="open ? 'flex' : 'hidden' "> <li class="mb-0"><a href="/el/o-logariasmos-mou-orders/my-reservations/" target="" title="Οι κρατήσεις μου" class="transition text-white hover:text-footer-secondary-100">Οι κρατήσεις μου</a></li> <li class="mb-0"><a href="https://avance.gr/el/online-checkin/" target="" title="Online Checkin" class="transition text-white hover:text-footer-secondary-100">Online Checkin</a></li> <li class="mb-0"><a href="https://avance.gr/el/oroi-proypotheseis-enoikiasis/" target="" title="Όροι & προϋποθέσεις Ενοικίασης" class="transition text-white hover:text-footer-secondary-100">Όροι & προϋποθέσεις Ενοικίασης</a></li> <li class="mb-0"><a href="#" target="" title="Κριτικές πελατών" class="transition text-white hover:text-footer-secondary-100">Κριτικές πελατών</a></li> <li class="mb-0"><a href="https://avance.gr/el/contact/" target="" title="Επικοινωνία" class="transition text-white hover:text-footer-secondary-100">Επικοινωνία</a></li> </ul> </div> </div> <div class="flex flex-col md:gap-10"> <div class="w-full col-span-2 lg:w-auto" x-data="{open:false}"> <div @click="open = !open" class="flex gap-1.5 w-full font-bold paragraph-400 mb-4"> <span class="transition sm:hidden" :class="open ? '' : 'hidden'"> <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewbox="0 0 22 22" fill="none"> <path d="M16.5 11H11H5.5" stroke="white" stroke-width="4" stroke-linecap="square" stroke-linejoin="round" /> </svg> </span> <span x-cloak class="transition sm:hidden" :class="open ? 'hidden' : ''"> <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewbox="0 0 22 22" fill="none"> <path d="M11 5.57129V10.8213M11 10.8213V16.0713M11 10.8213H16.5M11 10.8213H5.5" stroke="white" stroke-width="4" stroke-linecap="square" stroke-linejoin="round" /> </svg></span> Δίκτυο Avance </div> <ul class="ht-list-none grid-flow-col grid-rows-6 mb-5 text-sm sm:grid gap-x-14 2xl:gap-x-52 gap-y-2 pl-7 sm:pl-0 md:mb-0 font-medium" :class="open ? 'grid' : 'hidden' "> <li><a href="https://avance.gr/el/locations/athina-aerodromio-el-venizelos/" target="" title="Αθήνα" class="transition text-white hover:text-footer-secondary-100">Αθήνα</a></li> <li><a href="https://avance.gr/el/locations/thessaloniki-aerodromio/" target="" title="Θεσσαλονίκη" class="transition text-white hover:text-footer-secondary-100">Θεσσαλονίκη</a></li> <li><a href="https://avance.gr/el/locations/chania-aerodromio/" target="" title="Χανιά" class="transition text-white hover:text-footer-secondary-100">Χανιά</a></li> <li><a href="https://avance.gr/el/locations/aerodromio-kerkyras/" target="" title="Κέρκυρα" class="transition text-white hover:text-footer-secondary-100">Κέρκυρα</a></li> <li><a href="https://avance.gr/el/locations/irakleio-aerodromio/" target="" title="Ηράκλειο" class="transition text-white hover:text-footer-secondary-100">Ηράκλειο</a></li> <li><a href="https://avance.gr/el/locations/kefalonia-aerodromio/" target="" title="Κεφαλονιά" class="transition text-white hover:text-footer-secondary-100">Κεφαλονιά</a></li> <li><a href="https://avance.gr/el/locations/lesvos-aerodromio/" target="" title="Λέσβος" class="transition text-white hover:text-footer-secondary-100">Λέσβος</a></li> <li><a href="https://avance.gr/el/locations/mykonos-aerodromio/" target="" title="Μύκονος" class="transition text-white hover:text-footer-secondary-100">Μύκονος</a></li> <li><a href="https://avance.gr/el/locations/milos-aerodromio/" target="" title="Μήλος" class="transition text-white hover:text-footer-secondary-100">Μήλος</a></li> <li><a href="https://avance.gr/el/locations/santorini-aerodromio/" target="" title="Σαντορίνη" class="transition text-white hover:text-footer-secondary-100">Σαντορίνη</a></li> <li><a href="https://avance.gr/el/locations/zakynthos-aerodromio/" target="" title="Ζάκυνθος" class="transition text-white hover:text-footer-secondary-100">Ζάκυνθος</a></li> <li> <a href="/el/locations/" title="All Locations" class="flex font-semibold transition text-white hover:text-footer-secondary-100">Δες Περισσότερα <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 20 20" fill="none"> <path d="M5.83331 14.1666L14.1666 5.83331" stroke="currentColor" stroke-width="1.67" stroke-linecap="round" stroke-linejoin="round" /> <path d="M5.83331 5.83331H14.1666V14.1666" stroke="currentColor" stroke-width="1.67" stroke-linecap="round" stroke-linejoin="round" /> </svg> </a> </li> </ul> </div> </div> </div> <div class="flex flex-wrap items-end justify-between gap-3 space-y-6"> <div class="flex flex-col justify-between max-w-sm h-28"> <p class="flex max-w-xs space-x-20 font-black text-footer-primary-200 paragraph-400"> Ασφαλές περιβάλλον online πληρωμών με Viva Smart Checkout </p> <img src="https://avance.gr/wp-content/themes/avance/public/images/logo/vivawallet.a71171.svg" alt="vivawallet" class="max-w-[193px]"> </div> <div class="flex flex-col justify-between h-28"> <p class="flex space-x-20 font-black text-footer-primary-200 paragraph-400 mb-0"> Ακολουθήστε μας στα Social Media </p> <div class="flex gap-4 mr-4"> <a href="https://www.facebook.com/AvanceGreece" title="facebook" rel="noopener noreferrer" target="_blank" class="flex items-center transition text-white hover:text-footer-secondary-100"><svg xmlns="http://www.w3.org/2000/svg" width="26" height="27" viewbox="0 0 26 27" fill="none"> <g clip-path="url(#clip0_1554_21353)"> <path d="M26 13.7617C26 6.58201 20.1797 0.761719 13 0.761719C5.82029 0.761719 0 6.58201 0 13.7617C0 20.2503 4.75389 25.6285 10.9688 26.6038V17.5195H7.66797V13.7617H10.9688V10.8977C10.9688 7.63953 12.9096 5.83984 15.879 5.83984C17.3009 5.83984 18.7891 6.09375 18.7891 6.09375V9.29297H17.1498C15.535 9.29297 15.0313 10.2951 15.0313 11.3242V13.7617H18.6367L18.0604 17.5195H15.0313V26.6038C21.2461 25.6285 26 20.2503 26 13.7617Z" fill="currentColor" /> </g> <defs> <clippath id="clip0_1554_21353"> <rect width="26" height="26" fill="currentColor" transform="translate(0 0.761719)" /> </clippath> </defs> </svg> </a> <a href="https://www.instagram.com/avance_greece_official/" title="instagram" rel="noopener noreferrer" target="_blank" class="flex items-center transition text-white hover:text-footer-secondary-100"><svg xmlns="http://www.w3.org/2000/svg" width="26" height="27" viewbox="0 0 26 27" fill="none"> <g clip-path="url(#clip0_1554_21355)"> <path d="M13 3.10273C16.4734 3.10273 16.8848 3.11797 18.2508 3.17891C19.5203 3.23477 20.2059 3.44805 20.6629 3.62578C21.2672 3.85938 21.7039 4.14375 22.1559 4.5957C22.6129 5.05273 22.8922 5.48438 23.1258 6.08867C23.3035 6.5457 23.5168 7.23633 23.5727 8.50078C23.6336 9.87187 23.6488 10.2832 23.6488 13.7516C23.6488 17.225 23.6336 17.6363 23.5727 19.0023C23.5168 20.2719 23.3035 20.9574 23.1258 21.4145C22.8922 22.0188 22.6078 22.4555 22.1559 22.9074C21.6988 23.3645 21.2672 23.6438 20.6629 23.8773C20.2059 24.0551 19.5152 24.2684 18.2508 24.3242C16.8797 24.3852 16.4684 24.4004 13 24.4004C9.52656 24.4004 9.11524 24.3852 7.74922 24.3242C6.47969 24.2684 5.79414 24.0551 5.33711 23.8773C4.73281 23.6438 4.29609 23.3594 3.84414 22.9074C3.38711 22.4504 3.10781 22.0188 2.87422 21.4145C2.69648 20.9574 2.4832 20.2668 2.42734 19.0023C2.36641 17.6313 2.35117 17.2199 2.35117 13.7516C2.35117 10.2781 2.36641 9.8668 2.42734 8.50078C2.4832 7.23125 2.69648 6.5457 2.87422 6.08867C3.10781 5.48438 3.39219 5.04766 3.84414 4.5957C4.30117 4.13867 4.73281 3.85938 5.33711 3.62578C5.79414 3.44805 6.48477 3.23477 7.74922 3.17891C9.11524 3.11797 9.52656 3.10273 13 3.10273ZM13 0.761719C9.4707 0.761719 9.02891 0.776953 7.64258 0.837891C6.26133 0.898828 5.31172 1.12227 4.48906 1.44219C3.63086 1.77734 2.90469 2.21914 2.18359 2.94531C1.45742 3.66641 1.01563 4.39258 0.680469 5.2457C0.360547 6.07344 0.137109 7.01797 0.0761719 8.39922C0.0152344 9.79062 0 10.2324 0 13.7617C0 17.291 0.0152344 17.7328 0.0761719 19.1191C0.137109 20.5004 0.360547 21.45 0.680469 22.2727C1.01563 23.1309 1.45742 23.857 2.18359 24.5781C2.90469 25.2992 3.63086 25.7461 4.48398 26.0762C5.31172 26.3961 6.25625 26.6195 7.6375 26.6805C9.02383 26.7414 9.46563 26.7566 12.9949 26.7566C16.5242 26.7566 16.966 26.7414 18.3523 26.6805C19.7336 26.6195 20.6832 26.3961 21.5059 26.0762C22.359 25.7461 23.0852 25.2992 23.8063 24.5781C24.5273 23.857 24.9742 23.1309 25.3043 22.2777C25.6242 21.45 25.8477 20.5055 25.9086 19.1242C25.9695 17.7379 25.9848 17.2961 25.9848 13.7668C25.9848 10.2375 25.9695 9.7957 25.9086 8.40938C25.8477 7.02813 25.6242 6.07852 25.3043 5.25586C24.9844 4.39258 24.5426 3.66641 23.8164 2.94531C23.0953 2.22422 22.3691 1.77734 21.516 1.44727C20.6883 1.12734 19.7438 0.903906 18.3625 0.842969C16.9711 0.776953 16.5293 0.761719 13 0.761719Z" fill="currentColor" /> <path d="M13 7.08398C9.31328 7.08398 6.32227 10.075 6.32227 13.7617C6.32227 17.4484 9.31328 20.4395 13 20.4395C16.6867 20.4395 19.6777 17.4484 19.6777 13.7617C19.6777 10.075 16.6867 7.08398 13 7.08398ZM13 18.0934C10.6082 18.0934 8.66836 16.1535 8.66836 13.7617C8.66836 11.3699 10.6082 9.43008 13 9.43008C15.3918 9.43008 17.3316 11.3699 17.3316 13.7617C17.3316 16.1535 15.3918 18.0934 13 18.0934Z" fill="currentColor" /> <path d="M21.5008 6.81988C21.5008 7.68316 20.8 8.37887 19.9418 8.37887C19.0785 8.37887 18.3828 7.67809 18.3828 6.81988C18.3828 5.9566 19.0836 5.26089 19.9418 5.26089C20.8 5.26089 21.5008 5.96168 21.5008 6.81988Z" fill="currentColor" /> </g> <defs> <clippath id="clip0_1554_21355"> <rect width="26" height="26" fill="currentColor" transform="translate(0 0.761719)" /> </clippath> </defs> </svg> </a> <a href="https://www.linkedin.com/company/avancerent/" title="linkedin" rel="noopener noreferrer" target="_blank" class="flex items-center transition text-white hover:text-footer-secondary-100"><svg xmlns="http://www.w3.org/2000/svg" width="26" height="27" viewbox="0 0 26 27" fill="none"> <g clip-path="url(#clip0_1554_21356)"> <path d="M24.0754 0.761719H1.91953C0.858203 0.761719 0 1.59961 0 2.63555V24.8828C0 25.9188 0.858203 26.7617 1.91953 26.7617H24.0754C25.1367 26.7617 26 25.9188 26 24.8879V2.63555C26 1.59961 25.1367 0.761719 24.0754 0.761719ZM7.71367 22.9176H3.8543V10.5066H7.71367V22.9176ZM5.78398 8.81563C4.54492 8.81563 3.54453 7.81523 3.54453 6.58125C3.54453 5.34727 4.54492 4.34687 5.78398 4.34687C7.01797 4.34687 8.01836 5.34727 8.01836 6.58125C8.01836 7.81016 7.01797 8.81563 5.78398 8.81563ZM22.1559 22.9176H18.3016V16.8848C18.3016 15.4477 18.2762 13.5941 16.2957 13.5941C14.2898 13.5941 13.9852 15.1633 13.9852 16.7832V22.9176H10.1359V10.5066H13.8328V12.2027H13.8836C14.3965 11.2277 15.6559 10.1969 17.5297 10.1969C21.4348 10.1969 22.1559 12.7664 22.1559 16.1078V22.9176Z" fill="currentColor" /> </g> <defs> <clippath id="clip0_1554_21356"> <rect width="26" height="26" fill="currentColor" transform="translate(0 0.761719)" /> </clippath> </defs> </svg> </a> <a href="https://www.youtube.com/channel/UCuBjmbLTt_a_LnFa3lA4oLQ" title="youtube" rel="noopener noreferrer" target="_blank" class="flex items-center transition text-white hover:text-footer-secondary-100"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="33" viewbox="0 0 32 33" fill="none"> <path d="M31.6812 10.3618C31.6812 10.3618 31.3688 8.15552 30.4062 7.18677C29.1875 5.91177 27.825 5.90552 27.2 5.83052C22.725 5.50552 16.0063 5.50552 16.0063 5.50552H15.9937C15.9937 5.50552 9.275 5.50552 4.8 5.83052C4.175 5.90552 2.8125 5.91177 1.59375 7.18677C0.63125 8.15552 0.325 10.3618 0.325 10.3618C0.325 10.3618 0 12.9555 0 15.543V17.968C0 20.5555 0.31875 23.1493 0.31875 23.1493C0.31875 23.1493 0.63125 25.3555 1.5875 26.3243C2.80625 27.5993 4.40625 27.5555 5.11875 27.693C7.68125 27.9368 16 28.0118 16 28.0118C16 28.0118 22.725 27.9993 27.2 27.6805C27.825 27.6055 29.1875 27.5993 30.4062 26.3243C31.3688 25.3555 31.6812 23.1493 31.6812 23.1493C31.6812 23.1493 32 20.5618 32 17.968V15.543C32 12.9555 31.6812 10.3618 31.6812 10.3618ZM12.6938 20.9118V11.918L21.3375 16.4305L12.6938 20.9118Z" fill="currentColor" /> </svg> </a> </div> </div> </div> <div class="text-sm mt-14"> <p class="mb-4 text-white font-semibold" data-no-translation="" data-trp-gettext="">ΣΗΜΑΝΤΙΚΗ ΕΝΗΜΕΡΩΣΗ</p> <p class="text-white font-medium" data-no-translation="" data-trp-gettext="">Αγαπητοί Πελάτες, Θα θέλαμε να σας ενημερώσουμε ότι η Avance Car Rental δεν θα ζητήσει ποτέ την καταβολή οποιουδήποτε ποσού μέσω SMS ή εφαρμογών κινητού τηλεφώνου (Viber/ WhatsApp κ.α.) Στην περίπτωση που διαπιστώσετε οποιαδήποτε προσπάθεια εξαπάτησής σας, παρακαλούμε όπως επικοινωνήσετε άμεσα με την Εταιρεία μας. Ευχαριστούμε πολύ για την προτίμηση σας. Η Ομάδα της Avance Car Rental</p> </div> </div> <div class="bg-footer-primary-200 py-10 px-6 md:px-10 xl:px-14 min-w-[305px] md:max-w-sm xl:max-w-lg w-full"> <div class="mb-5 font-extrabold text-footer-primary-400 paragraph-400" data-no-translation="" data-trp-gettext="">Επικοινωνήστε Μαζί μας</div> <div class="flex flex-col gap-4 pb-10 border-b border-b-white"> <div class="flex gap-x-3 gap-y-3"> <span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="25" viewbox="0 0 24 25" fill="none"> <path d="M3.58579 4.08579C3.21071 4.46086 3 4.96957 3 5.5V6.5C3 14.784 9.716 21.5 18 21.5H19C19.5304 21.5 20.0391 21.2893 20.4142 20.9142C20.7893 20.5391 21 20.0304 21 19.5V16.221C21.0001 16.011 20.934 15.8064 20.8112 15.636C20.6885 15.4657 20.5152 15.3383 20.316 15.272L15.823 13.774C15.5947 13.6981 15.3466 13.7071 15.1244 13.7993C14.9021 13.8915 14.7205 14.0607 14.613 14.276L13.483 16.533C11.0345 15.4267 9.07332 13.4655 7.967 11.017L10.224 9.887C10.4393 9.77945 10.6085 9.5979 10.7007 9.37564C10.7929 9.15339 10.8019 8.90534 10.726 8.677L9.228 4.184C9.16171 3.98496 9.03449 3.8118 8.86436 3.68905C8.69422 3.5663 8.48979 3.50016 8.28 3.5H5C4.46957 3.5 3.96086 3.71071 3.58579 4.08579Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /> </svg> </span> <a class="text-white" href="tel: 30 210 9200 100" title="call us" data-no-translation-title="">+30 210 9200 100</a> </div> <div class="flex gap-3"> <span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none"> <path d="M3 8L10.89 13.26C11.2187 13.4793 11.6049 13.5963 12 13.5963C12.3951 13.5963 12.7813 13.4793 13.11 13.26L21 8M5 19H19C19.5304 19 20.0391 18.7893 20.4142 18.4142C20.7893 18.0391 21 17.5304 21 17V7C21 6.46957 20.7893 5.96086 20.4142 5.58579C20.0391 5.21071 19.5304 5 19 5H5C4.46957 5 3.96086 5.21071 3.58579 5.58579C3.21071 5.96086 3 6.46957 3 7V17C3 17.5304 3.21071 18.0391 3.58579 18.4142C3.96086 18.7893 4.46957 19 5 19Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /> </svg> </span> <a class="text-white" href="/cdn-cgi/l/email-protection#c6afa8a0a986a7b0a7a8a5a3e8a1b424464d" title="email us" data-no-translation-title=""><span class="__cf_email__" data-cfemail="10797e767f507166717e73753e7762">[email protected]</span></a> </div> <div class="flex gap-3 text-sm"> <span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none"> <path d="M17.657 16.657L13.414 20.9C13.2284 21.0857 13.0081 21.2331 12.7656 21.3336C12.523 21.4342 12.2631 21.4859 12.0005 21.4859C11.738 21.4859 11.478 21.4342 11.2354 21.3336C10.9929 21.2331 10.7726 21.0857 10.587 20.9L6.343 16.657C5.22422 15.5382 4.46234 14.1127 4.15369 12.5609C3.84504 11.009 4.00349 9.40051 4.60901 7.93873C5.21452 6.47694 6.2399 5.22754 7.55548 4.3485C8.87107 3.46947 10.4178 3.00029 12 3.00029C13.5822 3.00029 15.1289 3.46947 16.4445 4.3485C17.7601 5.22754 18.7855 6.47694 19.391 7.93873C19.9965 9.40051 20.155 11.009 19.8463 12.5609C19.5377 14.1127 18.7758 15.5382 17.657 16.657V16.657Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /> <path d="M14.1213 13.1213C14.6839 12.5587 15 11.7956 15 11C15 10.2044 14.6839 9.44129 14.1213 8.87868C13.5587 8.31607 12.7956 8 12 8C11.2044 8 10.4413 8.31607 9.87868 8.87868C9.31607 9.44129 9 10.2044 9 11C9 11.7956 9.31607 12.5587 9.87868 13.1213C10.4413 13.6839 11.2044 14 12 14C12.7956 14 13.5587 13.6839 14.1213 13.1213Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /> </svg> </span> <div> <b>Λεωφ.Ανδρέα Συγγρού 40-42</b>,<br> Αθήνα 117 42, Ελλάδα </div> </div> </div> <div class="flex flex-wrap justify-center gap-6 py-10 border-b border-b-white xl:flex-nowrap"> <img src="https://avance.gr/wp-content/themes/avance/public/images/awards/evoution-awards-Avance-3.145d78.svg" alt="evoution award"> <img src="https://avance.gr/wp-content/themes/avance/public/images/awards/winners-greek-champion-Avance-2.75c5c6.svg" alt="greek champion award"> <img src="https://avance.gr/wp-content/themes/avance/public/images/awards/PEAK-Awards-2022-Bronze-Avance-1.62b017.svg" alt="peak awards" class="flex flex-shrink w-auto"> </div> <div class="mt-10 text-sm"> <p class="mb-3 text-white" data-no-translation="" data-trp-gettext="">ΕΟΤ Αριθμός Σήματος - Ελληνικός Οργανισμός Τουρισμού</p> <p class="text-white" data-no-translation="" data-trp-gettext="">Σήμα Οργανισμού: 0206Ε81000479800</p> </div> </div> </div> </div> </section> <section> <div class="flex py-4 text-footer-primary-400 ht-container"> <div class="flex flex-wrap justify-between w-full gap-5 text-sm"> <div class="flex flex-wrap gap-5 xl:gap-3"> <ul class="ht-list-none flex flex-wrap items-center"> <li class="pr-3 mr-3 border-blue-400 sm:border-r !mb-3 lg:!mb-0 w-full lg:w-auto">© Copyright 2024 Avance Rent A CAR S.A. All rights reserved</li> <li><a href="https://avance.gr/el/terms-of-use/" title="Όροι & Προυποθέσεις Website" class="mr-3 text-footer-primary-400 hover:text-footer-secondary-100 transition pr-3 border-r border-blue-400">Όροι & Προυποθέσεις Website</a></li> <li><a href="https://avance.gr/el/privacy-policy/" title="Πολιτική Απορρήτου" class="mr-3 text-footer-primary-400 hover:text-footer-secondary-100 transition pr-3 border-r border-blue-400">Πολιτική Απορρήτου</a></li> <li><a href="https://avance.gr/el/cookie-policy/" title="Πολιτική Cookies" class="mr-3 text-footer-primary-400 hover:text-footer-secondary-100 transition">Πολιτική Cookies</a></li> </ul> </div> <div class="flex flex-row gap-2"> <div class="flex items-center"> <div id="ht_credits" class="mr-2.5"> </div> </div> </div> </div> </div> </section> </footer> </div> <template id="tp-language" data-tp-language="el"></template><script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script type="text/javascript" src="//assets.hellenictechnologies.com/ht-site-signature-v2/htfc-script.js"></script><script type="text/javascript"> var htfcParams = { id: "ht_credits", linktext: "5", link: "4", style: "8", logo_position: "left", logo_height: "40", footer: "false" }; </script> <script type='text/javascript' data-cfasync='false'>window.purechatApi = { l: [], t: [], on: function () { this.l.push(arguments); } }; (function () { var done = false; var script = document.createElement('script'); script.async = true; script.type = 'text/javascript'; script.src = 'https://app.purechat.com/VisitorWidget/WidgetScript'; document.getElementsByTagName('HEAD').item(0).appendChild(script); script.onreadystatechange = script.onload = function (e) { if (!done && (!this.readyState || this.readyState == 'loaded' || this.readyState == 'complete')) { var w = new PCWidget({c: 'f592ee34-0ecb-4101-8ba7-c00064652f76', f: true }); done = true; } }; })();</script> <script type="application/ld+json">{ "@context": "https:\/\/schema.org\/", "@type": "BreadcrumbList", "itemListElement": [ { "@type": "ListItem", "position": 1, "item": { "name": "\u0391\u03c1\u03c7\u03b9\u03ba\u03ae", "@id": "https:\/\/avance.gr\/el" } }, { "@type": "ListItem", "position": 2, "item": { "name": "\u0391\u03bd\u03b1\u03ba\u03ac\u03bb\u03c5\u03c8\u03b5 \u03a4\u03b1 \u039f\u03c7\u03ae\u03bc\u03b1\u03c4\u03b1", "@id": "https:\/\/avance.gr\/el\/explore-vehicles\/" } } ] }</script><div id='pys_ajax_events'></div> <script> var node = document.getElementsByClassName('woocommerce-message')[0]; if(node && document.getElementById('pys_late_event')) { var messageText = node.textContent.trim(); if(!messageText) { node.style.display = 'none'; } } </script> <noscript><img height="1" width="1" style="display: none;" src="https://www.facebook.com/tr?id=553420986746842&ev=PageView&noscript=1&eid=553420986746842164cb99c-0d10-44dc-89fd-d1a9f8dc9f23&cd%5Bcategories%5D=Passenger+Cars&cd%5Bpage_title%5D=Explore+Vehicles&cd%5Bpost_type%5D=page&cd%5Bpost_id%5D=14&cd%5Bplugin%5D=PixelYourSite&cd%5Bevent_url%5D=avance.gr%2Fel%2Fexplore-vehicles%2F&cd%5Buser_role%5D=guest" alt=""></noscript> <script> (function () { var c = document.body.className; c = c.replace(/woocommerce-no-js/, 'woocommerce-js'); document.body.className = c; })(); </script> <link rel='stylesheet' id='wc-blocks-style-css' href='https://avance.gr/wp-content/plugins/woocommerce/assets/client/blocks/wc-blocks.css?ver=wc-9.3.3' media='all' /> <script id="trp-dynamic-translator-js-extra"> var trp_data = {"trp_custom_ajax_url":"https:\/\/avance.gr\/wp-content\/plugins\/translatepress-multilingual\/includes\/trp-ajax.php","trp_wp_ajax_url":"https:\/\/avance.gr\/wp-admin\/admin-ajax.php","trp_language_to_query":"el","trp_original_language":"en_US","trp_current_language":"el","trp_skip_selectors":["[data-no-translation]","[data-no-dynamic-translation]","[data-trp-translate-id-innertext]","script","style","head","trp-span","translate-press","#billing_country","#shipping_country","#billing_state","#shipping_state","#select2-billing_country-results","#select2-billing_state-results","#select2-shipping_country-results","#select2-shipping_state-results","[data-trp-translate-id]","[data-trpgettextoriginal]","[data-trp-post-slug]"],"trp_base_selectors":["data-trp-translate-id","data-trpgettextoriginal","data-trp-post-slug"],"trp_attributes_selectors":{"text":{"accessor":"outertext","attribute":false},"block":{"accessor":"innertext","attribute":false},"image_src":{"selector":"img[src]","accessor":"src","attribute":true},"submit":{"selector":"input[type='submit'],input[type='button'], input[type='reset']","accessor":"value","attribute":true},"placeholder":{"selector":"input[placeholder],textarea[placeholder]","accessor":"placeholder","attribute":true},"title":{"selector":"[title]","accessor":"title","attribute":true},"a_href":{"selector":"a[href]","accessor":"href","attribute":true},"button":{"accessor":"outertext","attribute":false},"option":{"accessor":"innertext","attribute":false},"aria_label":{"selector":"[aria-label]","accessor":"aria-label","attribute":true},"image_alt":{"selector":"img[alt]","accessor":"alt","attribute":true},"meta_desc":{"selector":"meta[name=\"description\"],meta[property=\"og:title\"],meta[property=\"og:description\"],meta[property=\"og:site_name\"],meta[property=\"og:image:alt\"],meta[name=\"twitter:title\"],meta[name=\"twitter:description\"],meta[name=\"twitter:image:alt\"],meta[name=\"DC.Title\"],meta[name=\"DC.Description\"],meta[property=\"article:section\"],meta[property=\"article:tag\"]","accessor":"content","attribute":true},"page_title":{"selector":"title","accessor":"innertext","attribute":false},"meta_desc_img":{"selector":"meta[property=\"og:image\"],meta[property=\"og:image:secure_url\"],meta[name=\"twitter:image\"]","accessor":"content","attribute":true}},"trp_attributes_accessors":["outertext","innertext","src","value","placeholder","title","href","aria-label","alt","content"],"gettranslationsnonceregular":"33beeac006","showdynamiccontentbeforetranslation":"","skip_strings_from_dynamic_translation":[],"skip_strings_from_dynamic_translation_for_substrings":{"href":["amazon-adsystem","googleads","g.doubleclick"]},"duplicate_detections_allowed":"100","trp_translate_numerals_opt":"no","trp_no_auto_translation_selectors":["[data-no-auto-translation]"]}; </script> <script src="https://avance.gr/wp-content/plugins/translatepress-multilingual/assets/js/trp-translate-dom-changes.js?ver=2.8.8" id="trp-dynamic-translator-js"></script> <script src="https://avance.gr/wp-content/plugins/flying-press/assets/preload.min.js?ver=4.15.4" id="flying_press_preload-js" defer data-wp-strategy="defer"></script> <script src="https://avance.gr/wp-content/plugins/duracelltomi-google-tag-manager/dist/js/gtm4wp-form-move-tracker.js?ver=1.20.2" id="gtm4wp-form-move-tracker-js"></script> <script src="https://avance.gr/wp-content/plugins/duracelltomi-google-tag-manager/dist/js/gtm4wp-ecommerce-generic.js?ver=1.20.2" id="gtm4wp-ecommerce-generic-js"></script> <script src="https://avance.gr/wp-content/plugins/duracelltomi-google-tag-manager/dist/js/gtm4wp-woocommerce.js?ver=1.20.2" id="gtm4wp-woocommerce-js"></script> <script src="https://justreview.co/widget/justreview.js" id="ht-justreview-js"></script> <script src="https://avance.gr/wp-content/plugins/woocommerce/assets/js/sourcebuster/sourcebuster.min.js?ver=9.3.3" id="sourcebuster-js-js"></script> <script id="wc-order-attribution-js-extra"> var wc_order_attribution = {"params":{"lifetime":1.0e-5,"session":30,"base64":false,"ajaxurl":"https:\/\/avance.gr\/wp-admin\/admin-ajax.php","prefix":"wc_order_attribution_","allowTracking":true},"fields":{"source_type":"current.typ","referrer":"current_add.rf","utm_campaign":"current.cmp","utm_source":"current.src","utm_medium":"current.mdm","utm_content":"current.cnt","utm_id":"current.id","utm_term":"current.trm","utm_source_platform":"current.plt","utm_creative_format":"current.fmt","utm_marketing_tactic":"current.tct","session_entry":"current_add.ep","session_start_time":"current_add.fd","session_pages":"session.pgs","session_count":"udata.vst","user_agent":"udata.uag"}}; </script> <script src="https://avance.gr/wp-content/plugins/woocommerce/assets/js/frontend/order-attribution.min.js?ver=9.3.3" id="wc-order-attribution-js"></script> <script id="app/0-js-extra"> var ajax_callback_settings = {"ajax_url":"https:\/\/avance.gr\/wp-admin\/admin-ajax.php","ajax_nonce":"be212e21f0","myaccount_url":"https:\/\/avance.gr\/el\/o-logariasmos-mou-orders\/","shop_url":"https:\/\/avance.gr\/el\/explore-vehicles\/","checkout_url":"https:\/\/avance.gr\/el\/checkout\/"}; </script> <script id="app/0-js-before"> !function(){"use strict";var e,r={},n={};function t(e){var o=n[e];if(void 0!==o)return o.exports;var u=n[e]={exports:{}};return r[e].call(u.exports,u,u.exports,t),u.exports}t.m=r,e=[],t.O=function(r,n,o,u){if(!n){var i=1/0;for(l=0;l<e.length;l++){n=e[l][0],o=e[l][1],u=e[l][2];for(var f=!0,a=0;a<n.length;a++)(!1&u||i>=u)&&Object.keys(t.O).every((function(e){return t.O[e](n[a])}))?n.splice(a--,1):(f=!1,u<i&&(i=u));if(f){e.splice(l--,1);var c=o();void 0!==c&&(r=c)}}return r}u=u||0;for(var l=e.length;l>0&&e[l-1][2]>u;l--)e[l]=e[l-1];e[l]=[n,o,u]},t.d=function(e,r){for(var n in r)t.o(r,n)&&!t.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:r[n]})},t.o=function(e,r){return Object.prototype.hasOwnProperty.call(e,r)},t.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},t.p="/app/themes/avance/public/",function(){var e={666:0};t.O.j=function(r){return 0===e[r]};var r=function(r,n){var o,u,i=n[0],f=n[1],a=n[2],c=0;if(i.some((function(r){return 0!==e[r]}))){for(o in f)t.o(f,o)&&(t.m[o]=f[o]);if(a)var l=a(t)}for(r&&r(n);c<i.length;c++)u=i[c],t.o(e,u)&&e[u]&&e[u][0](),e[u]=0;return t.O(l)},n=self.webpackChunk_roots_bud_sage=self.webpackChunk_roots_bud_sage||[];n.forEach(r.bind(null,0)),n.push=r.bind(null,n.push.bind(n))}()}(); </script> <script src="https://avance.gr/wp-content/themes/avance/public/js/app.d41d31.js" id="app/0-js"></script> <div id="backdrop" class="hidden bg-primary-500 bg-opacity-80 fixed inset-0 z-30"></div> <div id="backdropArchive" class="hidden bg-primary-500 bg-opacity-80 fixed inset-0 z-50"></div> <div id="sessionExpiredModal" class="hidden fixed w-full h-full md:h-auto md:w-auto top-0 md:top-[20%] left-0 md:left-1/2 bg-white p-9 z-[99] md:transform md:-translate-y-[50%] md:-translate-x-[50%] text-xl font-semibold"> <div class="flex flex-col justify-between h-full"> <div class=""> Your session has expired. Please return to <a href="https://avance.gr/el">Homepage</a> and search. </div> <a class="md:hidden btn-solid-primary btn-md justify-center" href="https://avance.gr/el" data-no-translation="" data-trp-gettext="">BACK TO HOMEPAGE</a> </div> </div> </body> </html>

CINXE.COM

Explore Vehicles | Avance