<form name="frm_individual_sightseeing" id="frm_individual_sightseeing" method="post" action="save-sightseeing" enctype="multipart/form-data">
  <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                    <h4 class="modal-title" id="myModalLabel">Add Sightseeing</h4>
                </div>
                <div class="modal-body">
                
                   <div class="col-md-4">                                
                    <div class="form-group">
                        <label>Country</label>
                        <select id="popupContId" name="ContId" class="demo-default select-country" placeholder="Select" onchange="getPopupCityList(this.value);" tabindex="1">
                            <option value="0">Select Country</option>
                            <?php  
                            if(!empty($this->arrCountryList) ) { 
                                foreach($this->arrCountryList as $country) { ?>
                                    <option value="<?php echo $country['ContId']; ?>"><?php echo $country['Title']; ?></option>
                                <?php 
                                }
                            }
                            ?>
                        </select>
                    </div>
                    </div>


                    <div class="col-md-4">                                
                        <div class="form-group">
                            <label>City</label>
                            <select id="popupCitySysId" name="CitySysId" class="form-control" placeholder="Select">
                                <option value="0">Select City</option>
                            </select>
                        </div>
                    </div>
                
                <div class="col-md-4">                                
                    <div class="form-group">
                        <label>Category</label>
                        <select id="popupSightseeingGroupType" name="SightseeingGroupType" class="demo-default select-country" placeholder="Select">
                            <option value="0">Select Category</option>
                            <?php  
                            if(!empty($this->arrSightseeingGroupTypeList) ) { 
                                foreach($this->arrSightseeingGroupTypeList as $arrSightseeingGroupType) { ?>
                                    <option value="<?php echo $arrSightseeingGroupType['SSGroupType']; ?>"><?php echo $arrSightseeingGroupType['Title']; ?></option>
                                <?php 
                                }
                            }
                            ?>
                        </select>
                    </div>
                </div>
                
                
                <div class="col-md-4">                                
                    <div class="form-group">
                        <label>Type</label>
                        <select id="popupSightseeingType" name="SightseeingType" class="demo-default select-country" placeholder="Select">
                            <option value="0">Select Type</option>
                            <?php  
                            if(!empty($this->arrSightseeingTypeList) ) { 
                                foreach($this->arrSightseeingTypeList as $SightseeingType) { ?>
                                    <option value="<?php echo $SightseeingType['SSType']; ?>"><?php echo $SightseeingType['Title']; ?></option>
                                <?php 
                                }
                            }
                            ?>
                        </select>
                    </div>
                </div>
                
                
                <div class="col-md-4">                                
                    <div class="form-group">
                        <label>Sightseeing Name</label>
                        <input type="text" id="popupSightseeingName" name="SightseeingName" value="" class="form-control whbg">
                    </div>
                </div>
                
                
                <div id="items">
                    <div>
                        <div class="col-md-4">                                
                            <div class="form-group">
                                <label class="col-md-12 no-padding">Operating Time</label>
                                <input type="hidden" id="OperatingTimeCounter" name="OperatingTimeCounter" value="0">
                                <div class="col-md-12 no-padding">
                                <div class="col-md-2 col-sm-2 col-xs-2 no-padding" style="line-height:34px;">
                                        From
                                </div>
                                <div class="col-md-3 col-sm-3 col-xs-3"><input type="text" id="OperatingStTime_1" name="OperatingStTime[]" value="" class="form-control whbg" style="padding-left:3px; padding-right:3px;">
                                </div>
                                <div class="col-md-2 col-sm-2 col-xs-2 no-padding text-right" style="line-height:34px;">To</div>
                                <div class="col-md-3 col-sm-3 col-xs-3"><input type="text" id="OperatingEndTime_1" name="OperatingEndTime[]" value="" class="form-control whbg" style="padding-left:3px; padding-right:3px;">
                                </div>
                                <div class="col-md-2 col-sm-2 col-xs-2 no-padding"><button type="button" id="add_operating_time" class="btn btn-success btn-xs"><i class="fa fa-fw fa-arrows"></i></button></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                
                
                <div class="col-md-4">                                
                    <div class="form-group">
                        <label>Duration (In Mins)</label>
                        <input type="text" id="Duration" name="Duration" value="" class="form-control whbg">
                    </div>
                </div>
                
                <div class="col-md-4">                                
                    <div class="form-group">
                        <label>Difficulty Level</label>
                        <select id="difficulty_level" name="difficulty_level" class="demo-default select-country" placeholder="Select">
                            <option value="0">Select Type</option>
                            <?php  
                            if(!empty($this->arrDifficultyTypeList) ) { 
                                foreach($this->arrDifficultyTypeList as $DifficultyType) { ?>
                                    <option value="<?php echo $DifficultyType['DifficultyType']; ?>"><?php echo $DifficultyType['Title']; ?></option>
                                <?php 
                                }
                            }
                            ?>
                        </select>
                    </div>
                </div>
                
                 <div class="col-md-4">                                
                    <div class="form-group">
                        <label>Image</label>
                        <input type="file" name="image" id="image" />
                    </div>
                </div>
                
                
                <div class="col-md-4">                                
                    <div class="form-group">
                        <label>Season</label>
                        <select id="season_month" name="season_month[]" multiple class="demo-default select-state" placeholder="Select Season">
                        <?php 
                        $season_month_arr  = unserialize(SEASON_MONTH);
                        foreach($season_month_arr as $key=>$val) { 
                        ?>    
                            <option value="<?php echo $key; ?>"><?php echo $val;?></option>
                        <?php } ?>                                                                          
                        </select>
                    </div>
                </div>
    
          
                <div class="col-md-4">                                
                    <div class="form-group">
                        <label>Days of week</label>
                        <select id="season_day" name="season_day[]" multiple class="demo-default select-state" placeholder="Select Season">
                        <?php 
                        $season_day_arr  = unserialize(SEASON_DAYS);
                        foreach($season_day_arr as $key=>$val) { 
                        ?>    
                            <option value="<?php echo $key; ?>"><?php echo $val;?></option>
                        <?php } ?>                                                                          
                        </select>
                    </div>
                </div>
                
                <div id="items_age">
                    <div>
                        <div class="col-md-4">                                
                            <div class="form-group">
                                <label class="col-md-12 no-padding">Allowed Age Group (Yrs)</label>
                                <input type="hidden" id="OperatingTimeCounter_age" name="OperatingTimeCounter_age" value="0">
                                <div class="col-md-12 no-padding">
                                <div class="col-md-2 col-sm-2 col-xs-2 no-padding" style="line-height:34px;">
                                        From
                                </div>
                                <div class="col-md-3 col-sm-3 col-xs-3"><input type="text" id="AgeGroupSt_1" name="AgeGroupSt[]" class="form-control whbg" style="padding-left:3px; padding-right:3px;">
                                </div>
                                <div class="col-md-2 col-sm-2 col-xs-2 no-padding text-right" style="line-height:34px;">To</div>
                                <div class="col-md-3 col-sm-3 col-xs-3"><input type="text" id="AgeGroupEnd_1" name="AgeGroupEnd[]" class="form-control whbg" style="padding-left:3px; padding-right:3px;">
                                </div>
                                <div class="col-md-2 col-sm-2 col-xs-2 no-padding"><button type="button" class="btn btn-success btn-xs" id="add_operating_time_age"><i class="fa fa-fw fa-arrows"></i></button></div>
                                </div>
                            </div>
                        </div>
                    </div>    
                </div>
                
                <div class="col-md-4">                                
                    <div class="form-group">
                        <label>Popularity</label>
                        <input type="text" id="Popularity" name="Popularity" value="" class="form-control whbg">
                    </div>
                </div>
                
                
                <div class="col-md-4">                                
                    <div class="form-group">
                        <label>Things to Carry</label>
                        <input type="text" id="things_to_carry" name="things_to_carry" value="" class="form-control whbg">
                    </div>
                </div>
                
                
                <div class="col-md-4">                                
                    <div class="form-group">
                        <label>Transfers</label>
                        <select id="Transfers" name="Transfers" class="demo-default select-country" placeholder="Select">
                            <option value="">Select</option>
                            <?php 
                                $transfers_arr  = unserialize(ARR_TRANSFERS);
                                foreach($transfers_arr as $key=>$val) { 
                            ?>    
                                <option value="<?php echo $key; ?>"><?php echo $val;?></option>
                            <?php } ?> 
                        </select>
                    </div>
                </div>
                
                
                <div class="col-md-4">                                
                    <div class="form-group">
                        <label>Pick n Drop</label>
                        <select id="pick_drop" name="pick_drop" class="demo-default select-country" placeholder="Select">
                            <option value="">Select</option>
                            <?php 
                                $pickand_drop_arr  = unserialize(ARR_PICKNDRP);
                                foreach($pickand_drop_arr as $key=>$val) { 
                            ?>    
                                <option value="<?php echo $key; ?>"><?php echo $val;?></option>
                            <?php } ?> 
                        </select>
                    </div>
                </div>
                
                
                <div class="col-md-4">                                
                    <div class="form-group form-group1">
                        <label>Details</label>
                        <textarea name="details" id="details" cols="45" rows="3" class="form-control whbg"></textarea>
                    </div>
                </div>
                    
                    
                <div class="clear"></div></div>
                
                
                <div class="modal-footer">
                    <button class="btn btn-warning btn-round" type="submit" onclick="return addPopupSightseeingValidate();">Submit</button>
                    <button type="button" class="btn btn-default btn-round" data-dismiss="modal">Cancel</button>
                </div>
                
    
</form>      
  
<script type="text/javascript" src="<?php echo $this->baseUrl('public/assets/js/bootstrap.min.js'); ?>"></script>
<script type="text/javascript" src="<?php echo $this->baseUrl('public/assets/js/multipleAccordion.js'); ?>"></script>
<!--switchery Script Start -->
<script src="<?php echo $this->baseUrl('public/assets/js/switchery.min.js'); ?>"></script>
<!--switchery Script End -->

<!--bootstrap switch Button Script Start-->
<script src="<?php echo $this->baseUrl('public/assets/js/bootstrap-switch.js'); ?>"></script>
<!--bootstrap switch Button Script End-->

<!--selectize Library start-->
<script src="<?php echo $this->baseUrl('public/assets/js/selectize.min.js'); ?>"></script>
<!--selectize Library End-->

<!--Select & Tag demo start-->
<script src="<?php echo $this->baseUrl('public/assets/js/pages/selectTag.js'); ?>"></script>
<!--Select & Tag demo end-->

<!--Select & Tag demo start-->
<script src="<?php echo $this->baseUrl('public/assets/js/jquery.minicolors.min.js'); ?>"></script>
<!--Select & Tag demo end-->

<!-- Script For Icheck -->
<script src="<?php echo $this->baseUrl('public/assets/js/icheck.min.js'); ?>"></script>
<!-- Script For Icheck -->

<!--Advance Radio and checkbox demo start-->
<script src="<?php echo $this->baseUrl('public/assets/js/pages/checkboxRadio.js'); ?>"></script>
<!--Advance Radio and checkbox demo start-->  

<script type="text/javascript">
$(document).ready(function() {  
    
    var max_fields      = 2;
    var srt = 1; //initlal text box count
    
    $("#add_operating_time").click(function (e) {  
        var counter = $("#OperatingTimeCounter").val();
        e.preventDefault();
        if(counter < max_fields)
        {
            var div_str = '<div class="remove_field_div" id="opt_time_remove_' + srt +'"><div class="col-md-4"><div class="form-group"><label class="col-md-12 no-padding">Operating Time</label><div class="col-md-12 no-padding"><div class="col-md-2 col-sm-2 col-xs-2 no-padding" style="line-height:34px;">From</div><div class="col-md-3 col-sm-3 col-xs-3"><input type="text" id="OperatingStTime_'+srt+'" name="OperatingStTime[]" value="" class="form-control whbg" style="padding-left:3px padding-right:3px"></div><div class="col-md-2 col-sm-2 col-xs-2 no-padding text-right" style="line-height:34px">To</div><div class="col-md-3 col-sm-3 col-xs-3"><input type="text" id="OperatingEndTime_'+srt+'" name="OperatingEndTime[]" value="" class="form-control whbg" style="padding-left:3px padding-right:3px"></div><div class="col-md-2 col-sm-2 col-xs-2 no-padding"><button type="button" data-original-title="Delete" onclick="deleteOpTimeDiv('+srt+');" id="delete_operating_time" class="btn btn-xs btn-danger tooltipLink" data-toggle="tooltip" data-placement="top" title=""><i class="fa fa-trash-o"></i></button></div></div></div></div></div>';
            $("#items").append(div_str); 
            srt++; //text box increment
            $("#OperatingTimeCounter").val( parseInt($("#OperatingTimeCounter").val()) +  1);
        }    
    });  
});

function deleteOpTimeDiv(srt)
{
    $('div#opt_time_remove_' + srt).remove(); 
    srt = srt -1;  
    $("#OperatingTimeCounter").val(   parseInt($("#OperatingTimeCounter").val()) - 1 );
    
}

$(document).ready(function() {  
    
    var max_fields_age      = 2;
    var srt_age = 1; //initlal text box count
    
    $("#add_operating_time_age").click(function (e) {  
        var counter_age = $("#OperatingTimeCounter_age").val();
        e.preventDefault();
        if(counter_age < max_fields_age)
        {
            var div_str_age = '<div id="opt_time_remove_age_' + srt_age +'"><div class="col-md-4"><div class="form-group"><label class="col-md-12 no-padding">Allowed Age Group (Yrs)</label><div class="col-md-12 no-padding"><div class="col-md-2 col-sm-2 col-xs-2 no-padding" style="line-height:34px;">From</div><div class="col-md-3 col-sm-3 col-xs-3"><input type="text" id="AgeGroupSt_'+srt_age+'" name="AgeGroupSt[]" value="" class="form-control whbg" style="padding-left:3px padding-right:3px"></div><div class="col-md-2 col-sm-2 col-xs-2 no-padding text-right" style="line-height:34px">To</div><div class="col-md-3 col-sm-3 col-xs-3"><input type="text" id="AgeGroupEnd_'+srt_age+'" name="AgeGroupEnd[]" value="" class="form-control whbg" style="padding-left:3px padding-right:3px"></div><div class="col-md-2 col-sm-2 col-xs-2 no-padding"><button type="button" data-original-title="Delete" onclick="deleteOpTimeAgeDiv('+srt_age+');" id="delete_operating_time_age" class="btn btn-xs btn-danger tooltipLink" data-toggle="tooltip" data-placement="top" title=""><i class="fa fa-trash-o"></i></button></div></div></div></div></div>';
            $("#items_age").append(div_str_age); 
            srt_age++; //text box increment
            $("#OperatingTimeCounter_age").val( parseInt($("#OperatingTimeCounter_age").val()) +  1);
        }    
    });  
});

function deleteOpTimeAgeDiv(srt_age)
{
    $('div#opt_time_remove_age_' + srt_age).remove(); 
    srt_age = srt_age -1;  
    $("#OperatingTimeCounter_age").val(   parseInt($("#OperatingTimeCounter_age").val()) - 1 );
    
}
</script>