@using TraviYoWeb.Packages.Entity
@model Param
@{
    ViewBag.Title = ViewBag.Title;
    Layout = "~/Views/Shared/_Layout.cshtml";
    //ViewBag.MetaTags= Model.MetaTags;
    ViewBag.OgTags= ViewBag.Og;
}


<script>
    //$(document).ready(function () {
    //    $('#queryFormaskaques').modal('show');
    //});

</script>
<style>


    .specialPcakgeSec{
        padding:30px 0px !important;
    }
    div#specialsPkgslider .owl-nav.disabled, #staycations .owl-nav.disabled {
        display: block;
    }
  
    #clnt-carausel .owl-stage {
        display: flex;
        align-items: center;
    }
    input.form-control[readonly] {
        background: #ffffff;
    }
    .owl-activity .title {
        
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-weight: 600;
        text-transform: capitalize;
        font-size: 16px;
        margin-bottom: 0px;
    }

    .boxed h3 {
        margin: 0px;
        padding: 10px;
    }

    .slidervisa a .boxed {
        transition: .5s all;
        border-radius: 20px;
        margin: 5px 2px;
        overflow: hidden;
        margin: 10px 0px;
    }


    .card.card-placeloader {
        display: block !important;
    }

    .imgBoed img {
        height: 215px;
        object-fit: cover;
    }

    .populer-destinations-section.secPad {
        padding: 30px 0px !important;
    }

    .top-destinations-section.themepad {
        margin-top: 0px !important;
    }

    .csection {
        margin-top: 0px !important;
        margin-bottom: 0px;
    }

    .slidervisa {
        margin-bottom: 0px !important;
    }

    .testimonial-container {
        /*padding-top:30px !important;*/
        margin-top: 30px !important;
    }
       /* .slidervisa a .boxed {
            box-shadow: 0px 0px 10px -2px rgba(0,0,0,.5);
        }*/
</style>
<div class="homeBanner">

    
    <div class="row mx-0 ">

        <div class=" cformBox bansearch">
            @*<h2 class="form-group text-center bnheader">Book Domestic and International Holidays</h2>*@
            @*<ul class="banner-caption-point">
                <li>EASY BOOKING</li>
                <li>LOWEST PRICE</li>
                <li>EXCITING DEALS</li>
                <li>24/7 SUPPORT</li>
            </ul>*@
            <div class="container bg-tech ">
                <div class="search-nav-list">
                    <a href="/Home/Index" class="active">
                        <span>
                            <img src="/Content/images/icons/traveler.png" alt="" class="menuicon">
                        </span>
                        Packages
                    </a>
                    <a href="/Home/HotelSearch">
                        <span>
                            <img src="/Content/images/icons/shotel.png" alt="" class="menuicon">
                        </span> Hotels
                    </a>

                    <a href="/Home/ActivitySearch" class="">
                        <span>
                            <img src="/Content/images/icons/sactivities.png" alt="" class="menuicon">
                        </span> Activity
                    </a>
                </div>
                @*<div class="cSideForm">
                    <h3 class="form-group"> <span>Book Packages</span></h3>
                    @using (Html.BeginForm("Index", "Package", FormMethod.Get, new { @id = "payefrm", enctype = "multipart/form-data", @class = "row" }))
                    {

                        <div class="col-lg-3 col-md-2 col-sm-12 col-xs-12">

                            <div class="form-group">
                                <label class="hidden-sm">Select City,Package</label>
                                @Html.TextBoxFor(m => m.City, null, new { @class = "form-control searchCity", @placeholder = "Search City", @id = "banerCity" })
                                <div class="searchList1">

                                </div>
                            </div>
                        </div>
                        <div class="col-lg-3 col-md-2 col-sm-12 col-xs-12" style="display:none">
                            <div class="form-group autoBox ">
                                <label class="hidden-sm">Select Category</label>
                                @Html.DropDownListFor(m => m.Themes, ViewBag.sal as IEnumerable<SelectListItem>, "Select Category", new { @class = "form-control", @id = "policyDays_" })
                                @Html.HiddenFor(m => m.Themes, new { @id = "hiddenThems" })
                                <input type="text" class="form-control" placeholder="Select Category" value="Select Category"  readonly/>
                                <ul class="autoBoxList">
                                    @foreach (var data in ViewBag.clist)
                                    {
                                        <li data-val="@data.Value">@data.Text</li>
                                    }

                                </ul>

                            </div>
                        </div>


                        <div class="col-lg-3 col-md-3 col-sm-12 col-xs-12 departretDate">
                            <div class="form-group">
                                <div>
                                    <label class="hidden-sm">Travelling Date</label>
                                    <i class="fa fa-calendar icons"></i>
                                    @Html.TextBoxFor(m => m.TravelDate, null, new { @class = "form-control alternate singleDatePic", @value = "12 May 21", @id = "bannerDate" })
                                    <span class="sday"></span>
                                    <input class="form-control form-datepicker" id="bannerDate" placeholder="Travelling date" type="text">
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-2 col-md-2 col-sm-12 col-xs-12 budgetinput">
                            <div class="form-group">
                                <div>
                                    <label class="hidden-sm">Budget(in INR)</label>
                                    @Html.TextBoxFor(m => m.EndPrice, null, new { @class = "form-control", @placeholder = "Budget", @id = "bannerBudget" })
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-12 departretDate">
                            <div class="form-group">
                                <div class="">
                                    @Html.TextBoxFor(m => m.TravelDate, null, new { @class = "form-control form-datepicker", @placeholder = "Travelling Date", @id = "bannerDate" })
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-12">
                    <div class="form-group">
                        <div>
                            <label>No. of Passenger</label>
                       <i class="fa fa-user icons"></i>
                        <input class="form-control" placeholder="No. of Passenger" type="number" value="1">
                            </div>
                        </div>
                    </div>
                        <div class="col-lg-4 col-md-3 col-sm-12 col-xs-12">
                            <div class="form-group">
                                <label class="hidden-sm">No. Of Passengers</label>
                                <div class="serch-flt-traveller-count travellers-serch-wrapper " id="travellers-flight-wrapper">
                                    <div class="form-flt-traveller" data-flight-list-id="homeSerchFltBooking" data-flight-card-id="travellers-flight-wrapper">
                                        <div class="form-control form-flight-count" aria-expanded="false">

                                            <span class="count-traveller">
                                                <span id="travellerCount" class="count">1</span>
                                                <span class="text">Passenger</span>
                                            </span>
                                            <span class="bs-caret">
                                                <span class="caret"></span>
                                            </span>
                                        </div>
                                    </div>
                                    <div class="search-flt-dum">
                                        <div class="search-flt-wrapper pb-0">
                                            <div class="search-flt-flight row mb-0" aria-labelledby="dLabel" id="homeSerchFltBooking">
                                                <div class="booking-modal-flight-artical col-xs-12">
                                                    <div class=" flight-artical-list">
                                                        <div class="trvlrmodifier">
                                                            <div class="list-one-way info">
                                                                <div class="flt-code">
                                                                    Adult <span class="header-tittle">(12+ yrs)</span>
                                                                </div>

                                                            </div>
                                                            <div class="action-control max-with with-button">
                                                                <div class="form-group control form-group-sm is-value">
                                                                    <span class="edit-qty minus thisadult"><i class="fa fa-minus icons"></i></span>
                                                                    <input name="qty_adult" id="qty_adult" maxlength="12" value="1" title="Qty" class="input-text form-control qty" readonly="">
                                                                    <span class="edit-qty plus"><i class="fa fa-plus icons"></i></span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="booking-modal-flight-artical col-xs-12">
                                                    <div class=" flight-artical-list">
                                                        <div class="trvlrmodifier">
                                                            <div class="list-one-way info">
                                                                <div class="flt-code">
                                                                    Child <span class="header-tittle">(2-12 yrs)</span>
                                                                </div>

                                                            </div>
                                                            <div class="action-control max-with with-button">
                                                                <div class="form-group control form-group-sm is-value">
                                                                    <span class="edit-qty minus"><i class="fa fa-minus icons"></i></span>
                                                                    <input name="qty_child" id="qty_child" maxlength="12" value="0" title="Qty" class="input-text form-control qty" readonly="">
                                                                    <span class="edit-qty plus"><i class="fa fa-plus icons"></i></span>
                                                                </div>
                                                            </div>
                                                        </div>

                                                    </div>
                                                </div>
                                                <div class="booking-modal-flight-artical col-xs-12">
                                                    <div class=" flight-artical-list">
                                                        <div class="trvlrmodifier">
                                                            <div class="list-one-way info">
                                                                <div class="flt-code">
                                                                    Infant <span class="header-tittle">(0-2 yrs)</span>
                                                                </div>

                                                            </div>
                                                            <div class="action-control max-with with-button">
                                                                <div class="form-group control form-group-sm is-value">
                                                                    <span class="edit-qty minus"><i class="fa fa-minus icons"></i></span>
                                                                    <input name="qty_infant" id="qty_infant" maxlength="12" value="0" title="Qty" class="input-text form-control qty" readonly="">
                                                                    <span class="edit-qty plus"><i class="fa fa-plus icons"></i></span>
                                                                </div>
                                                            </div>
                                                        </div>

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

                                        </div>

                                        <div class="search-flt-dumclose">
                                            <button class="btn btn-cancel canceltrvlsearch" type="button">Cancel</button>
                                            <button class="btn btn-theme donetrvlsearch" type="button">Done</button>
                                        </div>
                                    </div>

                                    <div class="overlaysearch"></div>
                                </div>
                            </div>
                        </div>

                        <div class="col-xs-12">
                            <div class="action-control max-with with-button">
                                <div class="form-group control form-group-sm is-value">
                                    <span class="edit-qty minus"><i class="fa fa-minus icons"></i></span>
                                    <input name="qty_adult"  maxlength="12" value="1" title="" class="input-text form-control qty">
                                    <span class="edit-qty plus"><i class="fa fa-plus icons"></i></span>
                                </div>
                            </div>
                        </div>

                        <div class=" col-lg-2 col-md-2 col-sm-12 col-xs-12">
                            <div class="btn-serch text-center">
                                <button name="" type="submit" onclick="return CheckInternation()" value="Search" class="btn btn-theme hoverable btn-inline-block">Search <i class="fas fa-arrow-right ml-3"></i></button>
                                <button name="" type="submit" value="Search" class="btn btn-theme hoverable btn-inline-block">Search <i class="fas fa-arrow-right ml-3"></i></button>
                            </div>
                        </div>
                        <div class="searchCityBox">
                            <div class="searchHeader">
                                <i class="fas fa-arrow-left ml-3 pull-left cSideFormClose"></i>  <strong>Select Destination</strong>
                            </div>
                            <div class="searchInput form-group">
                                <label class="text-danger">Select City, Location</label>

                                <input class="form-control" type="text" id="packageAutocomplete" />
                            </div>
                            <div class="searchList2">

                            </div>

                        </div>
                        <div class="searchdateBox departretDate">
                            <div class="searchHeader">
                                <i class="fas fa-arrow-left ml-3 pull-left cSideFormClose"></i>  <strong>Select Destination</strong>
                            </div>
                            <div class="searchInput form-group">
                                <label class="text-danger">Travelling Date</label>
                                <input class="form-control alternate" type="text" />
                                <span class="sday">Monday</span>
                            </div>
                            <div id="wallDatepicker"></div>
                        </div>
                    }

                </div>*@
            </div>
        </div>
        <div class="col-xs-12 px-0 trv-loader with-loader-none">
            @{Html.RenderAction("Banner", "Home");}
        </div>


    </div>
    
</div>

<section class="clnt-logo">
    <div class="container">
        <div class="row with-nav owl-carousel owl-loaded owl-drag" id="clnt-carausel">
            <div class="">
                <div class="clnt-img">
                    <img src="~/Content/images/banner/emirites.png" />
                </div>
            </div>
            <div class="">
                <div class="clnt-img">
                    <img src="~/Content/images/banner/eithad.png" />
                </div>
            </div>
            <div class="">
                <div class="clnt-img">
                    <img src="~/Content/images/banner/phlipline.png" />

                
                </div>
            </div>
            <div class="">
                <div class="clnt-img">
                    <img src="~/Content/images/banner/Singapore Airlines.png" />
                </div>
            </div>
            <div class="">
                <div class="clnt-img">
                    <img src="~/Content/images/banner/Cathay Pacific Airlines.png" />
                </div>
            </div>
            <div class="">
                <div class="clnt-img">
                    <img src="~/Content/images/banner/Cebu Pacific Airlines.png" />
                </div>
            </div>
            <div class="">
                <div class="clnt-img">
                    <img src="~/Content/images/banner/Fly Dubai.png" />
                </div>
            </div>
            <div class="">
                <div class="clnt-img">
                    <img src="https://i.postimg.cc/yNDXS9qq/Air-Arabia.png" />
                </div>
            </div>

        </div>
        
    </div>
</section>
@* end-spacial-package-duplcate *@
<div class="pages">

    <div id="homepgaeDetails">
        <div class="page-section" id="PAckageSectionStart">
            <div class="container">
                <div>
                    <div class="heading-page">
                        <h2 class="header" id="Heading1">Specials</h2>
                        <div class="sub-heading" id="SubHeading1">
                            World's leading tour and travels Booking website,Over 30,000 packages
                            worldwide.
                        </div>
                        <span class="head_hr"></span>
                    </div>

                    <div id="specialsPkgslider" class="row">
                        <div class="col-sm-4">
                            <div class="spacial-packages-card with-pkg-id">
                                <div class="card-img-wrap">

                                    <div class="card-img card card-placeloader">
                                        <a href="#">
                                            <div class="image"></div>
                                            <!-- <img alt="icon-page-banner1" title="icon-page-banner1" src="images/banner/icon-page-banner1.png">  -->
                                        </a>
                                    </div>
                                </div>
                                <div class="card-about">
                                    <div class="about-contant">
                                        <div class="card card-placeloader">
                                            <div class="paragraph">

                                                <div class="line"></div>
                                                <div class="line"></div>
                                            </div>
                                        </div>

                                    </div>
                                    <div class="price-contant">
                                        <div class="package-price">
                                            <div class="card card-placeloader">
                                                <div class="paragraph">

                                                    <div class="line"></div>
                                                    <div class="line"></div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="link-button">
                                            <!-- <a href="hotel-detail.html" class="btn btn-theme link-booknow hoverable hidden-xs">View -->
                                            <!-- Detail</a> -->
                                            <div class="package-id-artical">
                                                <div class="card card-placeloader">
                                                    <div class="paragraph">

                                                        <div class="line"></div>
                                                        <div class="line"></div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="col-sm-4">
                            <div class="spacial-packages-card with-pkg-id">
                                <div class="card-img-wrap">

                                    <div class="card-img card card-placeloader">
                                        <a href="#">
                                            <div class="image"></div>
                                            <!-- <img alt="icon-page-banner1" title="icon-page-banner1" src="images/banner/icon-page-banner1.png">  -->
                                        </a>
                                    </div>
                                </div>
                                <div class="card-about">
                                    <div class="about-contant">
                                        <div class="card card-placeloader">
                                            <div class="paragraph">

                                                <div class="line"></div>
                                                <div class="line"></div>
                                            </div>
                                        </div>

                                    </div>
                                    <div class="price-contant">
                                        <div class="package-price">
                                            <div class="card card-placeloader">
                                                <div class="paragraph">

                                                    <div class="line"></div>
                                                    <div class="line"></div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="link-button">
                                            <!-- <a href="hotel-detail.html" class="btn btn-theme link-booknow hoverable hidden-xs">View -->
                                            <!-- Detail</a> -->
                                            <div class="package-id-artical">
                                                <div class="card card-placeloader">
                                                    <div class="paragraph">

                                                        <div class="line"></div>
                                                        <div class="line"></div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="col-sm-4">
                            <div class="spacial-packages-card with-pkg-id">
                                <div class="card-img-wrap">

                                    <div class="card-img card card-placeloader">
                                        <a href="#">
                                            <div class="image"></div>
                                            <!-- <img alt="icon-page-banner1" title="icon-page-banner1" src="images/banner/icon-page-banner1.png">  -->
                                        </a>
                                    </div>
                                </div>
                                <div class="card-about">
                                    <div class="about-contant">
                                        <div class="card card-placeloader">
                                            <div class="paragraph">

                                                <div class="line"></div>
                                                <div class="line"></div>
                                            </div>
                                        </div>
                                        
                                    </div>
                                    <div class="price-contant">
                                        <div class="package-price">
                                            <div class="card card-placeloader">
                                                <div class="paragraph">

                                                    <div class="line"></div>
                                                    <div class="line"></div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="link-button">
                                            <!-- <a href="hotel-detail.html" class="btn btn-theme link-booknow hoverable hidden-xs">View -->
                                            <!-- Detail</a> -->
                                            <div class="package-id-artical">
                                                <div class="card card-placeloader">
                                                    <div class="paragraph">

                                                        <div class="line"></div>
                                                        <div class="line"></div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>



                </div>
            </div>

        </div>


    </div>

</div>


<script>
 

 

    $(document).ready(function () {

        $(document).on('click', function (e) {
            var ariticalRoomWrapp = $('#' + $('.serch-room-count').find('.form-group').data('travellers-wrapper'));

            var ariticalFltWrap = $('.serch-flt-traveller-count');
            ariticalRoomWrapp.removeClass('active');
            ariticalFltWrap.removeClass('active');
        });



        $('.autoBox .form-control').click(function () {
            $(this).parent().addClass('open');
        })
        $('.autoBox li').click(function () {
            let thisVal = $(this).text();
            document.getElementById("hiddenThems").value = $(this).attr('data-val');
            $(this).parents('.autoBox').find('.form-control').val(thisVal);
            $(this).parents('.autoBox').removeClass('open');
        })





        if ($(window).width() < 769) {

            // mobile datepicker
            $('.singleDatePic').click(function () {
                let thisParent = $(this).parents('.cSideForm').find('.searchdateBox');
                thisParent.addClass('open');

            })
            $('.searchdateBox .cSideFormClose').click(function () {
                $(this).parents('.searchdateBox').removeClass('open');
            })
            //$(function () {

            //    $("#wallDatepicker").datepicker({
            //        changeMonth: false,
            //        changeYear: false,
            //        minDate: 0,
            //        hideIfNoPrevNext: false,
            //        altField: ".alternate",
            //        onSelect: function () {
            //            $('.searchdateBox').removeClass('open');
            //            var seldate = $(this).datepicker('getDate');
            //            seldate = seldate.toDateString();
            //            seldate = seldate.split(' ');
            //            var weekday = new Array();
            //            weekday['Mon'] = "Monday";
            //            weekday['Tue'] = "Tuesday";
            //            weekday['Wed'] = "Wednesday";
            //            weekday['Thu'] = "Thursday";
            //            weekday['Fri'] = "Friday";
            //            weekday['Sat'] = "Saturday";
            //            weekday['Sun'] = "Sunday";
            //            var dayOfWeek = weekday[seldate[0]];
            //            $('.sday').text(dayOfWeek);
            //        },
            //        dateFormat: 'dd-mm-yy'

            //    });

            //    setTimeout(function () {
            //        let seldate = $('#wallDatepicker').datepicker('getDate');
            //        seldate = seldate.toDateString();
            //        seldate = seldate.split(' ');
            //        let weekday = new Array();
            //        weekday['Mon'] = "Monday";
            //        weekday['Tue'] = "Tuesday";
            //        weekday['Wed'] = "Wednesday";
            //        weekday['Thu'] = "Thursday";
            //        weekday['Fri'] = "Friday";
            //        weekday['Sat'] = "Saturday";
            //        weekday['Sun'] = "Sunday";
            //        let dayOfWeek = weekday[seldate[0]];
            //        $('.sday').text(dayOfWeek);
            //    }, 100)
            //});

            // mobile search city
            $('.searchCity').click(function () {
                $(this).val('');
                let thisParent = $(this).parents('.cSideForm');
                thisParent.addClass('open');
                thisParent.find('.searchCityBox .searchInput .form-control').focus();
                let hgt_parent = thisParent.outerHeight();
                //alert(hgt_parent);

                let hgt_searchResult = hgt_parent - thisParent.find('.searchHeader').outerHeight() - thisParent.find('.searchInput').outerHeight() - 40;
                //alert(hgt_searchResult);
                thisParent.find('.searchList2').css('height', hgt_searchResult - 60 + 'px');
            })
            $(document).on('click', '.cSideForm.open .searchList2 li', function () {
                let cval = $(this).text();
                $(this).parents().find('.cSideForm .searchCity').val(cval);
                $(this).parents().find('.cSideForm').removeClass('open');
            })
            $('.cSideFormClose').click(function () {
                $(this).parents().find('.cSideForm').removeClass('open');
            })
            $(document).on("keyup", ".cSideForm.open .searchInput .form-control", function () {
                var value = $(this).val().toLowerCase();
                $(this).parents().find('.searchCityBox .searchList2 li').filter(function () {
                    $(this).toggle($(this).text().toLowerCase().indexOf(value) > -1)
                });
            });



            $("#packageAutocomplete").autocomplete({
                minLength: 2,
                classes: {
                    "ui-autocomplete": "dropdown-menu",
                },
                appendTo: ".searchList2",
                source: function (request, responce) {
                    debugger;
                    $.ajax({
                        url: "/Home/CityListt",
                        type: "POST",
                        dataType: "json",
                        data: { searchText: request.term, Type: 'Package' },
                        success: function (data) {
                            var customer = new Array();
                            for (var i = 0; i < data.list.length; i++) {
                                customer[i] = { label: data.list[i].Name, Id: i };
                            }
                            responce(customer);
                        },
                        error: function (err) {
                            alert('error');
                        }
                    });
                }
            }).data("ui-autocomplete")._renderItem = function (ul, item) {

                //ul.addClass('customClass'); //Ul custom class here

                return $("<li></li>")
                    .addClass(item.customClass) //item based custom class to li here
                    .append("<a href='#'><i class='fa fa-map-marker icons small'></i> " + item.label + "</a>")
                    .data("ui-autocomplete-item", item)
                    .appendTo(ul);
            };
            $("#bannerBudget").rules('remove', 'required');

            $(document).on('click', '.cSideForm.open .searchList2 li', function () {
                let cval = $(this).text();
                $(this).parents().find('.cSideForm .searchCity').val(cval);
                $(this).parents().find('.cSideForm').removeClass('open');
            })
            $('.cSideFormClose').click(function () {
                $(this).parents().find('.cSideForm').removeClass('open');
            })




        } else {
            var dateFormat = "mm-dd-yy",
                from = $(".singleDatePic")
                    .datepicker({
                        minDate: 0,
                        changeMonth: false,
                        changeYear: false,
                        dateFormat: 'dd-mm-yy',
                        onSelect: function (selected) {
                            setTimeout(function () {
                                let seldate = $('.singleDatePic').datepicker('getDate');

                                seldate = seldate.toDateString();
                                seldate = seldate.split(' ');
                                let weekday = new Array();
                                weekday['Mon'] = "Monday";
                                weekday['Tue'] = "Tuesday";
                                weekday['Wed'] = "Wednesday";
                                weekday['Thu'] = "Thursday";
                                weekday['Fri'] = "Friday";
                                weekday['Sat'] = "Saturday";
                                weekday['Sun'] = "Sunday";
                                let dayOfWeek = weekday[seldate[0]];
                                $('.singleDatePic').siblings('.sday').text(dayOfWeek);
                            }, 300)
                        }
                    }).datepicker('setDate', 'today');
            function checkintemp() {
                let weekday = new Array();
                weekday['Mon'] = "Monday";
                weekday['Tue'] = "Tuesday";
                weekday['Wed'] = "Wednesday";
                weekday['Thu'] = "Thursday";
                weekday['Fri'] = "Friday";
                weekday['Sat'] = "Saturday";
                weekday['Sun'] = "Sunday";
                let seldate1 = $('.singleDatePic');
                seldate1 = seldate1.datepicker('getDate');
                seldate1 = seldate1.toDateString();
                seldate1 = seldate1.split(' ');
                let dayOfWeek = weekday[seldate1[0]];
                $('.singleDatePic').siblings('.sday').text(dayOfWeek);
            }
            checkintemp();

            $('.searchCity').click(function () {
                $(this).val('');
            });
            $("#banerCity").autocomplete({
                minLength: 2,
                classes: {
                    "ui-autocomplete": "dropdown-menu",
                },
                appendTo: ".searchList1",
                source: function (request, responce) {
                    debugger;
                    $.ajax({
                        url: "/Home/CityListt",
                        type: "POST",
                        dataType: "json",
                        data: { searchText: request.term, Type: 'Package' },
                        success: function (data) {
                            var customer = new Array();
                            for (var i = 0; i < data.list.length; i++) {
                                customer[i] = { label: data.list[i].Name, Id: i };
                            }
                            responce(customer);
                        },
                        error: function (err) {
                            alert('error');
                        }
                    });
                }
            }).data("ui-autocomplete")._renderItem = function (ul, item) {

                //ul.addClass('customClass'); //Ul custom class here

                return $("<li></li>")
                    .addClass(item.customClass) //item based custom class to li here
                    .append("<a href='#'><i class='fa fa-map-marker icons small'></i> " + item.label + "</a>")
                    .data("ui-autocomplete-item", item)
                    .appendTo(ul);
            };
        }


        var tastimonialSlider = $('#homeSlider');
        tastimonialSlider.owlCarousel({
            loop: true,
            margin: 0,
            dots: true,
            // animateOut: 'fadeOut',
            //itemClass: "trending-thumbnail-image",
            //controlsClass: "team-controls",
            //dotsClass: "trending-sDot",
            //navContainerClass: "trending-Snav",
            nav: false,
            items: 1,
            autoplay: true,
            autoplayTimeout: 5000,
            smartSpeed: 2000,
        });

        $("#bannerBudget").rules('remove', 'required');
    });
    $(window).on('resize load ', function () {
        if ($(window).width() <= 767) {
            let owlpds = $('.destination-mobile').addClass('owl-carousel');
            owlpds.owlCarousel({
                loop: false,
                lazyLoad: false,
                items: 2.2,
                margin: 2,
                dots: false,
                nav: false,
                autoplay: false,
                responsive: {
                    0: {
                        items: 1.2,
                        nav: false,
                        center: true
                    },
                    640: {
                        items: 2.2,
                        nav: false,
                        center: true
                    }
                }
            })
        }
    })
    $(window).on('resize load scroll', function () {
        var windowsWidth = $(window).width(),
            windowsHight = $(window).height(),
            hotelserchHeight = $('.hotel-serch-bg').outerHeight();
        hotelSerchFigHeight = $('.hotel-serch-bg').find('.figure').innerHeight();

        var windowsWidth = $(window).width();
        var pageWidth = $('.page').width();
        var pageContWidth = $('.pages-container').width();
        var pageCardsWidth = $('.with-flight-list-split').width();


        if (hotelSerchFigHeight <= hotelserchHeight) {
            $('.hotel-serch-bg .figure,.hotel-serch-bg,.hotel-serch-section').css({
                //"height": windowsHight,
                'min-height': hotelserchHeight,
            });

        } else {
            $('.hotel-serch-bg .figure,.hotel-serch-bg,.hotel-serch-section').css({
                //"height": windowsHight,
                'min-height': hotelSerchFigHeight,
            });

            $('.flight-list-split-fixed').css({
                right: ((windowsWidth - pageContWidth) / 2) - 15,
                width: pageCardsWidth + 30,
            }).show();

        }
        // console.log(hotelSerchFigHeight, hotelserchHeight)

        $('.fltli-split-tbs-content').css({
            height: windowsHight / 2,
        });

    });

    $(document).ready(function () {

        var windowsWidth = $(window).width();

        if (windowsWidth <= 767) {
            // console.log('mobile');
            $('.btn-navbar-toggle').sideNav({
                menuWidth: 290, // Default is 240
                //edge: 'right', // Choose the horizontal origin
                closeOnClick: true, // Closes side-nav on <a> clicks, useful for Angular/Meteor
                draggable: true, // Choose whether you can drag to open on touch screens
            });

        } else {
            // console.log('desktop');
            $('.mobile-filter-menu').removeAttr('style');
        }

    });

    $(window).on('load resize', function () {
        var windowsWidth = $(window).width();
        var windowsHeight = $(window).height();


        $('.with-facility').find('.card-img-wrap img,.card-img').css({
            height: $('.with-facility .card-img-wrap').outerWidth() / 1.4
        });
        $('.spacial-packages-card').find('.card-img-wrap img,.card-img').css({
            height: $('.spacial-packages-card .card-img-wrap').outerWidth() / 1.4
        });
        $('.mini-blog-card').find('.card-img-wrap img,.card-img').css({
            height: $('.mini-blog-card .card-img-wrap').outerWidth() / 1.4
        });


        $('.spacial-packages-card').find('.card-img-wrap img,.card-img').css({
            height: $('.spacial-packages-card .card-img-wrap').outerWidth() / 1.4
        });
        $('.mini-blog-card').find('.card-img-wrap img,.card-img').css({
            height: $('.mini-blog-card .card-img-wrap').outerWidth() / 1.6
        });
        if (windowsWidth <= 767) {
            // console.log('mobile');
            $('.destination-mobile .populer-destinations-card.large img,.destination-mobile  .populer-destinations-card.large .card-img').css({
                height: $('.destination-mobile  .populer-destinations-card.large .card-img-wrap').outerWidth() / 1.6
            });

            $('.destination-mobile  .populer-destinations-card.mini img,.destination-mobile  .populer-destinations-card.mini .card-img').css({
                height: $('.destination-mobile  .populer-destinations-card.mini .card-img-wrap').outerWidth() / 1.6


            });


            $('.destination-mobile  .populer-destinations-card.wide img,.destination-mobile .populer-destinations-card.wide .card-img').css({
                height: $('.destination-mobile .populer-destinations-card.wide .card-img-wrap').outerWidth() * 1.2
            });

        } else {

            $('.with-facility').find('.card-img-wrap img,.card-img').css({
                height: $('.with-facility .card-img-wrap').outerWidth() / 1.4
            });

            $('.spacial-packages-card').find('.card-img-wrap img,.card-img').css({
                height: $('.spacial-packages-card .card-img-wrap').outerWidth() / 1.4
            });
            $('.mini-blog-card').find('.card-img-wrap img,.card-img').css({
                height: $('.mini-blog-card .card-img-wrap').outerWidth() / 1.4
            });



            $('.populer-theme-card img,.populer-theme-card .card-img').css({
                height: $('.populer-theme-card .card-img-wrap').outerWidth() / 1.4
            });

            $('.destination-desktop .populer-destinations-card.large img,.destination-desktop .populer-destinations-card.large .card-img').css({
                height: $('.destination-desktop .populer-destinations-card.large .card-img-wrap').outerWidth() / 1.58
            });

            $('.destination-desktop .populer-destinations-card.mini img,.destination-desktop .populer-destinations-card.mini .card-img').css({
                height: $('.destination-desktop .populer-destinations-card.mini .card-img-wrap').outerWidth() / 1.6
            });

            $('.destination-desktop .populer-destinations-card.wide img,.destination-desktop .populer-destinations-card.wide .card-img').css({
                height: $('.destination-desktop .populer-destinations-card.wide .card-img-wrap').outerWidth() * 1.2
            });

            $('.hotel-search-card-artical .card-img img,.hotel-search-card-artical .card-img').css({
                height: $('.hotel-search-card-artical').outerHeight()
            });
            $('.package-card-section .card-img img,.package-card-section .card-img').css({
                height: $('.package-card-section').outerHeight()
            });

            $('.populer-activity-card.with-overlay img,.populer-activity-card.with-overlay .populer-activity-card-img a').css({
                height: $('.populer-activity-card-img').outerWidth() / 1.2
            });

            $('.itinerary-slider-wrapper').find('.post-img-thumbnail img').css({
                height: $('.itinerary-slider-wrapper').outerHeight()
            })
        }

    });

    $('.ich-hotel-list').each(function (e) {
        var $this = $(this);
        var listRadio = $this.find('.radio');
        var chackedRadioValue = listRadio.find('input:checked').val();
        var hotelBaseCont = $this.find('.hotel-search-price');
        // console.log(chackedRadioValue);
        listRadio.on("change", "input", function () {
            var changeRadio = $(this);
            var changeRadioVal = $(this).val();
            var hotelVal = $(this).val();
            var hotelGrossVal = $(this).data('gross');
            var hotelNettVal = $(this).data('nett');
            var hotelGrossId = $(this).data('id-gross');
            var hotelNettId = $(this).data('id-nett');

            var hotelBaseGrossVal = hotelBaseCont.find('#' + hotelGrossId);
            var hotelBaseNettVal = hotelBaseCont.find('#' + hotelNettId);
            // console.log(hotelVal, hotelNettVal, hotelGrossVal)
            hotelBaseGrossVal.text(parseInt(changeRadioVal) + parseInt(hotelGrossVal));
            hotelBaseNettVal.text(parseInt(changeRadioVal) + parseInt(hotelNettVal));
            // console.log(changeRadio.val() + " --> " + $(this).prop("checked"));
        });
    });

    $('.stab-flights-article .nav-text').on('shown.bs.tab', function (e) {
        var $this = $(this);
        var target = $this.data("target"); // activated tab
        var formArticle = $('.stab-flights-article').find('form');
        var targetAction = $this.data("action");
        formArticle.attr('action', targetAction);
        // console.log(hotelserchHeight);
    });

    $('.serch-artical-tabs .nav-search-tabs a').on('shown.bs.tab', function (e) {
        var hotelserchHeight = $('.hotel-serch-bg').outerHeight();

        $('.hotel-serch-bg .figure,.hotel-serch-bg,.hotel-serch-section').css({
            //"height": windowsHight,
            'min-height': hotelserchHeight,
        });
    });
    $('.time-picker').each(function (e) {
        var $this = $(this);
        $this.timepicker();
    });

    $(document).ready(function () {

        function countAllTraveller() {

            var ariticalRoomId = $('#' + $('.serch-room-count').find('.form-group').data('travellers-rooms'));
            var ariticalRoomWrapp = $('#' + $('.serch-room-count').find('.form-group').data('travellers-wrapper'));
            // console.log(ariticalRoomWrapp);
            var countTraveller = ariticalRoomWrapp.find('.count-traveller').find('.count');
            var countTravellerRooms = ariticalRoomWrapp.find('.count-rooms').find('.count');

            var countTravellerText = ariticalRoomWrapp.find('.count-traveller').find('.text');
            var countTravellerRoomsText = ariticalRoomWrapp.find('.count-rooms').find('.text');

            var totalTravellerRooms = ariticalRoomId.find('.booking-modal-room-artical').length;

            var countAddedAdults = ariticalRoomId.find('.add-room-adults');
            var countAddedChild = ariticalRoomId.find('.add-room-child');

            var searchGroupH = ariticalRoomWrapp.find('.search-group-rooms');

            var totalTraveller = 0;
            var totalTravellerChild = 0;

            $(countAddedAdults).each(function () {
                totalTraveller += parseInt($(this).val());
            });

            $(countAddedChild).each(function () {
                totalTravellerChild += parseInt($(this).val());
            });
            // console.log(totalTraveller);
            // console.log(totalTravellerRooms);

            if (totalTraveller !== 1) {
                countTravellerText.text('Travellers');
            } else {
                countTravellerText.text('Traveller');
            }

            if (totalTravellerRooms !== 1) {
                countTravellerRoomsText.text('Rooms');
            } else {
                countTravellerRoomsText.text('Room');
            }

            // console.log(totalTraveller + totalTravellerChild);
            countTraveller.text(totalTraveller + totalTravellerChild);
            countTravellerRooms.text(totalTravellerRooms);

            // console.log(ariticalRoomWrapp.find('.search-group-rooms').height());

            if (searchGroupH.height() === 320) {
                searchGroupH.addClass('max');
            } else {
                searchGroupH.removeClass('max');
            }

        }

        function bookRoomHtml(roomClass) {

            var addRoomsId = $(roomClass).find('.form-group').data('travellers-rooms');
            var articalLenth = $('#' + addRoomsId).find('.booking-modal-room-artical').length + 1;
            var scrollTarget = $('#' + addRoomsId);

            var bookingRoomHtml = '';
            bookingRoomHtml += '<div class="booking-modal-room-artical">';
            bookingRoomHtml +=
                '<button type="button" class="close-traveler remove-rooms"><span aria-hidden="true">&times;</span></button>';
            bookingRoomHtml += '<div class="header">Room ' + articalLenth + '</div>';
            bookingRoomHtml += '<div class="row room-artical-list" id="roomArticalId' + articalLenth + '">';
            bookingRoomHtml += '<div class="col-sm-6 col-xs-6">';
            bookingRoomHtml += '<div class="form-group">';
            bookingRoomHtml += '<label for="">Adults <small class="small">Above 12 Y</small></label>';
            bookingRoomHtml +=
                '<select title="-- Adults --" data-size="5" data-style="btn-border btn-border-sm hoverable" class="form-control add-room-adults input-sm" data-adults-id="roomAdultsId' +
                articalLenth + '" name="room_adult' + articalLenth + '">';
            bookingRoomHtml += '<option value="1">1</option><option value="2">2</option><option value="3">3</option><option value="4">4</option><option value="5">5</option><option value="6">6</option><option value="7">7</option><option value="8">8</option>';
            bookingRoomHtml += '</select>';
            bookingRoomHtml += '</div>';
            bookingRoomHtml += '</div>';
            bookingRoomHtml += '<div class="col-sm-6 col-xs-6">';
            bookingRoomHtml += '<div class="form-group">';
            bookingRoomHtml += '<label for="">Children <small class="small">Below 12 Y</small></label>';
            bookingRoomHtml +=
                '<select title="-- Children --" data-size="5" data-style="btn-border btn-border-sm hoverable" class="form-control add-room-child input-sm" data-room-id="roomArticalId' +
                articalLenth + '" name="room_child' + articalLenth + '">';
            bookingRoomHtml +=
                '<option value="0">0</option><option value="1">1</option><option value="2">2</option>';
            bookingRoomHtml += '</select>';
            bookingRoomHtml += '</div>';
            bookingRoomHtml += '</div>';
            bookingRoomHtml += '</div>';
            bookingRoomHtml += '</div>';

            $(this).closest($('#' + addRoomsId).append(bookingRoomHtml));
            scrollTarget.scrollTop(scrollTarget.height() * 10);
            // $('select').selectpicker('refresh');
            travellersList();
            countAllTraveller();
        }

        function bookRoomChildsHtml(bookingRoomHtml) {
            var bookingRoomHtml = '';
            bookingRoomHtml += '<div class="col-sm-6 col-xs-6">';
            bookingRoomHtml += '<div class="form-group">';
            bookingRoomHtml += '<label for="">Age of <small class="small">Child 2</small></label>';
            bookingRoomHtml +=
                '<select title="-- Child 2 --" data-size="5" class="form-control input-sm" data-style="btn btn-gray btn-border hoverable show-tick"  name="Room0_Adult">';
            bookingRoomHtml += '<option value="1">1</option><option value="2">2</option><option value="3">3</option><option value="4">4</option><option value="5">5</option><option value="6">6</option><option value="7">7</option><option value="8">8</option><option value="9">9</option><option value="10">10</option><option value="11">11</option><option value="12">12</option>';
            bookingRoomHtml += '</select>';
            bookingRoomHtml += '</div>';
            bookingRoomHtml += '</div>';
            return bookingRoomHtml;
            // $('select').selectpicker('refresh');
        }

        $(document).on('click', '.remove-rooms', function (e) {
            var ariticalRoomId = $('#' + $('.serch-room-count').find('.form-group').data('travellers-rooms'));
            var bookingArticalClass = ariticalRoomId.find('.booking-modal-room-artical');
            $(this).closest(bookingArticalClass).remove();
            countAllTraveller();
            e.preventDefault();
            // var rowNum = 0;
        });

        $(document).on('click change',
            '.booking-modal-room-artical button, .booking-modal-room-artical a , .booking-modal-room-artical select',
            function () {
                var ariticalRoomId = $('#' + $('.serch-room-count').find('.form-group').data('travellers-rooms'));
                var bookingArticalClass = ariticalRoomId.find('.booking-modal-room-artical');

                $(bookingArticalClass).each(function (index, element) {
                    // console.log(index, element)
                    $(element).find('.header').text('Room ' + (index + 1));
                });
                countAllTraveller();

            });

        $(document).on('click', '.form-count', function (e) {
            countAllTraveller();
            var $this = $(this);
            var ariticalRoomWrapp = $('#' + $('.serch-room-count').find('.form-group').data('travellers-wrapper'));

            ariticalRoomWrapp.toggleClass('active');
            // console.log($this);

            if ($this[0].getAttribute('aria-expanded') === 'true') {
                $this[0].setAttribute('aria-expanded', 'false');
            } else {
                $this[0].setAttribute('aria-expanded', 'true');
            };

            e.preventDefault();
            e.stopPropagation();
        });

        $(document).on('click', function (e) {
            var ariticalRoomWrapp = $('#' + $('.serch-room-count').find('.form-group').data('travellers-wrapper'));
            //var ariticalFltWrap = $('#' + $('.serch-flt-traveller-count').find('.form-flt-traveller').data(
            //    'flight-card-id'));
            var ariticalFltWrap = $('.serch-flt-traveller-count');
            // var ariticalFltWrap = $('#' + $('.serch-flt-traveller-count').find('.form-flt-traveller').data(
            //   'flight-card-id'));
            ariticalRoomWrapp.removeClass('active');
            ariticalFltWrap.removeClass('active');
        });
        $(document).on('click', '.search-group-wrapper,.search-flt-wrapper', function (e) {
            // var ariticalRoomWrapp = $('#' + $('.serch-room-count').find('.form-group').data('travellers-wrapper'));
            // console.log(ariticalRoomWrapp);
            e.preventDefault();
            e.stopPropagation();
        });

        $('.btn-serch,.modal-footer').on('click', '.add-rooms', function (e) {
            bookRoomHtml('.serch-room-count');
        });


        function travellersList() {
            $('.add-room-child').on('change', function (e) {
                var $this = $(this);
                var selectRoomId = $this.data('room-id');
                // console.log('' + selectRoomId);
                $('#' + selectRoomId).find('.add-child-counts').remove();
                $('#' + selectRoomId).append('<div class="col-sm-12 add-child-counts"><div class="row"></div></div>');
                for (var list = 0; list < $this.val(); list++) {
                    $('#' + selectRoomId).find('.add-child-counts').find('.row').append(bookRoomChildsHtml(
                        'bookingRoomHtml'));
                }
            });
        };
        travellersList();

        var windowsWidth = $(window).width();

        if (windowsWidth <= 767) {
            // console.log('mobile');
            $('.btn-navbar-toggle').sideNav({
                menuWidth: 290, // Default is 240
                //edge: 'right', // Choose the horizontal origin
                closeOnClick: true, // Closes side-nav on <a> clicks, useful for Angular/Meteor
                draggable: true, // Choose whether you can drag to open on touch screens
            });

        } else {
            // console.log('desktop');
            $('.mobile-filter-menu').removeAttr('style');
        }

        function countFlightTraveller(tmp_ariticalFltWrap, tmp_ariticalFltList) {
            //var ariticalFltWrap = $('#' + $('.serch-flt-traveller-count').find('.form-flt-traveller').data(
            //    'flight-card-id'));
            //var ariticalFltList = $('#' + $('.serch-flt-traveller-count').find('.form-flt-traveller').data(
            //    'flight-list-id'));
            console.log(tmp_ariticalFltWrap);
            if (tmp_ariticalFltWrap) {
                var ariticalFltWrap = $('#' + tmp_ariticalFltWrap);
                var ariticalFltList = $('#' + tmp_ariticalFltList);
            }
            else {
                var ariticalFltWrap = $('#' + $(this).parents('.serch-flt-traveller-count').find('.form-flt-traveller').data(
                    'flight-card-id'));
                var ariticalFltList = $('#' + $(this).parents('.serch-flt-traveller-count').find('.form-flt-traveller').data(
                    'flight-list-id'));
            }

            var countTraveller = ariticalFltWrap.find('.count-traveller').find('.count');
            var countTravellerText = ariticalFltWrap.find('.count-traveller').find('.text');
            var countAddedAdults = ariticalFltList.find('.qty');


            $actionMinus = ariticalFltList.find('.minus');
            $actionPlus = ariticalFltList.find('.plus');

            var totalTraveller = 0;
            $(countAddedAdults).each(function () {
                totalTraveller += parseInt($(this).val());
            });

            if (totalTraveller !== 1 && totalTraveller > 1) {
                countTravellerText.text('Travellers');
            } else {
                countTravellerText.text('Traveller');
            }

            // console.log(countAddedAdults.val());
            countTraveller.text(totalTraveller);
        }
        //$('#' + $('.serch-flt-traveller-count').find('.form-flt-traveller').data(
        //    'flight-list-id') + " .input-text").change(function () {
        //         //console.log("The text has been changed.");
        //        countFlightTraveller();
        //    });
        $(document).on('change', '.serch-flt-traveller-count .search-flt-wrapper .input-text', function () {
            let tmp_ariticalFltWrap = $(this).parents('.serch-flt-traveller-count').find('.form-flt-traveller').data(
                'flight-card-id');
            let tmp_ariticalFltList = $(this).parents('.serch-flt-traveller-count').find('.form-flt-traveller').data(
                'flight-list-id');
            countFlightTraveller(tmp_ariticalFltWrap, tmp_ariticalFltList);
        })
        //$('#' + $('.serch-flt-traveller-count').find('.form-flt-traveller').data(
        //    'flight-list-id') + " .input-text").each(function () {
        //        console.log(this)
        //        $(this).change(function () {
        //        //console.log("The text has been changed.");
        //        countFlightTraveller();
        //    })
        //});

        //
        $(document).on('click', '.form-flight-count', function (e) {
            countFlightTraveller();
            var $this = $(this);
            var ariticalFltWrap = $('#' + $this.parents('.serch-flt-traveller-count').find('.form-flt-traveller').data(
                'flight-card-id'));

            ariticalFltWrap.addClass('active');
            // console.log($('.serch-flt-traveller-count').find('.form-flt-traveller').data('flight-travellers'));

            if ($this[0].getAttribute('aria-expanded') === 'true') {
                $this[0].setAttribute('aria-expanded', 'false');
            } else {
                $this[0].setAttribute('aria-expanded', 'true');
            };
            e.preventDefault();
            e.stopPropagation();
        });

        $(document).on('click', '.add-flight', function (e) {
            countFlightTraveller();
            var ariticalFltWrap = $('#' + $(this).parents('.serch-flt-traveller-count').find('.form-flt-traveller').data(
                'flight-card-id'));

            ariticalFltWrap.removeClass('active');
        });


    });




    function countFlightTraveller(tmp_ariticalFltWrap, tmp_ariticalFltList) {

        console.log(tmp_ariticalFltWrap);
        if (tmp_ariticalFltWrap) {
            var ariticalFltWrap = $('#' + tmp_ariticalFltWrap);
            var ariticalFltList = $('#' + tmp_ariticalFltList);
        }
        else {
            var ariticalFltWrap = $('#' + $(this).parents('.serch-flt-traveller-count').find('.form-flt-traveller').data(
                'flight-card-id'));
            var ariticalFltList = $('#' + $(this).parents('.serch-flt-traveller-count').find('.form-flt-traveller').data(
                'flight-list-id'));
        }

        var countTraveller = ariticalFltWrap.find('.count-traveller').find('.count');
        var countTravellerText = ariticalFltWrap.find('.count-traveller').find('.text');
        var countAddedAdults = ariticalFltList.find('.qty');


        $actionMinus = ariticalFltList.find('.minus');
        $actionPlus = ariticalFltList.find('.plus');

        var totalTraveller = 0;
        $(countAddedAdults).each(function () {
            totalTraveller += parseInt($(this).val());
        });

        if (totalTraveller !== 1 && totalTraveller > 1) {
            countTravellerText.text('Passengers');
        } else {
            countTravellerText.text('Passenger');
        }

        // console.log(countAddedAdults.val());
        countTraveller.text(totalTraveller);
    }

    $(document).on('change', '.serch-flt-traveller-count .search-flt-wrapper .input-text', function () {
        let tmp_ariticalFltWrap = $(this).parents('.serch-flt-traveller-count').find('.form-flt-traveller').data(
            'flight-card-id');
        let tmp_ariticalFltList = $(this).parents('.serch-flt-traveller-count').find('.form-flt-traveller').data(
            'flight-list-id');
        countFlightTraveller(tmp_ariticalFltWrap, tmp_ariticalFltList);
    })

    $(document).on('click', '.form-flight-count', function (e) {
        countFlightTraveller();
        var $this = $(this);
        var ariticalFltWrap = $('#' + $this.parents('.serch-flt-traveller-count').find('.form-flt-traveller').data(
            'flight-card-id'));

        ariticalFltWrap.addClass('active');
        // console.log($('.serch-flt-traveller-count').find('.form-flt-traveller').data('flight-travellers'));

        if ($this[0].getAttribute('aria-expanded') === 'true') {
            $this[0].setAttribute('aria-expanded', 'false');
        } else {
            $this[0].setAttribute('aria-expanded', 'true');
        };
        e.preventDefault();
        e.stopPropagation();
    });


</script>

<script src="~/ViewScripts/Home/HomePageDetail.js"></script>
<script>

    function CheckInternation() {

        if (document.getElementById("hiddenThems").value == 122392) {

            swal({ text: "As per the government rules and regulations, all the international travels are closed." });
            return false;
        }
        return true;

    }

    $('#specialsPkgFullslider').owlCarousel({
        loop: false,
        lazyLoad: true,
        items: 4.2,
        margin: 10,
        dots: false,
        nav: true,
        navText: ['<span class="fa fa-chevron-left icons"></span>',
            '<span class="fa fa-chevron-right icons"></span>'
        ],
        autoplay: false,
        //itemElement: 'div',
        itemElement: 'article',
        autoplayTimeout: 4000,
        smartSpeed: 1000,
        responsiveClass: true,
        responsive: {
            0: {
                items: 1,
                nav: false,
            },
            600: {
                items: 3,
                nav: true
            },
            980: {
                items: 4.2,
                nav: true
            },
            1200: {
                items: 4.2
            }
        }

    });
    activeMenu("/packages")

    function getNewImage() {
        ///// Your code
        //alert('change');
        var data = new FormData();
        var files = $("#ContentPlaceHolder1_FileUpload1").get(0).files;
        if (files.length > 0) {
            data.append("MyImages", files[0]);
        }
        var thisInp = $(this);
        $.ajax({
            url: "/Home/UploadFile",
            type: "POST",
            data: data,
            contentType: false,
            processData: false,
            success: function (result) {
                //alert(result);
                var reslt = result;
                $("#testImagePath").val(reslt);
                //thisInp.siblings('.txtfile').css('display', 'block');
                //console.log(thisInp.siblings('.txtfile').val(reslt));
            },
            error: function (err) {
                alert(err)
            }
        });
    }

    function CheckValidationForTestimonial() {

        $.ajax({
            url: "/Home/SaveTestimonial",
            type: "POST",
            data: { name: $("#ContentPlaceHolder1_txtYourName").val(), image: $("#testImagePath").val(), email: $("#ContentPlaceHolder1_tstmnlEmail").val(), phnno: $("#ContentPlaceHolder1_tstmnlMobile").val(), testimonial: $("#ContentPlaceHolder1_txttestimonial").val()},
            
            success: function (result) {
                //alert(result);
                if (result.IsSuccess) {
                    $("#writetestimonial").modal('hide');
                    swal({ text: "Your testimonial has been successfully submitted!!" });
                } else { Swal({text:"OOPS!! Something Went Wrong!!"})}
                //thisInp.siblings('.txtfile').css('display', 'block');
                //console.log(thisInp.siblings('.txtfile').val(reslt));
            },
            error: function (err) {
                alert(err)
            }
        });
    }



    $(document).ready(function () {

        $('#destinationSlider').owlCarousel({
            loop: false,
            lazyLoad: true,
            items: 4,
            margin: 20,
            dots: false,
            nav: true,
            navText: ['<span class="fa fa-chevron-left icons"></span>', '<span class="fa fa-chevron-right icons"></span>'],
            autoplay: false,
            //itemElement: 'div',
            itemElement: 'article',
            autoplayTimeout: 4000,
            smartSpeed: 1000,
            responsiveClass: true,
            responsive: {
                0: {
                    items: 1.4,
                    margin: 4,
                    nav: false,
                    center: true,
                },
                600: {
                    items: 3.2,
                    center: true
                },
                1200: {
                    items: 4
                }
            }

        });

       

    });

    $('#specialsPkgslider-double').owlCarousel({
        loop: false,
        lazyLoad: true,
        items: 4,
        margin: 20,
        dots: false,
        nav: true,
        navText: ['<span class="fa fa-chevron-left icons"></span>', '<span class="fa fa-chevron-right icons"></span>'],
        autoplay: false,
        //itemElement: 'div',
        itemElement: 'article',
        autoplayTimeout: 4000,
        smartSpeed: 1000,
        responsiveClass: true,
        responsive: {
            0: {
                items: 1,
                nav: true
            },
            600: {
                items: 3,
                nav: false
            },
            980: {
                items: 4,
                nav: false
            },
            1600: {
                items: 4,
            }
        }

    });

    $('#clnt-carausel').owlCarousel({
        loop: true,
        lazyLoad: true,
        items: 6,
        margin: 20,
        dots: false,
        nav: false,
        navText: ['<span class="fa fa-chevron-left icons"></span>', '<span class="fa fa-chevron-right icons"></span>'],
        autoplay: true,
        //itemElement: 'div',
        itemElement: 'article',
        autoplayTimeout: 4000,
        smartSpeed: 1000,
        responsiveClass: true,
        responsive: {
            0: {
                margin: 10,
                items: 4,
                nav: false
            },
            600: {
                items: 2,
                nav: false
            },
            980: {
                items: 6,
                nav: false
            },
            1600: {
                items: 6,
            }
        }

    });
  
</script>
<style>
    .clnt-img img{
        width: 110px !important;
    }
    .clnt-logo {
        margin: 0px 0;
        padding: 30px 0px;
        background: #f3f4f6;
    }
    .imghsrr {
        margin-left: -9px !important;
    }
    .clnt-img img {
        margin: auto;
    }

    @@media(max-width:769px){
       /* .clnt-logo {
            margin: 20px 0;
        }*/
        .clnt-img img {
            width: 100% !important;
            /*height: 30px;*/
        }
    }
</style>