@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" 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">
                            <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-category_id">
                                <div class="form-group form-other">
                                    <div class="">
                                        {!! Form::label('category_id', 'Category <span class="span-req">*</span>:',array('class'=>'form-label','for'=>'category_id'),false) !!}
                                        {!! Form::select('category_id', $categories, null, ['class' => 'form-control','id'=>'category_id', 'placeholder' => 'Select']) !!}
                                    </div>
                                    @if ($errors->has('category_id'))
                                        <span class="help-block">{{ $errors->first('category_id') }}</span>
                                    @endif
                                </div>
                            </div>
                            <div class="col-lg-12 col-md-12 col-xs-12 col-sm-12" id="row-title">
                                <div class="form-group form-float">
                                    <div class="form-line focused">
                                        {!! Form::label('title', 'Title <span class="span-req">*</span>:',array('class'=>'form-label','for'=>'title'),false) !!}
                                        {!! Form::text('title', null, ['class' => 'form-control','id'=>'title']) !!}
                                    </div>
                                    @if ($errors->has('title'))
                                        <span class="help-block">{{ $errors->first('title') }}</span>
                                    @endif
                                </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-schedule-date">
                                <div class="form-group form-float">
                                    <div class="form-line focused">
                                        {!! Form::label('calculate_send_date', 'Send Date (calculation) <span class="span-req">*</span>:',array('class'=>'form-label','for'=>'calculate_send_date'),false) !!}
                                        <input class="form-control" id="calculate_send_date" name="calculate_send_date" value="{{isset($data->calculated_no_of_days)?$data->calculated_no_of_days:''}}" type="text" onkeyup="this.value = (this.value[0] === '-') ? ('-' + this.value.replace(/[^0-9]/g, '')) : (this.value.replace(/[^0-9]/g, ''));" pattern="^-?\d+">
                                        <span class="help-info"> Enter number of days from Cruise Start Date (enter “-“ to calculate days prior to Start Date)</span>
                                    </div>
                                    @if ($errors->has('calculate_send_date'))
                                        <span class="help-block">{{ $errors->first('calculate_send_date') }}</span>
                                    @endif                
                                </div>
                            </div>
                        </div>  
                        <div class="col-md-6">
                            <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','rows' => 15]) !!}
                                    </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>                                         
                    </div>
                </div>
            </div>
        </div>
        
        <div class="col-lg-6 col-md-6 col-xs-12 col-sm-12" 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="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 class="col-lg-6 col-md-6 col-xs-12 col-sm-12 d-none" id="">
            <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) !!}
                </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>Save</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);
}
$(document).ready(function () {
    $('.select2').select2();
    $('#join_later_chk').on('click', function() {
        if($('#join_later_chk').is(":checked") == true) {
            $('#join_later_chk').val(1);
        } else {
            $('#join_later_chk').val(0);
        }
    });

    $(".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
    });
    $('#schedule_time').val('');
    $('#schedule_date').val('');
    var date1 = new Date(2025,7,10,02,42,07);
    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);
        }
    });
    $('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: {
            title: {
                required: true
            },
            message: {
                required: true,
                maxlength:500
            },
            schedule_time: {
                required:true
            },
            calculate_send_date: {
                required:true
            }
        },
        messages: {
            title: {
                required: "Please enter title"
            },
            message: {
                required: "Please enter message",
                maxlength: 'Maximum 500 character allowed'
            },
            schedule_time: {
                required: "Please select schedule time"
            },
            calculate_send_date: {
                required: "Please enter number of days"
            }
        },
        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 save this template for "+names.toString(','),
                    buttons: {
                        confirm: {
                            label: 'Save',
                            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