title = "Hotels"
url = "/hotels"
layout = "default"
is_hidden = 0

[session]
security = "user"
redirect = "home"
==
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
{%
    partial "listings/top-block"
    breadcrumb_title="Hotels"
    title="Hotels"
    description=""
%}
<style>
     .listing-result li:nth-child(2):after, .listing-result li:nth-child(3):after{
    display: none;
}
</style>
<div class="content-container">
    <div id="app"></div>
</div>
<script>
let url = window.location.href;
var arr = url.split('?');
const queryString = window.location.search;
console.log(arr);
if (url.length > 1 && !arr[1]) {
const urlParams = new URLSearchParams(queryString);
const displaymod = urlParams.get('display-mod');
if(!displaymod ){
    window.location.href += '?&display-mod=cards-grid';
}
}
else if (url.length > 1 && arr[1]) {
const urlParams = new URLSearchParams(queryString);
const displaymod = urlParams.get('display-mod');
if(!displaymod ){
    window.location.href += '&display-mod=cards-grid';
}
}
</script>
<script>
    window.caribbeanListing = {
        baseUrl: '/webapi/v1/hotel-search',
        secondUrl: '/webapi/v1/hotel-search',
        urlAlias: '/hotel/',
        favoriteType: 'hotel',
        mapApiKey: 'AIzaSyAoUo-gAEfbSoxEJ-oWxoc47yArTi09ZCc'
    };
</script>
<script src="/themes/ketikidis-octobercms-success/assets/js/dist/listing.js"></script>