var ClientSpeakList = [];
$(document).ready(function () {
    GetClientSpeakList();
});
function GetClientSpeakList() {

    var CompanyId = $("#MainContent_hdnCompanyId").val();
    var hdnPageUrl = $("#MainContent_hdnPageUrl").val();
    $("#divTestimonialList").html('');
    $.ajax({
        type: "POST",
        contentType: "application/json; charset=utf-8",
        url: hdnPageUrl + "/GetClientSpeakList",
        data: JSON.stringify({ CompanyId: eval(CompanyId) }),
        dataType: "json",
        async: true,
        success: function (data) {

            var List = data.d;

            ClientSpeakList = JSON.parse(List[0]);

            var ItineraryTypeList = JSON.parse(List[1]);
            var CityList = JSON.parse(List[2]);

            var strItineraryTypeList = '', ItineraryType = '';
            $('#ulItineraryType').html('');
            for (var t = 0; t < ItineraryTypeList.length; t++) {
                if (ItineraryType == '') {
                    ItineraryType = ItineraryTypeList[t].ItineraryID;
                } else {
                    ItineraryType += "," + ItineraryTypeList[t].ItineraryID;
                }
                strItineraryTypeList += '<li><label><input type="checkbox" value="' + ItineraryTypeList[t].ItineraryID + '" checked="checked"><span></span><span>' + ItineraryTypeList[t].ItineraryCategory + '</span></label></li>';
            }
            $("#MainContent_hdnItineraryType").val(ItineraryType);
            $('#ulItineraryType').html(strItineraryTypeList);

            var strPackageList = '', City = '';
            $('#ulCity').html('');
            for (var t = 0; t < CityList.length; t++) {
                if (ItineraryType == '') {
                    City = CityList[t].CityId;
                } else {
                    City += "," + CityList[t].CityId;
                }
                strPackageList += '<li><label><input type="checkbox" value="' + CityList[t].CityId + '" checked="checked"><span></span><span>' + CityList[t].CityName + '</span></label></li>';
            }
            $("#MainContent_hdnCity").val(City);
            $('#ulCity').html(strPackageList);

            console.log(ClientSpeakList);
            BindClientSpeakListing(ClientSpeakList);
        },
        error: function (result) { }
    });
}

$("#ulItineraryType").on("click", "input[type='checkbox']", function (event) {

    var strSelectedValue = '';
    $("#ulItineraryType input[type='checkbox']").each(function () {
        if ($(this).is(":checked")) {
            if (strSelectedValue == '') {
                strSelectedValue = $(this).val();
            } else {
                strSelectedValue += ',' + $(this).val();
            }
        }
    });
    $("#MainContent_hdnItineraryType").val(strSelectedValue);

    SearchBasedOnFilter();
});
$("#ulCity").on("click", "input[type='checkbox']", function (event) {

    var strSelectedValue = '';
    $("#ulCity input[type='checkbox']").each(function () {
        if ($(this).is(":checked")) {
            if (strSelectedValue == '') {
                strSelectedValue = $(this).val();
            } else {
                strSelectedValue += ',' + $(this).val();
            }
        }
    });
    $("#MainContent_hdnCity").val(strSelectedValue);

    SearchBasedOnFilter();
});

function SearchBasedOnFilter() {
    var CompanyId = $("#MainContent_hdnCompanyId").val();
    var hdnPageUrl = $("#MainContent_hdnPageUrl").val();
    var hdnItineraryType = $("#MainContent_hdnItineraryType").val();
    var hdnCity = $("#MainContent_hdnCity").val();

    $.ajax({
        type: "POST",
        contentType: "application/json; charset=utf-8",
        url: hdnPageUrl + "/GetClientSpeakSearch",
        data: JSON.stringify({ CompanyId: eval(CompanyId), ItineraryId: hdnItineraryType, CityId: hdnCity }),
        dataType: "json",
        async: true,
        success: function (data) {
            var List = data.d;
            ClientSpeakList = JSON.parse(List[0]);
            console.log(ClientSpeakList);
            BindClientSpeakListing(ClientSpeakList);
        },
        error: function (result) { }
    });
}

function BindClientSpeakListing(ItemList) {

    var AdminPath = $("#MainContent_hdnAdminPath").val();
    $("#divTestimonialList").html('');
    if (ItemList.length > 0) {
        var strItems = '';
        for (var i = 0; i < ItemList.length; i++) {

            var Id = ItemList[i].Id;
            var Name = ItemList[i].Name;
            var Description = ItemList[i].Description;
            var ImageName = ItemList[i].ImageName;
            var videoUrl = ItemList[i].videoUrl;

            if (videoUrl != '') {
                strItems += '<div class="testimonialsarea">' +
                                '<div class="row">' +
                                    '<div class="col-sm-5">' +
                                        '<div class="testimonialsvideobg">' +
                                            '<iframe src="' + videoUrl + '" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" width="100%" height="250" frameborder="0" title=""></iframe>' +
                                        '</div>' +
                                    '</div>' +
                                    '<div class="col-sm-7 rowmargin30">' +
                                        '<div class="row">' +
                                            '<div class="col-sm-6">' + '<h4>' + Name + '</h4>' + '</div>' +
                                            '<div class="col-sm-3"><h5>City: ' + ItemList[i].CityName + '</h5></div>' +
                                            '<div class="col-sm-3"><h5>Tour: ' + ItemList[i].ItineraryCategory + '</h5></div>' +
                                        '</div>' +
                                        '<div class="infotxt">' + Description + '</div>' +
                                    '</div>' +
                                '</div>' +
                            '</div>';
            } else {
                strItems += '<div class="testimonialsarea">' +
                               '<div class="row">' +
                                   '<div class="col-sm-4">' +
                                       '<div class="testimonialsvideobg">' +
                                           '<img src="' + AdminPath + 'UploadFiles/ClientSpeak/' + Id + '-' + ImageName + '" style="width: 100%;">' +
                                       '</div>' +
                                   '</div>' +
                                   '<div class="col-sm-8 rowmargin30">' +
                                       '<div class="row">' +
                                            '<div class="col-sm-6">' + '<h4>' + Name + '</h4>' + '</div>' +
                                            '<div class="col-sm-3"><h5>City: ' + ItemList[i].CityName + '</h5></div>' +
                                            '<div class="col-sm-3"><h5>Tour: ' + ItemList[i].ItineraryCategory + '</h5></div>' +
                                        '</div>' +
                                       '<div class="infotxt">' + Description + '</div>' +
                                   '</div>' +
                               '</div>' +
                           '</div>';
            }
        }
        $("#divTestimonialList").html(strItems);
    }
}