@extends('admin.layouts.layout', ['title' => $module.(($tour_details)?' - '.$tour_details->file_name:'')])
@section('css')
<!-- <link href="{{ asset('/administrator/')}}/css/select2.min.css" rel="stylesheet"> -->
<link href="{{ asset('/administrator/')}}/css/jquery-ui.min.css" rel="stylesheet">
<link href="{{ asset('/administrator/')}}/css/jquery.timepicker.min.css" rel="stylesheet">
<style>
.confirmWidth {
    width: 350px;
    margin: 0 auto;
    text-align: center;
}
.font-bold {
    font-weight: bold;
}
.error {
    color:red!important;
}
</style>
@endsection
@section('main')

<div class="body">
    @if($id)
    {!! Form::model($data, [
            'method' => 'PATCH',
            'route' => [$form['route'], $id], 
            'class' => 'form-horizontal',
            'id' => 'notification_send',
            'enctype'=>'multipart/form-data'
            ]) !!}
    @else
    {!! Form::open(array('route' => $form['route'],'method'=>'POST','id' => 'notification_send','enctype'=>'multipart/form-data')) !!}
    @endif
    @php($readonly = ($id)?'readonly':'')
    @php($user_role = \Auth::user()->roles->role_id)
    @php($tourDetails = ($tour_details)?0:1)
    @php($existing_user_type = ($id) ? explode(',',$data->user_type) : [])
    
        <div class="col-lg-12 col-md-12 col-xs-12 col-sm-12" id="row-user_type">
            <div class="form-group form-check">
                <div class="col-sm-12">
                    @if($tourDetails==1)
                    <div class="col-sm-3">
                        <input type="checkbox" class="form-check-input send-user-type" id="all_users" data-name="ALL USERS" name="user_type[]" value="0" {{(in_array(0,$existing_user_type) ? "checked":"")}}>
                        {!! Form::label('all_users', 'All Users',array('class'=>'form-label','for'=>'all_users'),false) !!}
                    </div> 
                    @endif
                    @php($labelPrefix = ($tourDetails == 1)?'All Guests':'Guests on this Cruise')
                    <div class="col-sm-3">
                        <input type="checkbox" class="form-check-input send-user-type" id="guests_only" data-name="ALL GUESTS" name="user_type[]" value="5" {{(in_array(5,$existing_user_type) ? "checked":"")}}>
                        {!! Form::label('guests_only', $labelPrefix,array('class'=>'form-label','for'=>'guests'),false) !!}
                    </div> 
                    @php($labelPrefix = ($tourDetails == 1)?'All Staff':'Staff on this Cruise')
                    <div class="col-sm-3">
                        <input type="checkbox" class="form-check-input send-user-type" id="staff_only" data-name="ALL STAFFS" name="user_type[]" value="4" {{(in_array(4,$existing_user_type) ? "checked":"")}}>
                        {!! Form::label('staff_only', $labelPrefix ,array('class'=>'form-label','for'=>'staff_only'),false) !!}
                    </div>
                    @if(!$tourDetails)
                    <div class="col-sm-3">
                        <input type="checkbox" class="form-check-input send-user-type" id="gl_only" data-name="ALL GLS" name="user_type[]" value="6" {{(in_array(6,$existing_user_type) ? "checked":"")}}>
                        {!! Form::label('gl_only', 'GL on this Cruise' ,array('class'=>'form-label','for'=>'gl_only'),false) !!}
                    </div>
                    @endif
                    @php($guest_none = ($tourDetails == 1)?'':'d-none')
                    {{--<div class="col-sm-3 {{$guest_none}}">
                        <input type="checkbox" class="form-check-input send-user-type" id="group_leader_only" data-name="ALL GROUP LEADERS" name="user_type[]" value="6" {{(in_array(6,$existing_user_type) ? "checked":"")}}>
                        {!! Form::label('group_leader_only', 'All Group Leaders',array('class'=>'form-label','for'=>'group_leader_only'),false) !!}
                    </div>  --}}  
                </div>
                @if ($errors->has('user_type'))
                    <span class="help-block error">{{ $errors->first('user_type') }}</span>
                @endif
            </div>
        </div>
        <input type="hidden" id="tour_details" value="{{($tour_details)?1:0}}">
        
        @if($tour_details)
        <input type="hidden" name="cruise_id" value="{{$tour_details->cruise_id}}">
        <div class="col-lg-6 col-md-6 col-xs-12 col-sm-12 d-none" id="row-first_name">
            <div class="form-group form-other">
                <div class="">
                    {!! Form::label('cruise_name', 'Ship:',array('class'=>'form-label','for'=>'cruise_name'),false) !!}
                    @php($cruiseName = isset($tour_details->cruise->name)?$tour_details->cruise->name:null)
                    {!! Form::text('cruise_name', $cruiseName, ['class' => 'form-control','id'=>'cruise_name','readonly'=>'readonly']) !!}
                </div>
            </div>
        </div>
        <input type="hidden" name="tour_id" id="tour_id" value="{{$tour_details->id}}">
        <div class="col-lg-6 col-md-6 col-xs-12 col-sm-12 d-none" id="row-first_name">
            <div class="form-group form-other">
                <div class="">
                    {!! Form::label('tour_name', 'Cruise:',array('class'=>'form-label','for'=>'tour_name'),false) !!}
                    @php($TourName = isset($tour_details->file_name)?$tour_details->file_name:null)
                    {!! Form::text('tour_name', $TourName, ['class' => 'form-control','id'=>'tour_name','readonly'=>'readonly']) !!}
                </div>
            </div>
        </div>
        @else 
        <div class="col-lg-6 col-md-6 col-xs-12 col-sm-12 d-none" id="row-first_name">
            <div class="form-group form-other">
                <div class="">
                    {!! Form::label('cruise_id', 'Ship:',array('class'=>'form-label','for'=>'cruise_id'),false) !!}
                    @php($cruises = \App\Helpers\Helper::getCruise())
                    {!! Form::select('cruise_id', $cruises, null, ['class' => 'form-control','id'=>'cruise_id','placeholder'=>'Select']) !!}
                </div>
                @if ($errors->has('cruise_id'))
                    <span class="help-block">{{ $errors->first('cruise_id') }}</span>
                @endif
                <!-- <span class="help-info">Maximum 100 characters</span> -->
            </div>
        </div>        
        <div class="col-lg-6 col-md-6 col-xs-12 col-sm-12 d-none" id="row-first_name">
            <div class="form-group form-other">
                <div class="">
                    {!! Form::label('tour_id', 'Cruise:',array('class'=>'form-label','for'=>'tour_id'),false) !!}
                    @php($tours = \App\Helpers\Helper::getTours())
                    <select id="tour_id" name="tour_id" class="form-control selectpicker">                        
                        <option value="">Select cruise</option>
                        @foreach($tours as $tkey=>$tval)
                        <option value="{{$tkey}}">{{$tval}}</option>
                        @endforeach
                    </select>
                </div>
                @if ($errors->has('tour_id'))
                    <span class="help-block">{{ $errors->first('tour_id') }}</span>
                @endif
                <!-- <span class="help-info">Maximum 100 characters</span> -->
            </div>
        </div>
        @endif
        <div class="col-lg-12 col-md-12 col-xs-12 col-sm-12" id="row-schedule">
            <div class="form-group form-other">
                <div class="">
                    <div class="clearfix"></div>                    
                    <div class="row">
                        <div class="col-md-6">
                            <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
                                <input name="schedule" type="radio" class="schedule" value="0" id="is_schedule-0" required {{(($data->status == "1") ? "checked":"")}}>
                                <label for="is_schedule-0">Send Now</label>
                            </div>
                            <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
                                <input name="schedule" type="radio" class="schedule" value="1" id="is_schedule-1" required {{(($data->status == "0") ? "checked":"")}}>
                                <label for="is_schedule-1">Send Later</label>
                            </div>
                            <label id="schedule-error" class="error" for="schedule"></label>
                            <div class="col-lg-12 col-md-12 col-xs-12 col-sm-12" id="row-message">
                                    <div class="form-group form-float">
                                        <div class="form-line focused">
                                            {!! Form::label('message', 'Message <span class="span-req">*</span>:',array('class'=>'form-label','for'=>'message'),false) !!}
                                            {!! Form::textarea('message', null, ['class' => 'form-control','id'=>'message','placeholder'=>'Enter message']) !!}
                                        </div>
                                        @if ($errors->has('message'))
                                            <span class="help-block">{{ $errors->first('message') }}</span>
                                        @endif
                                        <span class="help-info"><span id="text-length-noti">500</span> characters remaining</span>
                                    </div>
                                </div>
                                <div class="col-lg-12 col-md-12 col-xs-12 col-sm-12" id="row-link">
                                    <div class="form-group form-float">
                                        <div class="form-line focused">
                                            {!! Form::label('link', 'Link:',array('class'=>'form-label','for'=>'link'),false) !!}
                                            {!! Form::text('link', null, ['class' => 'form-control','id'=>'link']) !!}
                                        </div>
                                        @if ($errors->has('link'))
                                            <span class="help-block">{{ $errors->first('link') }}</span>
                                        @endif
                                        <!-- <span class="help-info">Maximum 100 characters</span> -->
                                    </div>
                                </div>
                                <div class="col-lg-12 col-md-12 col-xs-12 col-sm-12" id="row-link">
                                    <div class="form-group form-check">
                                        <div class="">
                                        <input type="checkbox" class="form-check-input" id="join_later_chk" name="join_later_chk" value="1" {{($id && ($data->join_later_status == 1)) ? "checked" : null}}>
                                        {!! Form::label('join_later_chk', 'Retroactive? - Send to Users who add cruise AFTER Notification sends',array('class'=>'form-label','for'=>'join_later_chk'),false) !!}
                                        </div>
                                        @if ($errors->has('join_later_chk'))
                                            <span class="help-block">{{ $errors->first('join_later_chk') }}</span>
                                        @endif
                                        <!-- <span class="help-info">Maximum 100 characters</span> -->
                                    </div>
                                </div>
                        </div>
                        <div class="col-md-6">
                            
                            <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12 w-100 calendar-wrapper">
                                <div class="toparea">
                                <!-- <button id="btnPrev" type="button">Prev</button> -->
                                <div class="date"><span id="cl_date">{{date('m-d-Y')}}</span> - <span id="cl_time">{{date('h:i:s A')}}</span><br><span id="cl_day">({{date('l')}})</span></div>
                                    <!-- <button id="btnNext" type="button">Next</button> -->
                                </div>
                                <div id="divCal"></div>
                                </div>
                                {{--{!! Form::label('current_date', 'Current Date & Time:',array('class'=>'','for'=>'current_date'),false) !!}
                                <input type="text" id="current_date_time" class="form-control" readonly value="{{ date('m-d-Y H:i:s')}}">--}}
                             
                        </div>                                              
                    </div>
                </div>
            </div>
        </div>
        <div class="col-lg-6 col-md-6 col-xs-12 col-sm-12 {{(isset($data->status) && ($data->status == '0')) ? '': 'd-none'}} schedule-date-time" id="row-schedule-date">
            <div class="form-group form-float">
                <div class="form-line focused">
                    {!! Form::label('schedule_date', 'Schedule Date <span class="span-req">*</span>:',array('class'=>'form-label','for'=>'schedule_date'),false) !!}
                    <input class="form-control datepicker" id="schedule_date" readonly="readonly" name="schedule_date" value="{{isset($data->schedule_date)?\App\Helpers\Helper::dateConvert($data->schedule_date):''}}" type="text">
                </div>
                @if ($errors->has('schedule_date'))
                    <span class="help-block">{{ $errors->first('schedule_date') }}</span>
                @endif                
            </div>
        </div>
        <div class="col-lg-6 col-md-6 col-xs-12 col-sm-12 {{(isset($data->status) && ($data->status == '0')) ? '': 'd-none'}} schedule-date-time" id="row-schedule-time">
            <div class="form-group form-float">
                <div class="form-line focused">
                    {!! Form::label('schedule_time', 'Scheduled Time (EST) <span class="span-req">*</span>:',array('class'=>'form-label','for'=>'schedule_time'),false) !!}
                    <input class="form-control timepicker" placeholder="Select schedule time" id="schedule_time" readonly="readonly" name="schedule_time" value="{{isset($data->schedule_time) ? date('h:i A',strtotime($data->schedule_time)) : '' }}" type="text">
                </div>
                @if ($errors->has('schedule_time'))
                    <span class="help-block">{{ $errors->first('schedule_time') }}</span>
                @endif
            </div>
        </div>
        <div class="col-lg-6 col-md-6 col-xs-12 col-sm-12" id="row-link">
            <div class="form-group form-check">
                <div class="">
                    <input type="checkbox" class="form-check-input" id="adjust_time_zone" name="adjust_time_zone" value="1" {{($id && ($data->adjust_time_zone == 1)) ? "checked" : null}}>
                    {!! Form::label('adjust_time_zone', 'Adjust for Time Zone?',array('class'=>'form-label','for'=>'adjust_time_zone'),false) !!}
                    <br><label class="form-label d-none" id="port_time_zone_label">Schedule Time (Port Time Zone) : <span id="port_time_zone"></span></label>
                </div>
                @if ($errors->has('adjust_time_zone'))
                    <span class="help-block">{{ $errors->first('adjust_time_zone') }}</span>
                @endif
                <!-- <span class="help-info">Maximum 100 characters</span> -->
            </div>
        </div>
        <div class="clearfix"></div>
        <button type="submit" class="btn bg-indigo btn-lg waves-effect"><i class="material-icons">save</i> <span>Send</span></button>
    
        <a href="{{ $form['back_route'] }}" class="btn btn-info btn-lg waves-effect"><i class="material-icons">arrow_back</i> <span>Back</span></a>
        
    {!! Form::close() !!}
    <div class="clearfix"></div>   
</div>
@endsection
@section('scripts')
<!-- <script src="{{ asset('/administrator/')}}/js/select2.full.min.js"></script> -->
<script src="{{ asset('/administrator/')}}/js/jquery.validate.min.js"></script>
<script src="{{ asset('/administrator/')}}/js/additional-methods.min.js"></script>
<script src="{{ asset('/administrator/js/jquery-ui.js')}}"></script>
<script src="{{ asset('/administrator/js/jquery.timepicker.min.js')}}"></script>
<script>   
// Get element by id
function getId(id = null) {
    return document.getElementById(id);
}

function getTourTimeZoneHour(){
    var tour_id = $('#tour_id').val();
    var schedule_date = null;
    var schedule_time = null;
    var is_adjust = 0;
    var schedule_type = $('input[type=radio][name=schedule]:checked').val();
    if(schedule_type == "1"){
        schedule_date = $('#schedule_date').val();
        if (schedule_date) {
            schedule_date = schedule_date.replace('-', '/'); 
        }
        schedule_time = $('#schedule_time').val();
    }
     
    if($('#adjust_time_zone').prop("checked") == true){
        is_adjust = 1;
    }
    $.ajax({
        url: PATH + "/get-tour-time-zone-hour",
        data: {tour_id : tour_id,schedule_date : schedule_date,schedule_time:schedule_time,schedule_type:schedule_type,is_adjust:is_adjust},
        type:'GET',
        beforeSend: function(){
            //$('.loader').show();
        },
        success: function(data){
            $('.loader').hide();   
            $('#port_time_zone').html(data.sending_date_time);
            if(is_adjust == 1){
                $('#port_time_zone_label').removeClass('d-none');
            }
            else{
                $('#port_time_zone_label').addClass('d-none');
            }
        },
        error:function(){
            $('.loader').hide();
        }
    });

}
$(document).ready(function () {
    // $('.select2').select2();
    $('body').on('change','#adjust_time_zone, #schedule_date', function(){
        getTourTimeZoneHour();
    });
    $('#join_later_chk').on('click', function() {
        if($('#join_later_chk').is(":checked") == true) {
            $('#join_later_chk').val(1);
        } else {
            $('#join_later_chk').val(0);
        }
    });
   
    var Cal = function(divId) {
        //Store div id
        this.divId = divId;
        // Days of week, starting on Sunday
        this.DaysOfWeek = [
            'Sun',
            'Mon',
            'Tue',
            'Wed',
            'Thu',
            'Fri',
            'Sat'
        ];

        // Months, stating on January
        this.Months = ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December' ];

        // Set the current month, year
        var d = new Date(2025,7,10,02,39,44);
        this.currMonth = d.getMonth();
        this.currYear = d.getFullYear();
        this.currDay = d.getDate();
    };

    // Goes to next month
    Cal.prototype.nextMonth = function() {
        if ( this.currMonth == 11 ) {
            this.currMonth = 0;
            this.currYear = this.currYear + 1;
        }
        else {
            this.currMonth = this.currMonth + 1;
        }
        this.showcurr();
    };

    // Goes to previous month
    Cal.prototype.previousMonth = function() {
        if ( this.currMonth == 0 ) {
            this.currMonth = 11;
            this.currYear = this.currYear - 1;
        }
        else {
            this.currMonth = this.currMonth - 1;
        }
        this.showcurr();
    };

    // Show current month
    Cal.prototype.showcurr = function() {
        this.showMonth(this.currYear, this.currMonth);
    };

    // Show month (year, month)
    Cal.prototype.showMonth = function(y, m) {
        var d = new Date()
        // First day of the week in the selected month
        , firstDayOfMonth = new Date(y, m, 1).getDay()
        // Last day of the selected month
        , lastDateOfMonth =  new Date(y, m+1, 0).getDate()
        // Last day of the previous month
        , lastDayOfLastMonth = m == 0 ? new Date(y-1, 11, 0).getDate() : new Date(y, m, 0).getDate();


        var html = '<table>';

        // Write selected month and year
        html += '<thead><tr>';
        html += '<td colspan="7">' + this.Months[m] + ' ' + y + '</td>';
        html += '</tr></thead>';


        // Write the header of the days of the week
        html += '<tr class="days">';
        for(var i=0; i < this.DaysOfWeek.length;i++) {
            html += '<td>' + this.DaysOfWeek[i] + '</td>';
        }
        html += '</tr>';

        // Write the days
        var i=1;
        do {
            var dow = new Date(y, m, i).getDay();

            // If Sunday, start new row
            if ( dow == 0 ) {
                html += '<tr>';
            }
            // If not Sunday but first day of the month
            // it will write the last days from the previous month
            else if ( i == 1 ) {
                html += '<tr>';
                var k = lastDayOfLastMonth - firstDayOfMonth+1;
                for(var j=0; j < firstDayOfMonth; j++) {
                html += '<td class="not-current">' + k + '</td>';
                k++;
                }
            }

            // Write the current day in the loop
            var chk = new Date();
            var chkY = chk.getFullYear();
            var chkM = chk.getMonth();
            if (chkY == this.currYear && chkM == this.currMonth && i == this.currDay) {
                html += '<td class="today">' + i + '</td>';
            } else {
                html += '<td class="normal">' + i + '</td>';
            }
            // If Saturday, closes the row
            if ( dow == 6 ) {
                html += '</tr>';
            }
            // If not Saturday, but last day of the selected month
            // it will write the next few days from the next month
            else if ( i == lastDateOfMonth ) {
                var k=1;
                for(dow; dow < 6; dow++) {
                    html += '<td class="not-current">' + k + '</td>';
                    k++;
                }
            }
            i++;
        }while(i <= lastDateOfMonth);

        // Closes table
        html += '</table>';

        // Write HTML to the div
        document.getElementById(this.divId).innerHTML = html;
    };

        // On Load of the window
    window.onload = function() {

        // Start calendar
        var c = new Cal("divCal");			
        c.showcurr();

        // Bind next and previous button clicks
        // getId('btnNext').onclick = function() {
        //     c.nextMonth();
        // };
        // getId('btnPrev').onclick = function() {
        //     c.previousMonth();
        //  };
    }


    $(".datepicker").datepicker({ 
        format: 'mm/dd/yyyy',
        todayHighlight:'TRUE',
        autoclose: true,
        minDate:-1
    });
    $('.timepicker').timepicker({
        timeFormat: 'h:mm p',
        interval: 15,
        // minTime: '10',
        // maxTime: '6:00pm',
        defaultTime: '11',
        // startTime: '10:00',
        dynamic: true,
        dropdown: true,
        scrollbar: true,
        change: getTourTimeZoneHour
    });
    $('#schedule_time').val('').trigger('change');
    $('#schedule_date').val('').trigger('change');
    var date1 = new Date(2025,7,10,02,39,44);
    var days = ["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"];
    var old_date = date1;
    
    setInterval(function() {
        date1.setSeconds(date1.getSeconds() + 1);
        var month = ('0' + (date1.getMonth() + 1)).slice(-2);
        var day = ('0' + (date1.getDate())).slice(-2);
        var hour = ('0' + (date1.getHours())).slice(-2);
        var min = ('0' + (date1.getMinutes())).slice(-2);
        var second = ('0' + (date1.getSeconds())).slice(-2);
        var ampm = "AM";
        if( hour > 12 ) {
            hour -= 12;
            ampm = "PM";
        }
        $('#cl_date').text(month+'-'+day+'-'+date1.getFullYear());
        $('#cl_time').text(hour +':' + min + ':' + second + ' ' + ampm);        
        $('#cl_day').text("("+days[date1.getDay()]+")");
        if(date1.getDay() != old_date.getDay()){
            var c = new Cal("divCal");			
            c.showcurr();
        }
        
    }, 1000);
    $('body').on('keyup','#message',function(){
        var length = $('#message').val().length;
        var next = 500 - parseInt(length);
        $('#text-length-noti').html(next);
    });
    $('body').on('change','input[type=radio][name=schedule]',function(){
        let schedule = $(this).val();
        if(schedule == "1"){
            $('.schedule-date-time').removeClass('d-none');
            $('#schedule_date').prop('required',true);
            $('#schedule_time').prop('required',true);
        }
        else{
            $('.schedule-date-time').addClass('d-none');
            $('#schedule_date').prop('required',false);
            $('#schedule_time').prop('required',false);
        }
        getTourTimeZoneHour();
    });
    $('body').on('click','#staff_only',function(){
        var tourdet = $('#tour_details').val();
        if(tourdet == "1"){
            if($(this).prop("checked") == true){
                $('#group_leader_only').prop('checked',true);
            }
            else{
                $('#group_leader_only').prop('checked',false);
            }
        }
    });
    
    $("#notification_send").validate({
        rules: {
            message: {
                required: true,
                maxlength:500
            },
            schedule: {
                required:true
            }
        },
        messages: {
            message: {
                required: "Please enter message",
                maxlength: 'Maximum 500 character allowed'
            },
            schedule: {
                required: "Please select sending type"
            }
        },
        errorPlacement: function (error, element) {
            if (element.attr("name") == "end_time") {
                error.insertAfter("#end_time-error");
            }
            if (element.attr("name") == "schedule") {
                error.insertAfter("#schedule_error");
            }
            if (element.attr("name") == "status") {
                error.insertAfter("#status-error");
            } else {
                error.insertAfter(element);
            }
        },
        submitHandler: function (form) {
            var names=[];
            var values = [];
            var check = 0;
            var selected_user_type = false;
            $('.send-user-type').each(function(){
                if($(this).prop("checked") == true){
                    var checkbox_id = $(this).val();
                    var tourdet = $('#tour_details').val();
                    // if((tourdet == "1") && (checkbox_id =="6")){
                    // }
                    // else{
                        selected_user_type = true;
                        var name = $(this).data('name');
                        if(checkbox_id !="0"){
                            check = 1;
                        }
                        values.push(checkbox_id);
                        if(name !=''){
                            names.push(name);
                        }
                    // }
                }
            });
            //console.log(values);
            if(check == 1){
                //names.push('ALL GROUP LEADERS');
            }
            if(selected_user_type){
                var cruise_id = $('#cruise_id option:selected').val();
                var tour_id = $('#tour_id option:selected').val();
                var tour_details = $('#tour_details').val();
                bootbox.confirm({
                    message: "Are you sure you want to send this to "+names.toString(','),
                    buttons: {
                        confirm: {
                            label: 'Send',
                            className: 'btn-primary font-bold'
                        },
                        cancel: {
                            label: 'Cancel',
                            className: 'btn-danger font-bold'
                        }
                    },
                    callback: function (result) {
                        if(result){
                            //form.submit();
                            // if((tour_details=="0") && (cruise_id==''|| cruise_id==null) && (tour_id==''|| tour_id==null)){
                            //     bootbox.confirm({
                            //         message: "You have not selected 'Ship' and 'Cruise'.<br /> Are you sure you want to send notification!",
                            //         buttons: {
                            //             confirm: {
                            //                 label: 'Send',
                            //                 className: 'btn-primary font-bold'
                            //             },
                            //             cancel: {
                            //                 label: 'Cancel',
                            //                 className: 'btn-danger font-bold'
                            //             }
                            //         },
                            //         callback: function (result) {
                            //             if(result){
                            //                 form.submit();
                            //                 $('.loader').show();
                            //             }
                            //         }
                            //     }).find("div.modal-content").addClass("confirmWidth");
                            // }
                            // else{
                            //     form.submit();
                            //     $('.loader').show();
                            // }
                            form.submit();
                            $('.loader').show();
                        }
                    }
                }).find("div.modal-content").addClass("confirmWidth");
            }
            else{
                bootbox.alert("You MUST select at least one tick box");
            }
        }
    });
    $('body').on('change','#cruise_id',function(){
        var cruise_id = $('#cruise_id :selected').val();
        if(cruise_id){
            $.ajax({
                url: PATH + "/get-tour-cruise-wise",
                data: {cruise_id : cruise_id},
                type:'GET',
                beforeSend: function(){
                    $('.loader').show();
                },
                success: function(data){
                    $('.loader').hide();
                    var html = '<option value="">Select tour</option>';
                    $.each(data.data, function(key,value) {
                        html+='<option value="'+key+'">'+value+'</option>';
                    });
                    //console.log(html);
                    $('#tour_id').html(html);
                    $('.selectpicker').selectpicker('refresh');
                },
                error:function(){
                    $('.loader').hide();
                }
            });
        }
        // else{
        //     $('#tour_id').html('<option value="">Select tour</option>');
        // }
    });


});
</script>
@endsection