{"id":1748,"date":"2015-01-27T02:18:37","date_gmt":"2015-01-27T02:18:37","guid":{"rendered":"http:\/\/shinetheme.com\/demosd\/traveler_demo\/?page_id=1748"},"modified":"2026-02-09T01:19:08","modified_gmt":"2026-02-08T23:19:08","slug":"order-confirm","status":"publish","type":"page","link":"https:\/\/www.blueseasidestudios.gr\/el\/order-confirm\/","title":{"rendered":"Function page: Order Confirm for Modal booking"},"content":{"rendered":"<div class=\"vc_row wpb_row st bg-holder\"><div class='container '><div class='row'>\n\t<div class=\"wpb_column column_container col-md-12\"><div class=\"vc_column-inner wpb_wrapper\">\n\t\t\t\n\t<div class=\"wpb_raw_code wpb_content_element wpb_raw_html\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<div class=\"blueseaside-luxury-page\">\n    <!-- Summary Section -->\n    <div class=\"bls-summary-section\">\n        <div class=\"bls-summary-item\">\n            <div class=\"bls-number\">1<\/div>\n            <div class=\"bls-label\">bed<\/div>\n        <\/div>\n        <div class=\"bls-summary-item\">\n            <div class=\"bls-number\">40 m\u00b2<\/div>\n            <div class=\"bls-label\">size<\/div>\n        <\/div>\n        <div class=\"bls-summary-item\">\n            <div class=\"bls-number\">2<\/div>\n            <div class=\"bls-label\">bathrooms<\/div>\n        <\/div>\n    <\/div>\n\n    <!-- Description -->\n    <div class=\"bls-description\">\n        <h2>Modern Studio for 2-3 people<\/h2>\n        <p>The ideal choice for couples or friends looking for a relaxing accommodation near a beautiful beach in Ikaria. Experience comfort and luxury in our fully equipped studios.<\/p>\n    <\/div>\n\n    <!-- BIG Image Slider -->\n    <div class=\"bls-big-slider\">\n        <div class=\"bls-slider-container\">\n            <div class=\"bls-slide active\">\n                <!-- CHANGE THIS URL -->\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1611892440504-42a792e24d32?ixlib=rb-4.0.3&auto=format&fit=crop&w=1600&q=80\" alt=\"Studio interior view\">\n            <\/div>\n            <div class=\"bls-slide\">\n                <!-- CHANGE THIS URL -->\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1586023492125-27b2c045efd7?ixlib=rb-4.0.3&auto=format&fit=crop&w=1600&q=80\" alt=\"Studio balcony\">\n            <\/div>\n            <div class=\"bls-slide\">\n                <!-- CHANGE THIS URL -->\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1502672260266-1c1ef2d93688?ixlib=rb-4.0.3&auto=format&fit=crop&w=1600&q=80\" alt=\"Studio kitchen\">\n            <\/div>\n            <div class=\"bls-slide\">\n                <!-- CHANGE THIS URL -->\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1590490360182-c33d57733427?ixlib=rb-4.0.3&auto=format&fit=crop&w=1600&q=80\" alt=\"Studio bathroom\">\n            <\/div>\n        <\/div>\n        <button class=\"bls-slider-nav bls-prev\"><i class=\"fas fa-chevron-left\"><\/i><\/button>\n        <button class=\"bls-slider-nav bls-next\"><i class=\"fas fa-chevron-right\"><\/i><\/button>\n        <div class=\"bls-slider-dots\">\n            <span class=\"bls-dot active\" data-index=\"0\"><\/span>\n            <span class=\"bls-dot\" data-index=\"1\"><\/span>\n            <span class=\"bls-dot\" data-index=\"2\"><\/span>\n            <span class=\"bls-dot\" data-index=\"3\"><\/span>\n        <\/div>\n    <\/div>\n\n    <!-- Services & Amenities Grid -->\n    <div class=\"bls-features-grid\">\n        <div class=\"bls-features-column\">\n            <h3 class=\"bls-section-title\">Services<\/h3>\n            <ul class=\"bls-features-list\">\n                <li><i class=\"fas fa-snowflake\"><\/i> Air Conditioning<\/li>\n                <li><i class=\"fas fa-coffee\"><\/i> Breakfast<\/li>\n                <li><i class=\"fas fa-users\"><\/i> Capacity: 3 people<\/li>\n                <li><i class=\"fas fa-car\"><\/i> Car hire service<\/li>\n                <li><i class=\"fas fa-building\"><\/i> Conference rooms<\/li>\n                <li><i class=\"fas fa-thermometer-half\"><\/i> Heating<\/li>\n                <li><i class=\"fas fa-parking\"><\/i> Private parking<\/li>\n                <li><i class=\"fas fa-binoculars\"><\/i> Sightseeing tours<\/li>\n            <\/ul>\n        <\/div>\n        \n        <div class=\"bls-features-column\">\n            <h3 class=\"bls-section-title\">Amenities<\/h3>\n            <ul class=\"bls-features-list\">\n                <li><i class=\"fas fa-tv\"><\/i> 32-inch LG LED TV<\/li>\n                <li><i class=\"fas fa-blender\"><\/i> Cooking machine<\/li>\n                <li><i class=\"fas fa-snowflake\"><\/i> Refrigerator<\/li>\n                <li><i class=\"fas fa-wind\"><\/i> Hair Dryer<\/li>\n                <li><i class=\"fas fa-mug-hot\"><\/i> Electric kettle<\/li>\n                <li><i class=\"fas fa-couch\"><\/i> Comfortable sofa<\/li>\n                <li><i class=\"fas fa-wifi\"><\/i> Free Wi-Fi<\/li>\n                <li><i class=\"fas fa-lock\"><\/i> Room safe<\/li>\n            <\/ul>\n        <\/div>\n    <\/div>\n\n    <!-- Single Maisonette Option -->\n    <div class=\"bls-other-option\">\n        <h3 class=\"bls-section-title\">Also Available<\/h3>\n        \n        <div class=\"bls-maisonette-card\">\n            <div class=\"bls-maisonette-image\">\n                <!-- CHANGE THIS URL FOR MAISONETTE -->\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1512918728675-ed5a9ecdebfd?ixlib=rb-4.0.3&auto=format&fit=crop&w=1200&q=80\" alt=\"Luxury Maisonette\">\n            <\/div>\n            <div class=\"bls-maisonette-content\">\n                <h2>Maisonette no1<\/h2>\n                <div class=\"bls-maisonette-summary\">\n                    <div class=\"bls-ms-item\">\n                        <div class=\"bls-ms-number\">3<\/div>\n                        <div class=\"bls-ms-label\">beds<\/div>\n                    <\/div>\n                    <div class=\"bls-ms-item\">\n                        <div class=\"bls-ms-number\">60 m\u00b2<\/div>\n                        <div class=\"bls-ms-label\">size<\/div>\n                    <\/div>\n                    <div class=\"bls-ms-item\">\n                        <div class=\"bls-ms-number\">2<\/div>\n                        <div class=\"bls-ms-label\">bathrooms<\/div>\n                    <\/div>\n                <\/div>\n                <p>Spacious modern maisonette perfect for families or groups of 3-4 people. Features a private balcony with sea view, fully equipped kitchen, and luxurious amenities.<\/p>\n                <a href=\"#\" class=\"bls-view-btn\">View Maisonette Details <i class=\"fas fa-arrow-right\"><\/i><\/a>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<style>\n.blueseaside-luxury-page {\n    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n    color: #333;\n    line-height: 1.6;\n    max-width: 1400px;\n    margin: 0 auto;\n    padding: 30px 20px;\n}\n\n\/* Summary Section *\/\n.bls-summary-section {\n    display: flex;\n    justify-content: center;\n    gap: 60px;\n    margin: 40px 0 50px;\n    padding: 30px;\n    background: linear-gradient(135deg, #f8f9fa 0%, #e9f2ff 100%);\n    border-radius: 15px;\n    box-shadow: 0 5px 20px rgba(0,0,0,0.05);\n}\n\n.bls-summary-item {\n    text-align: center;\n    min-width: 120px;\n}\n\n.bls-number {\n    font-size: 42px;\n    font-weight: 700;\n    color: #2c5aa0;\n    margin-bottom: 8px;\n}\n\n.bls-label {\n    font-size: 16px;\n    color: #666;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n}\n\n\/* Description *\/\n.bls-description {\n    text-align: center;\n    margin-bottom: 60px;\n    padding: 0 20px;\n}\n\n.bls-description h2 {\n    font-size: 36px;\n    color: #2c5aa0;\n    margin-bottom: 20px;\n    font-weight: 600;\n}\n\n.bls-description p {\n    font-size: 20px;\n    color: #555;\n    max-width: 800px;\n    margin: 0 auto;\n    line-height: 1.8;\n}\n\n\/* BIG Image Slider - \u03a0\u039f\u039b\u03a5 \u039c\u0395\u0393\u0391\u039b\u039f *\/\n.bls-big-slider {\n    position: relative;\n    width: 100%;\n    height: 600px; \/* \u039c\u0395\u0393\u0391\u039b\u039f \u03a5\u03a8\u039f\u03a3 *\/\n    margin: 50px 0 70px;\n    border-radius: 20px;\n    overflow: hidden;\n    box-shadow: 0 20px 50px rgba(0,0,0,0.15);\n}\n\n.bls-slider-container {\n    width: 100%;\n    height: 100%;\n    position: relative;\n}\n\n.bls-slide {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    opacity: 0;\n    transition: opacity 0.8s ease;\n}\n\n.bls-slide.active {\n    opacity: 1;\n}\n\n.bls-slide img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n}\n\n.bls-slider-nav {\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n    background: rgba(44, 90, 160, 0.85);\n    color: white;\n    border: none;\n    width: 60px;\n    height: 60px;\n    border-radius: 50%;\n    font-size: 24px;\n    cursor: pointer;\n    z-index: 10;\n    transition: all 0.3s;\n}\n\n.bls-slider-nav:hover {\n    background: #2c5aa0;\n    transform: translateY(-50%) scale(1.1);\n}\n\n.bls-prev {\n    left: 30px;\n}\n\n.bls-next {\n    right: 30px;\n}\n\n.bls-slider-dots {\n    position: absolute;\n    bottom: 30px;\n    left: 0;\n    right: 0;\n    display: flex;\n    justify-content: center;\n    gap: 15px;\n}\n\n.bls-dot {\n    width: 14px;\n    height: 14px;\n    border-radius: 50%;\n    background: rgba(255,255,255,0.5);\n    cursor: pointer;\n    transition: background 0.3s;\n}\n\n.bls-dot.active {\n    background: white;\n    transform: scale(1.2);\n}\n\n\/* Features Grid *\/\n.bls-features-grid {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 60px;\n    margin: 70px 0;\n    padding: 0 20px;\n}\n\n.bls-section-title {\n    font-size: 28px;\n    color: #2c5aa0;\n    margin-bottom: 30px;\n    padding-bottom: 15px;\n    border-bottom: 3px solid #f0f4f8;\n    font-weight: 600;\n}\n\n.bls-features-list {\n    list-style: none;\n    padding: 0;\n}\n\n.bls-features-list li {\n    padding: 15px 0;\n    font-size: 18px;\n    color: #444;\n    border-bottom: 1px solid #f0f0f0;\n    display: flex;\n    align-items: center;\n}\n\n.bls-features-list li:last-child {\n    border-bottom: none;\n}\n\n.bls-features-list li i {\n    color: #2c5aa0;\n    margin-right: 15px;\n    width: 25px;\n    text-align: center;\n    font-size: 20px;\n}\n\n\/* Single Maisonette Section *\/\n.bls-other-option {\n    margin-top: 100px;\n    padding: 0 20px;\n}\n\n.bls-maisonette-card {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 50px;\n    background: white;\n    border-radius: 20px;\n    overflow: hidden;\n    box-shadow: 0 15px 40px rgba(0,0,0,0.1);\n    margin-top: 30px;\n}\n\n.bls-maisonette-image {\n    height: 450px;\n    overflow: hidden;\n}\n\n.bls-maisonette-image img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    transition: transform 0.5s;\n}\n\n.bls-maisonette-card:hover .bls-maisonette-image img {\n    transform: scale(1.05);\n}\n\n.bls-maisonette-content {\n    padding: 50px 40px;\n}\n\n.bls-maisonette-content h2 {\n    font-size: 32px;\n    color: #2c5aa0;\n    margin-bottom: 25px;\n    font-weight: 600;\n}\n\n.bls-maisonette-summary {\n    display: flex;\n    gap: 40px;\n    margin: 30px 0;\n    padding: 25px;\n    background: #f8f9fa;\n    border-radius: 12px;\n}\n\n.bls-ms-item {\n    text-align: center;\n}\n\n.bls-ms-number {\n    font-size: 32px;\n    font-weight: 700;\n    color: #2c5aa0;\n    margin-bottom: 5px;\n}\n\n.bls-ms-label {\n    font-size: 14px;\n    color: #666;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n}\n\n.bls-maisonette-content p {\n    font-size: 18px;\n    color: #555;\n    line-height: 1.7;\n    margin-bottom: 30px;\n}\n\n.bls-view-btn {\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    background: linear-gradient(135deg, #2c5aa0 0%, #4a90e2 100%);\n    color: white;\n    padding: 16px 35px;\n    border-radius: 50px;\n    text-decoration: none;\n    font-weight: 600;\n    font-size: 16px;\n    transition: all 0.3s;\n    box-shadow: 0 5px 15px rgba(44, 90, 160, 0.3);\n}\n\n.bls-view-btn:hover {\n    transform: translateY(-3px);\n    box-shadow: 0 8px 20px rgba(44, 90, 160, 0.4);\n    background: linear-gradient(135deg, #1e3d6f 0%, #2c5aa0 100%);\n}\n\n\/* Responsive *\/\n@media (max-width: 1024px) {\n    .bls-big-slider {\n        height: 500px;\n    }\n    \n    .bls-features-grid {\n        grid-template-columns: 1fr;\n        gap: 40px;\n    }\n    \n    .bls-maisonette-card {\n        grid-template-columns: 1fr;\n    }\n    \n    .bls-maisonette-image {\n        height: 350px;\n    }\n}\n\n@media (max-width: 768px) {\n    .bls-summary-section {\n        gap: 30px;\n        flex-direction: column;\n        align-items: center;\n    }\n    \n    .bls-big-slider {\n        height: 400px;\n    }\n    \n    .bls-description h2 {\n        font-size: 28px;\n    }\n    \n    .bls-description p {\n        font-size: 18px;\n    }\n    \n    .bls-slider-nav {\n        width: 50px;\n        height: 50px;\n        font-size: 20px;\n    }\n    \n    .bls-prev {\n        left: 15px;\n    }\n    \n    .bls-next {\n        right: 15px;\n    }\n}\n<\/style>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n    \/\/ Big Slider Functionality\n    const blsSlides = document.querySelectorAll('.bls-slide');\n    const blsDots = document.querySelectorAll('.bls-dot');\n    let blsCurrentSlide = 0;\n    const blsTotalSlides = blsSlides.length;\n    \n    function blsShowSlide(index) {\n        \/\/ Hide all slides\n        blsSlides.forEach(slide => {\n            slide.classList.remove('active');\n        });\n        \n        \/\/ Remove active from all dots\n        blsDots.forEach(dot => {\n            dot.classList.remove('active');\n        });\n        \n        \/\/ Calculate current slide\n        blsCurrentSlide = (index + blsTotalSlides) % blsTotalSlides;\n        \n        \/\/ Show current slide\n        blsSlides[blsCurrentSlide].classList.add('active');\n        \n        \/\/ Activate corresponding dot\n        if (blsDots[blsCurrentSlide]) {\n            blsDots[blsCurrentSlide].classList.add('active');\n        }\n    }\n    \n    \/\/ Next button\n    document.querySelector('.bls-next')?.addEventListener('click', function() {\n        blsShowSlide(blsCurrentSlide + 1);\n    });\n    \n    \/\/ Previous button\n    document.querySelector('.bls-prev')?.addEventListener('click', function() {\n        blsShowSlide(blsCurrentSlide - 1);\n    });\n    \n    \/\/ Dot navigation\n    blsDots.forEach(dot => {\n        dot.addEventListener('click', function() {\n            const index = parseInt(this.getAttribute('data-index'));\n            blsShowSlide(index);\n        });\n    });\n    \n    \/\/ Auto slide every 5 seconds\n    let blsSlideInterval = setInterval(function() {\n        blsShowSlide(blsCurrentSlide + 1);\n    }, 5000);\n    \n    \/\/ Pause on hover\n    const blsSlider = document.querySelector('.bls-big-slider');\n    blsSlider?.addEventListener('mouseenter', function() {\n        clearInterval(blsSlideInterval);\n    });\n    \n    blsSlider?.addEventListener('mouseleave', function() {\n        blsSlideInterval = setInterval(function() {\n            blsShowSlide(blsCurrentSlide + 1);\n        }, 5000);\n    });\n});\n<\/script>\n\t\t<\/div>\n\t<\/div>\n<\/div>\n\t<\/div> \n<\/div><!--End .row--><\/div><!--End .container--><\/div>\n","protected":false},"excerpt":{"rendered":"1 bed 40 m\u00b2 size 2 bathrooms Modern Studio for 2-3 people The ideal choice for couples or friends looking for a relaxing accommodation near a beautiful beach in Ikaria. Experience comfort and luxury in our fully equipped studios. Services Air Conditioning Breakfast Capacity: 3 people Car hire service Conference rooms Heating Private parking Sightseeing [...]","protected":false},"author":1,"featured_media":9354,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"open","template":"template-confirm.php","meta":{"footnotes":""},"class_list":["post-1748","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/www.blueseasidestudios.gr\/el\/wp-json\/wp\/v2\/pages\/1748","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.blueseasidestudios.gr\/el\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.blueseasidestudios.gr\/el\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.blueseasidestudios.gr\/el\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.blueseasidestudios.gr\/el\/wp-json\/wp\/v2\/comments?post=1748"}],"version-history":[{"count":2,"href":"https:\/\/www.blueseasidestudios.gr\/el\/wp-json\/wp\/v2\/pages\/1748\/revisions"}],"predecessor-version":[{"id":9932,"href":"https:\/\/www.blueseasidestudios.gr\/el\/wp-json\/wp\/v2\/pages\/1748\/revisions\/9932"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.blueseasidestudios.gr\/el\/wp-json\/wp\/v2\/media\/9354"}],"wp:attachment":[{"href":"https:\/\/www.blueseasidestudios.gr\/el\/wp-json\/wp\/v2\/media?parent=1748"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}