$('.addmoredes').click(function() {

    var count = 1;
    var des = 2;
    count = parseInt($('#itinerary_inputs').val());
    des = parseInt($('#itinerary_des').val());
    CONST_PACKAGE_TRAVELER_MAX_ROOM = parseInt(CONST_PACKAGE_TRAVELER_MAX_ROOM);
    if (des > CONST_PACKAGE_TRAVELER_MAX_ROOM) {
        alert("Can not add more than " + CONST_PACKAGE_TRAVELER_MAX_ROOM + " destination.");
        return false;
    }
    $('.destination-rows-container').append('<div class="inserted-destination-row"><div class="sightseeing-count2 ">' + '<div class="col-lg-10">' + '<div class="right-Cont-step1">' +
            '<h4> <strong>Next Destination Going with  : </strong> <span class="genderBox"><span class="maleIcon nextdes' + count + '" >Flight</span>    <span class="maleIcon nextdes' + count + '">Train</span> <span class="maleIcon nextdes' + count + '">Bus</span> <span class="maleIcon nextdes' + count + '">Car</span> <span class="maleIcon nextdes' + count + '">Boat</span></span></h4>' +
            '<input type="hidden" class="form-control mr-sm-2 next_des' + count + '" name="next_des[]" value="" index="' + count + '">' +
            '</div>' + '</div> <div class="col-md-2">' +
            ' <button type="button" class="pull-right rounded text-danger removeit3" aria-hidden="true" title="Remove Room">x</button>' +
            ' </div>' + '<div class="cl"></div>' + '</div>' +
            '<div class="sightseeing-count">' + '<div class="col-lg-4">' + '<label>Destination ' + des + '</label>' +
            '<input name="destination[]" class="form-control mr-sm-2 destinationBoxTmx" id="destinationBoxTmx' + des + '" index="' + des + '" placeholder="To Destination " type="text">' +
            '<input type="hidden" class="form-control mr-sm-2 cityid' + des + '" name="destination_id[]" value="" >' +
            '</div>' + '<div class="col-lg-4">' +
            '<label>Nights</label>' + '<input class="form-control mr-sm-2" name="nights[]" placeholder="Nights" type="text">' + '</div>' +
            '<div class="cl"></div>' + '<div class="col-lg-12">' +
            '<div id="showAct' + des + '"></div> <div id="showShight' + des + '"></div> </div>' + '<div class="cl"></div>' + '</div></div>');


//    $('.destination_image_div').append('<div class="destination_image_remove"><div class="col-md-12">&nbsp;</div><div class="destination_image_' + des + '"></div></div>');
    $('.nextdes'+count).click(function() {
        $(this).toggleClass('maleIconActive');
        $(this).toggleClass('nextdesActive' + count);
        var val = [];
        $('.nextdesActive' + count).each(function(i) {
            val[i] = $(this).html();
        });
//        var index = $(this).attr('index');
        $(".next_des" + count).val(val);
//        console.log(val);

    });

    $('#itinerary_inputs').val(parseInt(count) + 1);
    $('#itinerary_des').val(parseInt(des) + 1);
    $('#total_des').val(des);
});

function addMoreRoom() {
    var count = 1;
    var room = 2;
    count = parseInt($('#itinerary_inputs').val());
    room = parseInt($('#itinerary_rooms').val());
    CONST_PACKAGE_TRAVELER_MAX_ROOM = parseInt(CONST_PACKAGE_TRAVELER_MAX_ROOM);
    if (room > CONST_PACKAGE_TRAVELER_MAX_ROOM) {
        alert("Can not add more than " + CONST_PACKAGE_TRAVELER_MAX_ROOM + " room.");
        return false;
    }
    $('.add_remove_add_room').html('');
    $('.tmxroom-rows-container').append('<div class="col-md-12 no-padding room-row inserted-room-row"><div class="col-md-7">' + '<div class="cl"></div>' + '<div class="room-1">' +
            '<h1>Room ' + room + ': </h1><div class="col-md-4">' +
            ' <label><strong>Adults </strong><span>(Above 12 years)</span></label>' +
            '<div class="count-input space-bottom"> <a class="incr-btn" id="adult' + room + '" data-action="decrease_child" href="#">–</a>' +
            '<input class="quantity" type="text" name="adult[]" value="1" index="' + room + '"/>' +
            '<a class="incr-btn" data-action="increase_adult" id="adult' + room + '" href="javascript:void(0);">&plus;</a> </div>' +
            '<div class="cl">&nbsp;</div></div>' +
            '<div class="col-md-4">' +
            '<label><strong>Children</strong> <span>(Below 12 years)</span></label>' +
            '<div class="count-input space-bottom"> <a class="incr-btn" id="adult' + room + '" data-action="decrease_child" href="#">–</a>' +
            ' <input class="quantity" type="text" name="child[]" value="0" index="' + room + '"/>' +
            '<a class="incr-btn" data-action="increase_child" id="adult' + room + '" href="javascript:void(0);">&plus;</a> </div>' +
            ' <div class="cl">&nbsp;</div> </div>' +
            '<div class="col-md-4">' +
            '<label><strong>Infant</strong> <span>(Below 3  years)</span></label>' +
            '<div class="count-input space-bottom"> <a class="incr-btn" id="adult' + room + '" data-action="decrease_infant" href="#">–</a>' +
            '<input class="quantity" type="text" name="infant[]" value="0" index="' + room + '"/>' +
            '<a class="incr-btn" data-action="increase_infant" id="adult' + room + '" href="javascript:void(0);">&plus;</a> </div>' +
            ' <div class="cl">&nbsp;</div></div></div> </div><div class="col-md-2">' +
            '<div class="add-margin"></div>' +
            '<a href="javascript:void(0);" class=" btn btn-group-sm btn-outline btt-btn removeit4" aria-hidden="true" title="Remove Room">Remove room</a>' +
            '</div><div class="col-md-2 add_remove_add_room" id="add_remove_add_room'+room+'"><div class="add-margin"></div><a href="javascript:void(0);" class=" btn btn-group-sm btn-outline addmoreroom btt-btn " onclick="addMoreRoom()">Add room</a></div></div>');
    
    $('#itinerary_inputs').val(parseInt(count) + 1);
    $('#itinerary_rooms').val(parseInt(room) + 1);
    $('#total_rooms').val(room);
    




};

$(document).on('click', '.removeit3', function() {

    var count = $('#itinerary_inputs').val();
    var rooms = $('#itinerary_des').val();
    var total_des = $('#total_des').val();

    if (count == 1) {
        return false;
    }
    $('#itinerary_inputs').val(parseInt(count) - 1);
    $('#itinerary_des').val(parseInt(rooms) - 1);
    $('#total_des').val(parseInt(total_des) - 1);

    $('.destination-rows-container').find('.inserted-destination-row:last').remove();
//      $('.destination_image_div').find('.destination_image_remove:last').remove();
      
     $('.add_remove_add_room').html('');
});

$(document).on('click', '.removeit4', function() {
    var count = $('#itinerary_inputs').val();
    var rooms = $('#itinerary_rooms').val();
    var total_rooms = $('#total_rooms').val();
    if (count == 1) {
        return false;
    }
    $('#itinerary_inputs').val(parseInt(count) - 1);
    $('#itinerary_rooms').val(parseInt(rooms) - 1);
    $('#total_rooms').val(parseInt(total_rooms) - 1);
    $('.tmxroom-rows-container').find('.inserted-room-row:last').remove();
    $('.add_remove_add_room').html('');
//    alert(total_rooms);
     $('#add_remove_add_room'+(parseInt(total_rooms) - 1)).html('<div class="add-margin"></div><a href="javascript:void(0);" class=" btn btn-group-sm btn-outline addmoreroom btt-btn " onclick="addMoreRoom()">Add room</a>');
});

$(document).on('keyup', '.destinationBoxTmx', function() {
    var index = $(this).attr('index');
    $.getJSON('public/data/dynamic/package_destinations.json', function(destinations) {
        $(".destinationBoxTmx").autocomplete({
            source: destinations,
            minLength: 2,
            autoFocus:true,
            select: function(event, ui) {
                var cityid = ui.item.id;
                console.log(ui.item.value);
//                $.getJSON("tmx/index/get-act?cityid="+cityid+"", function(data) {
//                    var html1 = '<label>  Select Activities </label> ';
//                    var html2 = '';
//                   var html3 = '';
////                    console.log(data);
//                    $.each(data.Actarray, function(i, val) {
//                        html2 += '<div class="box-activities">' +
//                                '   <span class="genderBox">  <span data="'+val.ActivitySysId+'" dataname="'+val.Title+'" class="check-signtseeing check-act' + i + index + '"></span></span> ' +
//                                '   <a href="#" data-target="#myModa1actview'+i+'" data-toggle="modal"> <span class="act' + i + index + '">' + val.Title + ' </span></a>' +
//                                '</div>  '+
//                       ' <div class="modal fade" id="myModa1actview'+i+'" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">'+
//    '<div class="modal-dialog modal-lg">'+
//        '<div class="modal-content">'+
//            '<button type="button" class="close pull-right" data-dismiss="modal" aria-hidden="true">×</button>'+
//            '<div class="modal-body">'+
//                '<div class="panel-body" >'+
//                    '<div class="col-md-12 mob-pad col-sm-12 package_det_hotel">'+
//
//
//                       ' <div class="col-md-8 no-padding">'+
//                           ' <h3 class="no-margin">'+ val.Title +'</h3>'+
//                           ' <p>&nbsp;</p>'+
//                           ' <p>'+ val.WriteUp +'</p>'+
//                        '</div>'+
//
//                        '<div class="col-md-4"><img src="public/img/list-thumb/list-2.jpg" class="img-responsive"></div>'+
//                   ' </div>'+
//                    '<p></p>'+
//                    '<div> </div>'+
//                '</div>'+
//                '<div class="clear"></div>'+
//           ' </div></div></div></div>';
////                        console.log(val);
//                    
//               
//                        $(document).on('click', '.check-act' + i + index, function(e) {
////                             $('.check-act'+ i + index).click(function() {
//                            $(this).toggleClass('check-signtseeing-Active');
//                            $(this).toggleClass('check-Active'+index);
////                            $('.act' + i + index).toggleClass('check-signt-Active' + index);
//                            var val1 = [];
//                            var val2= [];
//                            $('.check-Active'+index).each(function(i) {
//                                val1[i] = $(this).attr('data');
//                                val2[i] = $(this).attr('dataname');
//                            });
//                            $(".selected_act" + index).val(val1);
//                            $(".selected_actname" + index).val(val2);
////                            console.log(val1);
//                        });
//                    });
//                    html3 = '<input type="hidden" class="form-control mr-sm-2 selected_act' + index + '" name="selected_act[]" value="" index="' + index + '"><input type="hidden" class="form-control mr-sm-2 selected_actname' + index + '" name="selected_actname[]" value="" index="' + index + '">';
//                    $('#showAct' + index).html(html1 + html2 +html3 );
//                });
                
                   $.getJSON("tmx/index/get-sightseeing?cityid="+cityid+"", function(data) {
                    var html1 = '<label>  Select Sightseeing  </label> ';
                    var html2 = '';
                    var html3 = '';
//                    console.log(data);
                    $.each(data.Sigharray, function(i, val) {
                        html2 += '<div class="box-activities">' +
                                '   <span class="genderBox">  <span data="'+val.SSSysId+'" dataname="'+val.Title+'" class="check-signtseeing check-signt' + i + index + '"></span></span> ' +
                                '   <a href="#" data-target="#myModa1sighview'+i+'" data-toggle="modal"> <span class="act' + i + index + '">' + val.Title + ' </span></a>' +
                                '</div>  '+
                       ' <div class="modal fade" id="myModa1sighview'+i+'" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">'+
    '<div class="modal-dialog modal-lg">'+
        '<div class="modal-content">'+
            '<button type="button" class="close pull-right" data-dismiss="modal" aria-hidden="true">×</button>'+
            '<div class="modal-body">'+
                '<div class="panel-body" >'+
                    '<div class="col-md-12 mob-pad col-sm-12 package_det_hotel">'+


                       ' <div class="col-md-8 no-padding">'+
                           ' <h3 class="no-margin">Why stay here?</h3>'+
                           ' <p>&nbsp;</p>'+
                           ' <p>'+ val.WriteUp +'</p>'+
                        '</div>'+

                        '<div class="col-md-4"><img src="'+ val.DetailImg +'" class="img-responsive"></div>'+
                   ' </div>'+
                    '<p></p>'+
                    '<div> </div>'+
                '</div>'+
                '<div class="clear"></div>'+
           ' </div></div></div></div>';
//                        console.log(val);
                        
                      
                        $(document).on('click', '.check-signt' + i + index, function(e) {
//                              $('.check-signt'+ i + index).click(function() {
                            $(this).toggleClass('check-signtseeing-Active');
                            $(this).toggleClass('check-signtseeing'+index);
//                            $('.act' + i + index).toggleClass('check-signt-Active' + index);
                            var val3 = [];
                            var val4 = [];
                            $('.check-signtseeing'+index).each(function(i) {
                                val3[i] = $(this).attr('data');
                                val4[i] = $(this).attr('dataname');
                            });
                            $(".selected_Sight" + index).val(val3);
                            $(".selected_Sightname" + index).val(val4);
//                            console.log(val1);
                        });
                    });
                         html3 = '<input type="hidden" class="form-control mr-sm-2 selected_Sight' + index + '" name="selected_Sight[]" value="" index="' + index + '"><input type="hidden" class="form-control mr-sm-2 selected_Sightname' + index + '" name="selected_Sightname[]" value="" index="' + index + '">';
                    $('#showShight' + index).html( html1 + html2 +html3 );
                });
                $("#destinationBoxTmx" + index).val('');
                $(".cityid" + index).val(cityid);
                getDestinationImage(ui.item.value,index);
            }
            
            
        });
    });
});


//$(document).on('keyup', '.destinationBoxTmxFrom', function() {
//console.log('hereeeee');
//    var index = $(this).attr('index');
//    $.getJSON('tmx/index/get-citydata', function(destinations) {
//        console.log(destinations);
//        $(".destinationBoxTmxFrom").autocomplete({
//            source: destinations,
//            minLength: 2,
//            select: function(event, ui) {
//                var cityid = ui.item.id;
//                console.log(ui.item.value);
//
//                $("#destinationBoxTmx" + index).val('');
//                $(".cityid" + index).val(cityid);
//            }
//        });
//    });
//});

$("#selectDestination").autocomplete({
                source: function(request, response) {
                var query = $("#selectDestination").val();
                 var countryId = '';
                  $.getJSON("tmx/index/get-citydata", { query: query, countryId: countryId}, 
                            response);
                },
                minLength: 2,
                 autoFocus:true,
                select: function(event, ui){
                    var CityId = ui.item.CityId;
                    var CityName = ui.item.CityName;
                    $("#hidden_selected_hotel_cityid").val(CityId);
                    $("#hidden_selected_city_name").val(CityName);
                }
            });

//function get_hotelcity_autosuggest(inputId, hiddenInputId, countryInputId, hiddenselectedcityname) {
//
//                $('#' + inputId).typeahead({
//                    items: 'all',
//                    source: function (query, process) {
//                        $('#' + hiddenInputId).val('');
//                        var countryId = (countryInputId) ? $("#" + countryInputId).val() : '';
//                        return $.ajax({
//                            //url: '/general/suggest-city',
//                            url: 'tmx/index/get-citydata',
//                            type: 'post',
//                            async: true,
//                            data: {query: query, countryId: countryId},
//                            dataType: 'json',
//                            success: function (result) {
//                                console.log(result);
//                                var resultList = result.map(function (item) {
//                                    var aItem = {CityId: item.CityId, label: item.label, CityName: item.CityName, ContId: item.ContId};
//                                    return JSON.stringify(aItem);
//                                });
//                                return process(resultList);
//                            }
//                        });
//                    },
//                    sorter: function (items) {
//                        var beginswith = [], caseSensitive = [], caseInsensitive = [], item;
//                        while (aItem = items.shift()) {
//                            var item = JSON.parse(aItem);
//                            if (!item.label.toLowerCase().indexOf(this.query.toLowerCase()))
//                                beginswith.push(JSON.stringify(item));
//                            else if (~item.label.indexOf(this.query))
//                                caseSensitive.push(JSON.stringify(item));
//                            else
//                                caseInsensitive.push(JSON.stringify(item));
//                        }
//                        return beginswith.concat(caseSensitive, caseInsensitive)
//                    },
//                    highlighter: function (obj) {
//                        var item = JSON.parse(obj);
//                        var query = this.query.replace(/[\-\[\]{}()*+?.,\\\^$|#\s]/g, '\\$&');
//                        return item.label.replace(new RegExp('(' + query + ')', 'ig'), function ($1, match) {
//                            return '<strong>' + match + '</strong>'
//                        })
//                    },
//                    updater: function (item) {
//                        var item = JSON.parse(item);
//                        $('#' + hiddenInputId).val(item.CityId);
//                        $('#' + hiddenselectedcityname).val(item.CityName);
//                        //            $('#hidden_selected_hotel_id').val(item.TBBCityId);
//                        //			$('#'+hiddencountryInputId).val(item.ContId);
//                        return item.label;
//                    },
//                    minLength: 2,
//                    //        displayField: 'Title',
//                }).focus();
//            }


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

    var $button = $(this);
    var oldValue = $button.parent().find('.quantity').val();

    $button.parent().find('.incr-btn[data-action="decrease"]').removeClass('inactive');
    if ($button.data('action') == "increase_adult") {
        if (oldValue < CONST_PACKAGE_TRAVELER_MAX_ADULT_IN_ROOM) {
            var newVal = parseFloat(oldValue) + 1;
        } else {
            return false;
        }
    } else if ($button.data('action') == "increase_child") {
        if (oldValue < CONST_PACKAGE_TRAVELER_MAX_CHILD_IN_ROOM) {
            var newVal = parseFloat(oldValue) + 1;
        } else {
            return false;
        }
    }

    else if ($button.data('action') == "increase_infant") {
        if (oldValue < CONST_PACKAGE_TRAVELER_MAX_INFANT_IN_ROOM) {
            var newVal = parseFloat(oldValue) + 1;
        } else {
            return false;
        }
    }
    else {
        // Don't allow decrementing below 1
        if (oldValue > 1) {
            var newVal = parseFloat(oldValue) - 1;
        } else {
            newVal = 1;
            $button.addClass('inactive');
        }
    }
    $button.parent().find('.quantity').val(newVal);
//         console.log(newVal);
    e.preventDefault();

});



$(document).on('click', '.femaleIcon', function(e) {
    //$(".maleIcon").removeClass('maleIconActive');
    //$(".femaleIcon").toggleClass('femaleIconActive');
});

//  $(document).on('click', '.check-signtseeing', function (e) {
//    $(this).toggleClass('check-signtseeing-Active');
// });



$(".tmx_enquiry").on('submit', function(e) {
//     var EmailReg = new RegExp(/^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/);
    var number = new RegExp(/^[0-9]+$/);

    if ($('.tmx_enquiry input[name="from_destination"]').val() == '') {
        $('.msg').show().html('Please enter traveling from');
        $('.tmx_enquiry input[name="from_destination"]').focus();
        return false;
    }
    if ($('.tmx_enquiry input[name="depart_date"]').val() == '') {
        $('.msg').show().html('Please enter travel date');
        $('.tmx_enquiry input[name="depart_date"]').focus();
        return false;
    }

    var destination = $('.tmx_enquiry input[name="destination[]"]');
    for(i=0; i<destination.length; i++){
        if(destination[i].value === ""){
            $('.msg').show().html('Please enter destination');
			// alert('Please enter destination');
            destination[i].focus();
			return false;
        }

    }
    var nights = $('.tmx_enquiry input[name="nights[]"]');
    for(i=0;i<nights.length;i++){
        if(nights[i].value === ''){
            $('.msg').show().html('Please enter nights');
            nights[i].focus();
        return false;
        }
		if(!number.test(nights[i].value)){
            $('.msg').show().html('Please enter numbers only');
            nights[i].focus();
        return false;
        }
    }
    

//    var isChecked = $('.icheck-black').is(':checked');
//    if (isChecked == false) {
//        $('.msg').show().html('Please checked airfares');
//        $('.icheck-black').focus();
//        return false;
//    }

    $('.msg').hide().html('');

    var data = $("#tmx_enquiry").serialize();
//    console.log(data);
    $.ajax({url: SITEURL + 'tmx/index/tmxenquiry', type: 'POST', data: data, dataType: 'json', beforeSend: function() {
            $('.sending').html('<i class="ace-icon fa fa-spinner fa-spin orange bigger-125"></i> Sending...').attr('disabled', 'disabled');
        }, success: function(result) {
            alert(result.status);
            if(result.status === true){
                alert('Your query send successfully');
            }else{
                alert('Failed');
            }
        }

    })
});


function getDestinationImage(dest,id){
    
    
   $.ajax({url: SITEURL + 'tmx/index/get-destination-image', 
       type: 'POST', 
       data: {destination:dest}, 
       dataType: 'json', 
       beforeSend: function() {
            //$('.sending').html('<i class="ace-icon fa fa-spinner fa-spin orange bigger-125"></i> Sending...').attr('disabled', 'disabled');
        }, success: function(result) {
           console.log(result.data.Image);
if(result.data.Image!=''){
           $('.destination_image_'+id).html('<img src="public/upload/destinations/'+result.data.DesSysId+'/images/medium/'+result.data.Image+'" alt="" title="" height="160px;">');
            
        }else{
             $('.destination_image_'+id).html('<img src="public/img/not-available.jpg" alt="" title="" height="160px;">');
        }
    }

    })
    
    
}