function addMoreRoomDynamicCustomize(that){
    var pkg = $(that).attr('pkg');
    var itinerary_rooms = $('#itinerary_roomsDynamicCustomize').val();
    $('#RoomDynamicCustomize'+parseInt(pkg)+(parseInt(itinerary_rooms)+1)).show();
    $('#itinerary_roomsDynamicCustomize').val(parseInt(itinerary_rooms)+1);
}

function closeTravellersFormDynamicCustomize(that){
   var pkg = $(that).attr('pkg'); 
   $('.roomBoxMainDynamicCustom').hide();
    var totalAdults = 0;
    var totalKids = 0;
   $('.quantityAdultDynamicCustom'+parseInt(pkg)).each(function (i, element) {
       console.log($(this).val());
        totalAdults += parseInt($(this).val());
    });
   $('.quantityChildDynamicCustom'+parseInt(pkg)).each(function (i, element) {
        totalKids += parseInt($(this).val());
    });

    $('.travelerboxDynamicCustom').html(parseInt(totalAdults) + parseInt(totalKids));
}


$(document).on('click', '.incr-btn', function (e) {

    var $button = $(this);
    var oldValue = $button.parent().find('.quantity').val();
    if ($button.data('action') == "increase_adult") {
        if (oldValue < 3) {
            var newVal = parseFloat(oldValue) + 1;
        } else {
            return false;
        }
    } else if ($button.data('action') == "increase_child") {
        if (oldValue < 2) {
            var newVal = parseFloat(oldValue) + 1;
        } else {
            return false;
        }
    }else if ($button.data('action') == "decrease_adult") {
        if (oldValue > 1) {
            var newVal = parseFloat(oldValue) - 1;
        } else {
            newVal = 1;
            $button.addClass('inactive');
        }
    } else if ($button.data('action') == "decrease_child") {
        if (oldValue > 0) {
            var newVal = parseFloat(oldValue) - 1;
        } else {
            newVal = 0;
            $button.addClass('inactive');
        }
    } 
    $button.parent().find('.quantity').val(newVal);
    e.preventDefault();
    });
function removeRoomDynamicCustomize(that){
    var pkg = $(that).attr('pkg');
    var itinerary_rooms = $('#itinerary_roomsDynamicCustomize').val();
    $('#quantityAdultDynamicCustom'+parseInt(pkg)+parseInt(itinerary_rooms)).val(0);
    $('#quantityChildDynamicCustom'+parseInt(pkg)+parseInt(itinerary_rooms)).val(0);
    $('#RoomDynamicCustomize'+parseInt(pkg)+parseInt(itinerary_rooms)).hide();
    $('#itinerary_roomsDynamicCustomize').val(parseInt(itinerary_rooms)-1);
}

function closeHotelList(){
    $('#changeHotel').slideUp("slow");
}
function changePreviousHotel(RefHotelId,datapackageid,dataday,hotelJson,changePrice){
 // alert(RefHotelId);
 // alert(datapackageid);
 // alert(hotelJson);
 // alert(changePrice);

    $.ajax({
        url: SITEURL + 'detail/index/get-hotel-data-by-id',
        type: 'POST',
        data: '&RefHotelId='+RefHotelId+'&datapackageid='+datapackageid+'&dataday='+dataday+'&hotelJson='+hotelJson, 
        dataType: 'html', 
        beforeSend: function () {},
        success: function (result) {
            $('.h_option_'+datapackageid+'_'+dataday).html(result);
            $('#h_option_'+datapackageid+'_'+dataday+'_'+parseInt(RefHotelId));

            // price add from redio btn
            var finalPrice = $('.finalPriceHtml').html();
              // alert(finalPrice);
           var totalfinal = parseInt(finalPrice) + parseInt(changePrice);
           // alert(totalfinal);
            $('.finalPriceHtml').html(totalfinal);

        }, 
        error: function (result) {

        }
    });
}

// function changePreviousHotel(hoteljson,hotelId){
//  alert(hotelId);
//     $.ajax({
//         url: SITEURL + 'tours/package/get-hotel-data-by-id',
//         type: 'POST',
//         data: '&hoteljson='+hoteljson+'&prehotelId='+hotelId, 
//         dataType: 'html', 
//         beforeSend: function () {},
//         success: function (result) {
//             $('#appendHotelonChangeHtml'+parseInt(hotelId)).html(result); 
//             $('.addChangeHotelDynamic'+parseInt(hotelId)).html('Change Hotel'); 
//             var price = 0;
//             $("input[id^='hotelPrice']").each(function (i) {  
//               price = parseInt(parseInt(price)+parseInt($(this).val()));  
//             }) 
//             $('.finalPriceHtml').html(price);
//             $('.finalhotelPrice').val(price);
//         }, 
//         error: function (result) {

//         }
//     });
// }



function changeHotelCustomize(){
var data = $('.saveCustomizeDynamicDataFormM').serialize();
// alert(data);
var finalPrice = $('.finalPriceHtml').html();
var desname = $('#mpackage_name').val();
var pkgid = $('#pkgid').val();
var tourType= $('#tourType').val();
// var mp = $('#MealTypeName').val();
var gtxid  = $('#gtxID').val();
var catid = $('#catid').val();
// alert(catid);

$.ajax({
        url: SITEURL + 'detail/index/write-session',
        type: 'POST',
        data: data+'&price='+finalPrice, 
        dataType: 'html', 
        beforeSend: function () {},
        success:function(result){
            $("#myModa1Customize").modal('hide');
            changeContentByCategory('', desname, pkgid, catid, gtxid, tourType, '0');
        },
        error:function(result){

        }

    });
}

function showDynamicCustomizePopup(that){ 
   var pkg = $(that).attr('pkg');
   var noofNights= $('#noofnights').val();
   // alert(noofNights);
    var html = '<div class="travelerboxMain"><div class="travelerbox travelerboxDynamicCustom" onclick="opentravelerboxDynamicCustom()">2</div><div class="roomBoxMain roomBoxMainDynamicCustom"><div class="roomBoxMainIn">';  
       for(var mi = 1;mi<=10;mi++){
        var display = '';
        var crossBtn = '';
        var defaultAdult = 2;
        if(mi>1){
            display = 'display:none;';
            crossBtn = '<a href="javascript:void(0)" class="close-panel1 pull-right" pkg="'+pkg+'" onclick="removeRoomDynamicCustomize(this)"><i class="fa fa-times text-gray"></i></a>';
            defaultAdult = 0;
        }
            html += '<div class="room-1" id="RoomDynamicCustomize'+pkg+mi+'" style="'+display+'">'+
            '<h1 class="no-mar-top ">Room '+mi+': '+crossBtn+'</h1><div class="row"><div class="col-md-6">'+    
            '<label><strong>Adults </strong><span>(Above 12 years)</span></label>'+
            '<div class="count-input space-bottom"> <a class="incr-btn" data-action="decrease_adult" href="#">–</a>'+
            '<input class="quantityAdultDynamicCustom'+pkg+' quantity" id="quantityAdultDynamicCustom'+pkg+mi+'" type="text" name="Adult[]" value="'+defaultAdult+'"/>'+
            '<a class="incr-btn" data-action="increase_adult" href="#">&plus;</a> </div><div class="cl"></div></div>'+
           '<div class="col-md-6"><label><strong>Children</strong> <span>(Below 12 years)</span></label>'+
            '<div class="count-input space-bottom"> <a class="incr-btn" data-action="decrease_child" href="#">–</a>'+
            '<input class="quantityChildDynamicCustom'+pkg+' quantity" id="quantityChildDynamicCustom'+pkg+mi+'" type="text" name="Child[]" value="0"/>'+
            '<a class="incr-btn" data-action="increase_child" href="#">&plus;</a> </div><div class="cl"></div></div>'+     
                '</div></div>';     
         

    }
    html += '<div class="cl mgtalign-5"><span class="pull-left">'+
                '<a href="javascript://" class=" btn btn-group-sm btn-outline btt-btn " pkg="'+pkg+'" onclick="addMoreRoomDynamicCustomize(this)">Add room</a></span>'+
                '<span class="pull-right"></span> <a href="javascript://" class=" btn btn-group-sm btn-outline btt-btn " onclick="closeTravellersFormDynamicCustomize(this)" pkg="'+pkg+'">Done</a> </span>'+
                '<div class="cl"></div>'+
                '</div></div> <input name="noofNights" value="'+noofNights+'" type="hidden"> </div>';
               
    $('#myModalcustomizePackageHtml').html(html); 
    $('#myModalcustomizePackage').modal('show');
}

function dynamicCustomizePackageFunc(){
 var data = $('.dynamicCustomizePackage').serialize();
    
    // alert(data);

var validDate = $(".validateDate").val();
if( validDate=='' || validDate==null )
{
    alert("please enter date");
    return false;
}
else{

     $.ajax({
        url: SITEURL + 'detail/index/get-customize-dynamic-package-detail',
        type: 'POST',
        data: data, 
        dataType: 'html', 
        beforeSend: function () {},
        success: function (result) {
        $('#myModalcustomizePackage').modal('hide');
        // $('#customizeDynamicPackageDetailHtml').html(result); 
        $('#customizeDynamicPackageDetail').modal('show');
        }, 
        error:function (result) {

        }
    });

       $('#myModalcustomizePackage').modal('hide');
       $('#myModa1Customize').modal('show');
      }
}

function opentravelerboxDynamicCustom(){ $('.roomBoxMainDynamicCustom').toggle(); }
 $("#calendarDynamic").datepicker({ dateFormat: 'dd/mm/yy',minDate: new Date(), });


 // function show() {
 //        var x = document.getElementById("show_hideBtn");

 //        if (x.style.visibility === "hidden") {
 //            x.style.visibility = "visible";
 //        } else {
 //            x.style.visibility = "hidden";
 //        }
 //    }