[% INCLUDE header.html %]

<style>
    /*img{
        cursor: pointer  !important;
        transition: all 2s ease-in-out !important;
    }
    img:hover{
        transform: scale(1.1);
    }*/
</style>
<style type="text/css">  
  .t-datepicker-days td {width: 35px;height:50px;padding: 5px 3px !important}
    td.t-special-day:before {display: none;} 
    td .t-label { font-size: 12px;padding: 0 !important;margin: 0 !important;}
    p.t-date-title {display: none;}
</style>
[% IF hotel_detail.custom_css && hotel_detail.custom_css != '' %]
<style type="text/css">[% hotel_detail.custom_css %]</style>
[% END %]
<link rel="stylesheet" href="../css/highlight.css" />

<div class="main">
    <div class="banner">
        <img src="[% hotel_detail.banner_image %]" class="w-100">
        <div class="container">
            <div class="banner-box">
                <h2>[% hotel_detail.name %]</h2>
                <p class="hero-image_address">
                    <span class="hero-image_addressLine">[% hotel_detail.address %][% IF hotel_detail.city %] [% hotel_detail.city %][% END %][% IF hotel_detail.state %] [% hotel_detail.state %][% END %][% IF hotel_detail.country %] [% hotel_detail.country %][% END %][% IF hotel_detail.postal_code %]  [% hotel_detail.postal_code %][% END %]</span>
                </p>
                [% IF hotel_detail.mobile %]
                <p class="hero-image_phone"><a href="#">[% hotel_detail.mobile %]</a></p>
                [% END %]
                [% IF hotel_detail.whatsapp %]
                <p><i class="fab fa-whatsapp"></i><a href=" https://wa.me/[% hotel_detail.whatsapp %]?text=ciao"> [% hotel_detail.whatsapp %]</a></p>
                [% END %]
                <p><i class="fa fa-envelope"></i> [% hotel_detail.contact_email %]</p>
                [% IF hotel_detail.website_url %]<p><i class="fa fa-link"></i> <a target="_blank" style="color:#000000" href="[% hotel_detail.website_url %]">[% hotel_detail.website_url %]</a> </p>[% END %]
            </div>
            [% IF hotel_detail.review_hotel_id && hotel_detail.review_hotel_id > 0  %]
            <iframe syle="width:100%" src="https://api.hotel-recensioni.it/api/summary?hotel_id=[% hotel_detail.review_hotel_id %]" align="right" style="margin-top: 80px; padding: inherit;" height="270"></iframe> 
            [% END %]
        </div>
    </div>

    <div class="site-inner">
        <div class="container">
            <br>
            <div class="zenlogic-steps  ">
                <div class="step active">1 [% lang.step1 %]</div>
                <div class="step">2 [% lang.step2 %]</div>
                <div class="step">3 [% lang.step3 %]</div>
                [% IF hotel_detail.deposit_percentage > 0 %]
                <div class="step">4 [% lang.step4 %]</div>
                [% END %]
            </div>
 

            <br>
            <!-- START SEARCH BOX -->
            <div style="border: 2px solid #888888;" class="search-bar-container_inner   search_from">
                <input type="hidden" name="hotel_id" id="hotel_id" value="[% cgi_params.hotel_id %]">
                <input type="hidden" name="no_of_room" id="no_of_room" value="[% cgi_params.no_of_room %]">
                <input type="hidden" name="session_id" id="session_id" value="[% session_id %]">

                <div class="search-bar-container_top d-flex justify-content-between">
                    <div class="search-field search-bar-container_guestsWrapper">

                        <button class="search-bar-container_guests" data-bs-toggle="collapse" data-bs-target="#guestbox" aria-expanded="false">
                            <span class="search-bar-container_label"><span>[% lang.guests %]</span></span><span>[% cgi_params.no_of_adult %] [% IF cgi_params.no_of_adult == 1 %][% lang.adult %][% ELSE %][% lang.adults %][% END %]</span>[% IF hotel_detail.adult_only == 'N' %], <span>[% cgi_params.no_of_child %] [% lang.children %]</span>[% END %][% IF cgi_params.no_of_room %], <span class='nrooms_span'>[% cgi_params.no_of_room %] [% IF cgi_params.no_of_room == 1 %][% lang.room %][% ELSE %][% lang.rooms %][% END %]</span>[% END %]
                        </button>


                        <div class="collapse flyout-container" id="guestbox">
                            <div class="card-header d-flex justify-content-between align-items-center">
                                <h4>[% lang.selectguests %]</h4>
                                <button class="guests-selection-flyout_closeButton" data-bs-toggle="collapse" data-bs-target="#guestbox" aria-expanded="false"></button>
                            </div>

                            <div class="card card-body">
                                <div class="dr-adult-qty" style="display: block;">
                                    <div class="d-flex justify-content-between align-items-center mb-3">
                                        <h5><strong>[% lang.room %] 1</strong></h5>
                                    </div>
                                    <div class="d-flex justify-content-between align-items-center mb-4 adults-number">
                                        <span>[% lang.adults %]</span>
                                        <div class="number">
                                            <span class="minus">-</span>
                                            <input type="text" name="no_of_adult1" id="no_of_adult1" value="[% IF cgi_params.no_of_adult1 %][% cgi_params.no_of_adult1 %][% ELSE %]2[% END %]">
                                            <span class="plus">+</span>
                                        </div>
                                    </div>

                                    [% IF hotel_detail.adult_only == 'N' %]
                                    <div class="d-flex justify-content-between align-items-center children-number" data-id="1">
                                        <span>[% lang.children %]</span>
                                        <div class="number">
                                            <span class="minus" data-id="1">-</span>
                                            <input type="text" name="no_of_child1" id="no_of_child1" value="[% IF cgi_params.no_of_child1 %][% cgi_params.no_of_child1 %][% ELSE %]0[% END %]">
                                            <span class="plus" data-id="1">+</span>
                                        </div>
                                    </div>
                                    [% END %]

                                    [% SET room_index = 1 %]
                                    [% SET max_child = 6 %]
                                    [% child = 1 %]
                                    [% IF cgi_params.no_of_child1 > 0 %]
                                    [% childs = cgi_params.no_of_child1 %]
                                    [% WHILE child <= childs %]
                                        <div class="child-age pt-4" id="childage1_[% child %]"><span class="d-inline">[% lang.children %] [% child %] [% lang.age %]</span>
                                            <select name="child_age1_[% child %]" id="child_age1_[% child %]">
                                                [% IF cgi_params.max_child_age %]
                                                [% SET CA = 0 %]
                                                [% WHILE cgi_params.max_child_age >= CA %]
                                                [% IF CA >= cgi_params.min_child_age %]
                                                <option value="[% CA %]" [% IF child_ages.$room_index.$child == CA %]selected[% END %]>[% CA %]</option>
                                                [% END %]
                                                [% SET CA = CA + 1 %]
                                                [% END %]
                                                [% END %]
                                            </select>
                                        </div>
                                       [% child = child + 1 %]
                                    [% END %]
                                    [% WHILE child <= max_child %]
                                        <div class="child-age pt-4" id="childage1_[% child %]" style="display: none;"><span class="d-inline">[% lang.children %] [% child %] [% lang.age %]</span>
                                            <select name="child_age1_[% child %]" id="child_age1_[% child %]">
                                                [% IF cgi_params.max_child_age %]
                                                [% SET CA = 0 %]
                                                [% WHILE cgi_params.max_child_age >= CA %]
                                                [% IF CA >= cgi_params.min_child_age %]
                                                <option value="[% CA %]" [% IF child_ages.$room_index.$child == CA %]selected[% END %]>[% CA %]</option>
                                                [% END %]
                                                [% SET CA = CA + 1 %]
                                                [% END %]
                                                [% END %]
                                            </select>
                                        </div>
                                       [% child = child + 1 %]
                                    [% END %]
                                    [% ELSE %]
                                    [% WHILE child <= max_child %]
                                        <div class="child-age pt-4" id="childage1_[% child %]" style="display: none;"><span class="d-inline">[% lang.children %] [% child %] [% lang.age %]</span>
                                            <select name="child_age1_[% child %]" id="child_age1_[% child %]">
                                                [% IF cgi_params.max_child_age %]
                                                [% SET CA = 0 %]
                                                [% WHILE cgi_params.max_child_age >= CA %]
                                                [% IF CA >= cgi_params.min_child_age %]
                                                <option value="[% CA %]" [% IF child_ages.$room_index.$child == CA %]selected[% END %]>[% CA %]</option>
                                                [% END %]
                                                [% SET CA = CA + 1 %]
                                                [% END %]
                                                [% END %]
                                            </select>
                                        </div>
                                       [% child = child + 1 %]
                                    [% END %]
                                    [% END %]
                                </div>

                                <div class="dr-adult-qty room2" [% IF cgi_params.no_of_room < 2 %] style="display: none;"[% END %]>
                                    <div class="d-flex justify-content-between align-items-center mb-3">
                                        <h5><strong>[% lang.room %] 2</strong></h5>
                                        <span><i class="fa fa-trash remove_another_room2 remove_room_count" data-id="2" 
                                            [% IF cgi_params.no_of_room == 2 %] style="display:block;" [% ELSE %] style="display:none;" [% END %]></i></span>
                                    </div>
                                    <div class="d-flex justify-content-between align-items-center mb-4 adults-number">
                                        <span>[% lang.adults %]</span>
                                        <div class="number">
                                            <span class="minus">-</span>
                                            <input type="text" name="no_of_adult2" id="no_of_adult2" value="[% IF cgi_params.no_of_adult2 %][% cgi_params.no_of_adult2 %][% ELSE %]2[% END %]">
                                            <span class="plus">+</span>
                                        </div>
                                    </div>

                                    [% IF hotel_detail.adult_only == 'N' %]
                                    <div class="d-flex justify-content-between align-items-center children-number" data-id="2">
                                        <span>[% lang.children %]</span>
                                        <div class="number">
                                            <span class="minus" data-id="2">-</span>
                                            <input type="text" name="no_of_child2" id="no_of_child2" value="[% IF cgi_params.no_of_child2 %][% cgi_params.no_of_child2 %][% ELSE %]0[% END %]">
                                            <span class="plus" data-id="2">+</span>
                                        </div>
                                    </div>
                                    [% END %]

                                    [% SET max_child = 6 %]
                                    [% SET room_index = 2 %]
                                    [% child = 1 %]
                                    [% IF cgi_params.no_of_child2 > 0 %]
                                    [% childs = cgi_params.no_of_child2 %]
                                    [% WHILE child <= childs %]
                                        <div class="child-age pt-4" id="childage2_[% child %]"><span class="d-inline">[% lang.children %] [% child %] [% lang.age %]</span>
                                            <select name="child_age2_[% child %]" id="child_age2_[% child %]">
                                                [% IF cgi_params.max_child_age %]
                                                [% SET CA = 0 %]
                                                [% WHILE cgi_params.max_child_age >= CA %]
                                                [% IF CA >= cgi_params.min_child_age %]
                                                <option value="[% CA %]" [% IF child_ages.$room_index.$child == CA %]selected[% END %]>[% CA %]</option>
                                                [% END %]
                                                [% SET CA = CA + 1 %]
                                                [% END %]
                                                [% END %]
                                            </select>
                                        </div>
                                       [% child = child + 1 %]
                                    [% END %]
                                    [% WHILE child <= max_child %]
                                        <div class="child-age pt-4" id="childage2_[% child %]" style="display: none;"><span class="d-inline">[% lang.children %] [% child %] [% lang.age %]</span>
                                            <select name="child_age2_[% child %]" id="child_age2_[% child %]">
                                                [% IF cgi_params.max_child_age %]
                                                [% SET CA = 0 %]
                                                [% WHILE cgi_params.max_child_age >= CA %]
                                                [% IF CA >= cgi_params.min_child_age %]
                                                <option value="[% CA %]" [% IF child_ages.$room_index.$child == CA %]selected[% END %]>[% CA %]</option>
                                                [% END %]
                                                [% SET CA = CA + 1 %]
                                                [% END %]
                                                [% END %]
                                            </select>
                                        </div>
                                       [% child = child + 1 %]
                                    [% END %]
                                    [% ELSE %]
                                    [% WHILE child <= max_child %]
                                        <div class="child-age pt-4" id="childage2_[% child %]" style="display: none;"><span class="d-inline">[% lang.children %] [% child %] [% lang.age %]</span>
                                            <select name="child_age2_[% child %]" id="child_age2_[% child %]">
                                                [% IF cgi_params.max_child_age %]
                                                [% SET CA = 0 %]
                                                [% WHILE cgi_params.max_child_age >= CA %]
                                                [% IF CA >= cgi_params.min_child_age %]
                                                <option value="[% CA %]" [% IF child_ages.$room_index.$child == CA %]selected[% END %]>[% CA %]</option>
                                                [% END %]
                                                [% SET CA = CA + 1 %]
                                                [% END %]
                                                [% END %]
                                            </select>
                                        </div>
                                       [% child = child + 1 %]
                                    [% END %]
                                    [% END %]
                                </div>

                                <div class="dr-adult-qty room3" [% IF cgi_params.no_of_room < 3 %] style="display: none;" [% END %]>
                                    <div class="d-flex justify-content-between align-items-center mb-3">
                                        <h5><strong>[% lang.room %] 3</strong></h5>
                                        <span><i class="fa fa-trash remove_another_room3 remove_room_count" data-id="3" [% IF cgi_params.no_of_room == 3 %] style="display:block;"[% ELSE %]style="display:none;"[% END %]></i></span>
                                    </div>
                                    <div class="d-flex justify-content-between align-items-center mb-4 adults-number">
                                        <span>[% lang.adults %]</span>
                                        <div class="number">
                                            <span class="minus">-</span>
                                            <input type="text" name="no_of_adult3" id="no_of_adult3" value="[% IF cgi_params.no_of_adult3 %][% cgi_params.no_of_adult3 %][% ELSE %]2[% END %]">
                                            <span class="plus">+</span>
                                        </div>
                                    </div>

                                    [% IF hotel_detail.adult_only == 'N' %]
                                    <div class="d-flex justify-content-between align-items-center children-number" data-id="3">
                                        <span>[% lang.children %]</span>
                                        <div class="number">
                                            <span class="minus" data-id="3">-</span>
                                            <input type="text" name="no_of_child3" id="no_of_child3" value="[% IF cgi_params.no_of_child3 %][% cgi_params.no_of_child3 %][% ELSE %]0[% END %]">
                                            <span class="plus" data-id="3">+</span>
                                        </div>
                                    </div>
                                    [% END %]

                                    [% SET room_index = 3 %]
                                    [% SET max_child = 6 %]
                                    [% child = 1 %]
                                    [% IF cgi_params.no_of_child3 > 0 %]
                                    [% childs = cgi_params.no_of_child3 %]
                                    [% WHILE child <= childs %]
                                        <div class="child-age pt-4" id="childage3_[% child %]"><span class="d-inline">[% lang.children %] [% child %] [% lang.age %]</span>
                                            <select name="child_age3_[% child %]" id="child_age3_[% child %]">
                                                [% IF cgi_params.max_child_age %]
                                                [% SET CA = 0 %]
                                                [% WHILE cgi_params.max_child_age >= CA %]
                                                [% IF CA >= cgi_params.min_child_age %]
                                                <option value="[% CA %]" [% IF child_ages.$room_index.$child == CA %]selected[% END %]>[% CA %]</option>
                                                [% END %]
                                                [% SET CA = CA + 1 %]
                                                [% END %]
                                                [% END %]
                                            </select>
                                        </div>
                                       [% child = child + 1 %]
                                    [% END %]
                                    [% WHILE child <= max_child %]
                                        <div class="child-age pt-4" id="childage3_[% child %]" style="display: none;"><span class="d-inline">[% lang.children %] [% child %] [% lang.age %]</span>
                                            <select name="child_age3_[% child %]" id="child_age3_[% child %]">
                                                [% IF cgi_params.max_child_age %]
                                                [% SET CA = 0 %]
                                                [% WHILE cgi_params.max_child_age >= CA %]
                                                [% IF CA >= cgi_params.min_child_age %]
                                                <option value="[% CA %]" [% IF child_ages.$room_index.$child == CA %]selected[% END %]>[% CA %]</option>
                                                [% END %]
                                                [% SET CA = CA + 1 %]
                                                [% END %]
                                                [% END %]
                                            </select>
                                        </div>
                                       [% child = child + 1 %]
                                    [% END %]
                                    [% ELSE %]
                                    [% WHILE child <= max_child %]
                                        <div class="child-age pt-4" id="childage3_[% child %]" style="display: none;"><span class="d-inline">[% lang.children %] [% child %] [% lang.age %]</span>
                                            <select name="child_age3_[% child %]" id="child_age3_[% child %]">
                                                [% IF cgi_params.max_child_age %]
                                                [% SET CA = 0 %]
                                                [% WHILE cgi_params.max_child_age >= CA %]
                                                [% IF CA >= cgi_params.min_child_age %]
                                                <option value="[% CA %]" [% IF child_ages.$room_index.$child == CA %]selected[% END %]>[% CA %]</option>
                                                [% END %]
                                                [% SET CA = CA + 1 %]
                                                [% END %]
                                                [% END %]
                                            </select>
                                        </div>
                                       [% child = child + 1 %]
                                    [% END %]
                                    [% END %]
                                </div>

                                <div class="dr-adult-qty room4" [% IF cgi_params.no_of_room < 4 %] style="display: none;" [% END %]>
                                    <div class="d-flex justify-content-between align-items-center mb-3">
                                        <h5><strong>[% lang.room %] 4</strong></h5>
                                        <span><i class="fa fa-trash remove_room_count remove_another_room4" data-id="4" [% IF cgi_params.no_of_room == 4 %] style="display:block;" [% ELSE %] style="display:none;" [% END %]></i></span>
                                    </div>
                                    <div class="d-flex justify-content-between align-items-center mb-4 adults-number">
                                        <span>[% lang.adults %]</span>
                                        <div class="number">
                                            <span class="minus">-</span>
                                            <input type="text" name="no_of_adult4" id="no_of_adult4" value="[% IF cgi_params.no_of_adult4 %][% cgi_params.no_of_adult4 %][% ELSE %]2[% END %]">
                                            <span class="plus">+</span>
                                        </div>
                                    </div>

                                    [% IF hotel_detail.adult_only == 'N' %]
                                    <div class="d-flex justify-content-between align-items-center children-number" data-id="4">
                                        <span>[% lang.children %]</span>
                                        <div class="number">
                                            <span class="minus" data-id="4">-</span>
                                            <input type="text" name="no_of_child4" id="no_of_child4" value="[% IF cgi_params.no_of_child4 %][% cgi_params.no_of_child4 %][% ELSE %]0[% END %]">
                                            <span class="plus" data-id="4">+</span>
                                        </div>
                                    </div>
                                    [% END %]

                                    [% SET room_index = 4 %]
                                    [% SET max_child = 6 %]
                                    [% child = 1 %]
                                    [% IF cgi_params.no_of_child4 > 0 %]
                                    [% childs = cgi_params.no_of_child4 %]
                                    [% WHILE child <= childs %]
                                        <div class="child-age pt-4" id="childage4_[% child %]"><span class="d-inline">[% lang.children %] [% child %] [% lang.age %]</span>
                                            <select name="child_age4_[% child %]" id="child_age4_[% child %]">
                                                [% IF cgi_params.max_child_age %]
                                                [% SET CA = 0 %]
                                                [% WHILE cgi_params.max_child_age >= CA %]
                                                [% IF CA >= cgi_params.min_child_age %]
                                                <option value="[% CA %]" [% IF child_ages.$room_index.$child == CA %]selected[% END %]>[% CA %]</option>
                                                [% END %]
                                                [% SET CA = CA + 1 %]
                                                [% END %]
                                                [% END %]
                                            </select>
                                        </div>
                                       [% child = child + 1 %]
                                    [% END %]
                                    [% WHILE child <= max_child %]
                                        <div class="child-age pt-4" id="childage4_[% child %]" style="display: none;"><span class="d-inline">[% lang.children %] [% child %] [% lang.age %]</span>
                                            <select name="child_age4_[% child %]" id="child_age4_[% child %]">
                                                [% IF cgi_params.max_child_age %]
                                                [% SET CA = 0 %]
                                                [% WHILE cgi_params.max_child_age >= CA %]
                                                [% IF CA >= cgi_params.min_child_age %]
                                                <option value="[% CA %]" [% IF child_ages.$room_index.$child == CA %]selected[% END %]>[% CA %]</option>
                                                [% END %]
                                                [% SET CA = CA + 1 %]
                                                [% END %]
                                                [% END %]
                                            </select>
                                        </div>
                                       [% child = child + 1 %]
                                    [% END %]
                                    [% ELSE %]
                                    [% WHILE child <= max_child %]
                                        <div class="child-age pt-4" id="childage4_[% child %]" style="display: none;"><span class="d-inline">[% lang.children %] [% child %] [% lang.age %]</span>
                                            <select name="child_age4_[% child %]" id="child_age4_[% child %]">
                                                [% IF cgi_params.max_child_age %]
                                                [% SET CA = 0 %]
                                                [% WHILE cgi_params.max_child_age >= CA %]
                                                [% IF CA >= cgi_params.min_child_age %]
                                                <option value="[% CA %]" [% IF child_ages.$room_index.$child == CA %]selected[% END %]>[% CA %]</option>
                                                [% END %]
                                                [% SET CA = CA + 1 %]
                                                [% END %]
                                                [% END %]
                                            </select>
                                        </div>
                                       [% child = child + 1 %]
                                    [% END %]
                                    [% END %]
                                </div>

                                [% SET next_room_id = cgi_params.no_of_room + 1 %]
                                <div class="add_other_room" style="cursor: pointer; text-decoration:underline; [% IF cgi_params.no_of_room >= 4 %]display: none;[% END %]" data-id="[% next_room_id %]" ><span>[% lang.addotherroom %]</span></div>

                                <div class="button_group text-center p-3">
                                    <button style="background:#5eac48" class="btn button_btn button_primary button_sm search_button" type="button" datatest="Button" ><span>[% lang.closeandsearch %]</span></button>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="t-datepicker">&nbsp; <b style="font-size:17px">[% lang.checkin %] </b>
                        <div class="t-check-in"> 
                            <button class="search-bar-container_checkIn search-bar-container_selected" aria-label="Check-in Saturday, July 17, 2021" aria-expanded="true">
                               <span class="search-bar-container_label"><span>[% lang.checkin %]</span></span><span><span></span></span></button>
                        </div>
                        &nbsp; <b style="font-size:17px"> [% lang.checkout %]</b>
                        <div class="t-check-out"> 
                            <button class="search-bar-container_checkOut" aria-label="Check-out Sunday, July 18, 2021" aria-expanded="true"><span class="search-bar-container_label"><span>[% lang.checkout %]</span></span><span></span></button>
                        </div>
                    </div>

                    <div class="button_group text-end p-3">
                        <button style="background:#5eac48" class="btn button_btn button_primary button_sm search_button" type="button" datatest="Button" ><span>[% lang.change %]</span></button>
                    </div>

                    <!-- <button class="btn button_link button_arrowDownAfter" data-bs-toggle="collapse" data-bs-target="#advance_search" aria-expanded="false"><span>[% lang.specialcodesorrate %]</span></button> -->

                </div>

            </div><!-- END SEARCH BOX -->

            <div class="row py-5">
                [% IF error_message %]<span class="form-error"><i class="lnr lnr-warning pe-2"></i>[% error_message %]</span>[% END %]
                <div class="col-md-8">
                    
  
                    <div style="font-size:12px !important" class="content-box pt-5">
                        [% IF room_list %][% IF cgi_params.lang == 'en' %][% hotel_detail.special_note %]<br><br>[% ELSIF cgi_params.lang == 'it' %][% hotel_detail.special_note_it %]<br><br>[% ELSIF cgi_params.lang == 'de' %][% hotel_detail.special_note_de %][% ELSIF cgi_params.lang == 'fr' %][% hotel_detail.special_note_fr %][% ELSIF cgi_params.lang == 'es' %][% hotel_detail.special_note_es %][% END %][% ELSE %][% lang.noroomavailablemessage %][% END %]
                   </div>
                   

                    [% IF group_room_data.size %]
                    <!-- START FILTER BOX  
                    <div class="filter-bar" >
                      
                        <div class="filter-inner d-flex justify-content-end align-items-end">
                             <div class="result-by">
                                <label>[% lang.viewresultby %]</label>
                                <select id="result_by" class="js-states form-control">
                                    <option value="Room">[% lang.rooms %]</option>
                                </select>
                            </div> 

                            <div class="sort-by">
                                <label>[% lang.sortby %]</label>
                                <select id="sort_by" class="js-states form-control">
                                    <option>[% lang.recommended %]</option>
                                    <option value="low_high">[% lang.lowestprice %]</option>
                                    <option value="high_low">[% lang.highestprice %]</option>
                                </select>
                            </div>
 
                            <div class="sort-filter">
                                <a data-bs-toggle="collapse" href="#filter-dropdown" class="filter-btn" aria-expanded="false">[% lang.showfilters %]</a>
                            </div>
 
                        </div>

                    </div>  END FILTER BOX -->
                    [% END %]

                    <div style="display:none" class="collapse" id="filter-dropdown">
                        <!-- START FILTER AREA -->

                        <div class="filter-area">

                            <div class="d-flex justify-content-between align-items-center">
                                <h2>[% lang.filters %]</h2>
                                <a data-bs-toggle="collapse" href="#filter-dropdown" class="filter-bar_close" aria-expanded="false"></a>
                            </div>

                            <div class="filter-area-inner pt-3 ">

                                <div class="row">
                                    <div class="col-md-6 br-right my-4 pe-md-4">
                                        <h4 class="pb-3">[% lang.display %]</h4>

                                        <ul>
                                            <li class="filter-bar_radio">
                                                <input id="room_layoutId" name="viewType" type="radio" value="" /><label for="room_layoutId"><span class="app_radioBox"></span>[% lang.viewbyrooms %]</label>
                                            </li>
                                            <li class="filter-bar_radio">
                                                <input id="rate_layoutId" name="viewType" type="radio" value="" /><label for="rate_layoutId"><span class="app_radioBox"></span>[% lang.viewbyrates %]</label>
                                            </li>
                                        </ul>

                                    </div>

                                    <div class="col-md-6 my-4 ps-md-4">
                                        <h4 class="pb-3">[% lang.sortby %]</h4>

                                        <ul>
                                            <li class="filter-bar_radio">
                                                <input id="recommended_by" name="sort_by" type="radio" value="" /><label for="recommended_by"><span class="app_radioBox"></span>[% lang.recommended %]</label>
                                            </li>
                                            <li class="filter-bar_radio">
                                                <input id="lowest_by" name="sort_by" type="radio" value="" /><label for="lowest_by"><span class="app_radioBox"></span>[% lang.lowestprice %]</label>
                                            </li>
                                            <li class="filter-bar_radio">
                                                <input id="highest_by" name="sort_by" type="radio" value="" /><label for="highest_by"><span class="app_radioBox"></span>[% lang.highestprice %]</label>
                                            </li>
                                        </ul>
                                    </div>
                                </div>

                                <hr>

                                
                                [% IF hotel_facility_list.size %]
                                <div class="row">
                                    <div class="col-md-6 my-4 ps-md-4">
                                        <div class="d-flex justify-content-between">
                                            <h4 class="pb-3">[% leang.features %]</h4>
                                        </div>

                                        <ul>
                                    [% SET f_count = 0 %]
                                    [% FOR f = hotel_facility_list %]
                                    [% IF f_count < one_side_facility_count %]
                                        <li class="filter-bar_checkbox">
                                            <input class="facility_list" id="facility[% f.id %]" name="facility[% f.id %]" data-id="[% f.id %]" type="checkbox" value="" /><label for="facility[% f.id %]"><span class="app_radioBox"></span>[% f.name %]</label>
                                        </li>
                                    [% ELSE %]
                                    [% IF f_count == one_side_facility_count %]
                                    </ul>
                                    </div>
                                    <div class="col-md-6 my-4 ps-md-4">
                                        <div class="d-flex justify-content-between">
                                            <h4 class="pb-3"></h4>
                                            <a href="javascript:void()" class="clear_facility_list">[% lang.clear %]</a>
                                        </div>

                                        <ul>
                                    [% END %]
                                        <li class="filter-bar_checkbox">
                                            <input class="facility_list" id="facility[% f.id %]" name="facility[% f.id %]" data-id="[% f.id %]" type="checkbox" value="" /><label for="facility[% f.id %]"><span class="app_radioBox"></span>[% f.name %]</label>
                                        </li>
                                    [% END %]
                                    [% SET f_count = f_count + 1 %]
                                    [% END %]
                                    </ul>
                                    </div>
                                </div>

                                <hr>
                                [% END %]

                                <div class="row">
                                    <div class="col-md-6 br-right my-4 pe-md-4">
                                        <div class="d-flex justify-content-between">
                                            <h4 class="pb-3">[% lang.ratetype %]</h4>
                                            <a href="javascript:void()" class="clear_rate_type">[% lang.clear %]</a>
                                        </div>

                                        <ul>
                                            [% IF unique_rate_type_list.size %]
                                            [% FOR rate = unique_rate_type_list %]
                                            <li class="filter-bar_checkbox">
                                                <input class="rate_type_filter" id="rate[% rate.id %]" name="rate[% rate.id %]" data-id="[% rate.id %]" type="checkbox" value="" /><label for="rate[% rate.id %]"><span class="app_radioBox"></span>[% rate.name %]</label>
                                            </li>
                                            [% END %]
                                            [% END %]
                                        </ul>
                                    </div>

                                    <div class="col-md-6 br-right my-4 pe-md-4">
                                        <div class="d-flex justify-content-between">
                                            <h4 class="pb-3">[% lang.roomtype %]</h4>
                                            <a href="javascript:void()" class="clear_room_type">[% lang.clear %]</a>
                                        </div>

                                        <ul>
                                            [% IF unique_room_type_list.size %]
                                            [% FOR room = unique_room_type_list %]
                                            <li class="filter-bar_checkbox">
                                                <input class="room_type_filter" id="room[% room.id %]" name="room[% room.id %]" data-id="[% room.id %]"  type="checkbox" value="" /><label for="room[% room.id %]"><span class="app_radioBox"></span>[% room.name %]</label>
                                            </li>
                                            [% END %]
                                            [% END %]
                                        </ul>
                                    </div>
                                </div>

                                <hr>

                                <div class="row">
                                    <div class="col-md-6 my-4 ps-md-4">
                                        <div class="d-flex justify-content-between">
                                            <h4 class="pb-3">[% lang.price %] ([% lang.avg %]./[% lang.night %])</h4>
                                        </div>

                                        <div class="price-range-slider">
                                            <input type="hidden" name="selected_min_price" id="selected_min_price">
                                            <input type="hidden" name="selected_max_price" id="selected_max_price">
                                            <p class="range-value">
                                                <input type="text" id="amount" readonly>
                                            </p>
                                            <div id="slider-range" class="range-bar"></div>

                                        </div>
                                    </div>
                                </div>

                                <hr>

                                <div class="d-flex justify-content-end align-items-center">
                                    <button class="btn button_link reset_filter" data-bs-toggle="collapse" data-bs-target="#advance_search"><span>[% lang.reset %]</span></button>
                                    <button type="submit" class="btn button_primary ms-3 apply_filter">[% lang.apply %]</button>
                                </div>


                            </div>
                        </div>
                    </div><!-- END FILTER AREA -->

                    <div class="modal modal-full fade" tabindex="-1" id="all-features" aria-hidden="true">
                        <!-- START ALL FEATURES -->
                        <div class="modal-dialog">
                            <div class="modal-content">
                                <div class="modal-header">

                                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                                </div>
                                <div class="modal-body filter-area border-0 m-0">
                                    <div class="d-flex justify-content-between">
                                        <h4>[% lang.features %]</h4>
                                        <a href="javascript:void()">[% lang.clear %]</a>
                                    </div>

                                    <ul class="column-2 py-3">
                                        <li class="filter-bar_checkbox">
                                            <input id="allfeatures1" name="allfeatures1" type="checkbox" value=""><label for="allfeatures1"><span class="app_radioBox"></span>Air Conditioning in Room</label>
                                        </li>
                                        <li class="filter-bar_checkbox">
                                            <input id="allfeatures2" name="allfeatures2" type="checkbox" value=""><label for="allfeatures2"><span class="app_radioBox"></span>Air conditioning individually controlled in room</label>
                                        </li>
                                        <li class="filter-bar_checkbox">
                                            <input id="allfeatures3" name="features3" type="checkbox" value=""><label for="allfeatures3"><span class="app_radioBox"></span>All news channel</label>
                                        </li>
                                        <li class="filter-bar_checkbox">
                                            <input id="allfeatures4" name="features4" type="checkbox" value=""><label for="allfeatures4"><span class="app_radioBox"></span>Balcony/Terrace</label>
                                        </li>
                                        <li class="filter-bar_checkbox">
                                            <input id="allfeatures5" name="features5" type="checkbox" value=""><label for="allfeatures5"><span class="app_radioBox"></span>Bathroom amenities</label>
                                        </li>
                                        <li class="filter-bar_checkbox">
                                            <input id="allfeatures6" name="features6" type="checkbox" value=""><label for="allfeatures6"><span class="app_radioBox"></span>Air Conditioning in Room</label>
                                        </li>
                                        <li class="filter-bar_checkbox">
                                            <input id="allfeatures7" name="features7" type="checkbox" value=""><label for="allfeatures7"><span class="app_radioBox"></span>Air conditioning individually controlled in room</label>
                                        </li>
                                        <li class="filter-bar_checkbox">
                                            <input id="allfeatures8" name="features8" type="checkbox" value=""><label for="allfeatures8"><span class="app_radioBox"></span>All news channel</label>
                                        </li>
                                        <li class="filter-bar_checkbox">
                                            <input id="allfeatures9" name="features9" type="checkbox" value=""><label for="allfeatures9"><span class="app_radioBox"></span>Balcony/Terrace</label>
                                        </li>
                                        <li class="filter-bar_checkbox">
                                            <input id="allfeatures10" name="features10" type="checkbox" value=""><label for="allfeatures10"><span class="app_radioBox"></span>Bathroom amenities</label>
                                        </li>
                                        <li class="filter-bar_checkbox">
                                            <input id="allfeatures11" name="features11" type="checkbox" value=""><label for="allfeatures11"><span class="app_radioBox"></span>Air Conditioning in Room</label>
                                        </li>
                                        <li class="filter-bar_checkbox">
                                            <input id="allfeatures12" name="features12" type="checkbox" value=""><label for="allfeatures12"><span class="app_radioBox"></span>Air conditioning individually controlled in room</label>
                                        </li>

                                    </ul>
                                    <hr>
                                    <div class="text-end">
                                        <button type="submit" class="btn button_primary ms-3">SELECT</button>
                                    </div>

                                </div>
                            </div>
                        </div>
                    </div><!-- END ALL FEATURES -->

                    <div id="room_result">
                        [% room_list %]
                    </div>
                </div><!-- END LEFT CONTENT -->

                <div class="col-md-4">
                    <div class="reservation-box mt-5">
                        <div class="reservation-inner">
                            <h2>[% IF hotel_detail.on_request_booking == 'Y' %][% lang.yourstay_request %][% ELSE %][% lang.yourstay %][% END %]</h2>

                            <br>    
                            <div class="row d-flex  ">
                                <div class="col-6">
                                    <h4>[% lang.checkin %]</h4>
                                     <small><i class='fa fa-clock'></i>[% lang.after %] [% hotel_detail.check_in %]</small>
                                     <span style="font-size:9px;display:block"> 
                                     [% IF cgi_params.lang == 'en' %][% hotel_detail.wifi_info %][% ELSIF cgi_params.lang == 'it' %][% hotel_detail.wifi_info_it %][% ELSIF cgi_params.lang == 'es' %][% hotel_detail.wifi_info_es %][% ELSIF cgi_params.lang == 'de' %][% hotel_detail.wifi_info_de %][% ELSIF cgi_params.lang == 'fr' %][% hotel_detail.wifi_info_fr %][% END %]
                                    </span>
                                </div>
                                <div class="col-6">
                                    <h4>[% lang.checkout %]</h4>
                                    <small><i class='fa fa-clock'></i>[% lang.before %] [% hotel_detail.check_out %]</small> 
                                </div>
                            </div>

                            <div class="row d-flex py-4">
                                <div class="col-6">
                                    <h5><i class='fa fa-calendar'></i> [% cgi_params.check_in_string %]</h5>
                                    
                                </div>
                                <div class="col-6">
                                    <h5><i class='fa fa-calendar'></i> [% cgi_params.check_out_string %]</h5>
                                </div>
                            </div>

                            <!-- <h5>[% cgi_params.check_in_string %] - [% cgi_params.check_out_string %]</h5> -->
                            <h5>[% cgi_params.no_of_night %] [% IF search_params.no_of_night == 1 %][% lang.night %][% ELSE %][% lang.nights %][% END %] | [% cgi_params.no_of_adult %] [% IF cgi_params.no_of_adult == 1 %][% lang.adult %][% ELSE %][% lang.adults %][% END %] [% IF hotel_detail.adult_only == 'N' %]| [% cgi_params.no_of_child %] [% lang.children %][% END %]
                                <!--<span class="num_rooms">[% IF cgi_params.no_of_room %] | [% cgi_params.no_of_room %] [% IF cgi_params.no_of_room == 1 %][% lang.room %][% ELSE %][% lang.rooms %][% END %][% END %]</span>-->
                                
                                [% IF hotel_detail.is_apartments %]
                                <span class="num_rooms">[% IF cgi_params.no_of_room %] | [% cgi_params.no_of_room %][% lang.apartments %] [% END %]</span>
                                [% ELSE %]
                                <span class="num_rooms">[% IF cgi_params.no_of_room %] | [% cgi_params.no_of_room %] [% IF cgi_params.no_of_room == 1 %][% lang.room %][% ELSE %][% lang.rooms %][% END %][% END %]</span>
                                [% END %]
                            </h5>

                            <div class="row d-flex py-4">
                                <div class="col-6">
                                     <div class="criteria-promo-codes_input">
                                        <div class="input-field_container">
                                            <label class="field-input" for="code">
                                            <input id="promo_code" type="text" name="promo_code" placeholder="[% lang.enterpromocode %]" value="[% cgi_params.promo_code %]">
                                            </label>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-6">
                                    <button class="btn button_btn button_secondary  button_sm search_button" datatest="Button"><span>[% lang.apply %]</span></button>
                                </div>
                            </div>
                            [% IF is_coupon_valid == 0 %]
                            <div class=" row m-0 py-2">
                                <div class="col-12 p-0"> 
                                    <span class="text-danger">
                                        * Coupon code invalid or expired
                                    </span> 
                                </div>
                            </div>
                            [% ELSE %]
                            [% IF coupon_detail %]
                                <div class=" row m-0 py-2">
                                    <div class="col-12 p-0"> 
                                        <span style="color: green;">
                                            * Coupon discount will apply once room will add<br/>
                                            * Discount: [% IF coupon_detail.fixed_discount > 0 %][% coupon_detail.fixed_discount %] EUR Fixed & [% END %][% IF coupon_detail.discount_percentage > 0 %][% coupon_detail.discount_percentage %] %[% END %] 
                                        </span> 
                                    </div>
                                </div>
                            [% END %]
                            
                            [% END %]


                            <div class="room_cart">
                                [% cart_list %]
                            </div>
                        </div>

                        [% IF group_room_data.size %]
                        <button class="btn button_primary mt-4 w-100 check_cart stick-btn" datatest="Button" style="background: #5eac48 !important;"><span>[% lang.continuetobook %]</span><span class="loader" style="display: none;"><img src="[% config_params.root_url.url %]/image/loader.gif"></span><span class="total_to_pay"></span></button>
                        [% END %]
                    </div>

                </div><!-- END RIGHT CONTENT -->

            </div>
        </div>
    </div>
    
</div>

<div class="modal fade" tabindex="-1" id="errorbook">
    <div class="modal-dialog modal-sm">
        <div class="modal-content">
            <div class="modal-header">

            </div>
            <div class="modal-body text-center">
                <div class="error-icon pb-4"><span class="lnr lnr-warning "></span></div>
                <h2>[% lang.popupmessage %]</h2>
                <h4 class="main_content">[% lang.noroomselected %]</h4>
            </div>
            <button type="submit" value="ok" data-bs-dismiss="modal" class="btn button_primary error-btn mt-4">[% lang.closepopup %]</button>

        </div>
    </div>
</div> 

[% INCLUDE footer.html %]