@extends('admin.layouts.layout', ['title' => $module])
@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">
@endsection
@section('main')
<div class="body">
    @if($id)
    {!! Form::model($data, [
            'method' => 'PATCH',
            'route' => [$form['route'], $id], 
            'class' => 'form-horizontal',
            'id'=>  'form_tour',
            'enctype'=>'multipart/form-data'
            ]) !!}
    @else
    {!! Form::open(array('route' => $form['route'],'method'=>'POST', 'enctype'=>'multipart/form-data','id'=>'form_tour')) !!}
    @endif
        <div class="col-lg-6 col-md-6 col-xs-12 col-sm-12" id="row-first_name">
            <div class="form-group form-other">
                <div class="">
                    {!! Form::label('cruise_id', 'Ship<span class="span-req">*</span>:',array('class'=>'form-label','for'=>'cruise_id'),false) !!}
                    @php($cruises = \App\Helpers\Helper::getCruise())
                    {!! Form::select('cruise_id', $cruises, null, ['class' => 'form-control select2','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" id="row-start_date">
            <div class="form-group form-float">
                <div class="form-line focused">
                    {!! Form::label('start_date', 'Departure Date <span class="span-req">*</span>:',array('class'=>'form-label','for'=>'start_date'),false) !!}
                    <input class="form-control datepicker" placeholder="Select departure date" id="start_date" readonly="readonly" name="start_date" value="{{isset($data->start_date)?\App\Helpers\Helper::dateConvert($data->start_date):''}}" type="text">
                </div>
                @if ($errors->has('start_date'))
                    <span class="help-block">{{ $errors->first('start_date') }}</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" id="row-start_time">
            <div class="form-group form-float">
                <div class="form-line focused">
                    {!! Form::label('start_time', 'Start Time <span class="span-req">*</span>:',array('class'=>'form-label','for'=>'start_time'),false) !!}
                    <input class="form-control timepicker" placeholder="Select start time" id="start_time" readonly="readonly" name="start_time" value="{{isset($data->start_time)?'11:30':null}}" type="text">
                </div>
                @if ($errors->has('start_time'))
                    <span class="help-block">{{ $errors->first('start_time') }}</span>
                @endif
                <!-- <span class="help-info">Maximum 100 characters</span> -->
            </div>
        </div>--}}
        <div class="clearfix"></div>
        <div class="col-lg-6 col-md-6 col-xs-12 col-sm-12" id="row-end_date">
            <div class="form-group form-float">
                <div class="form-line focused">
                    {!! Form::label('end_date', 'Return Date <span class="span-req">*</span>:',array('class'=>'form-label','for'=>'end_date'),false) !!}
                    <input class="form-control datepicker" placeholder="Select return date" id="end_date" readonly="readonly" name="end_date" value="{{isset($data->end_date)?\App\Helpers\Helper::dateConvert($data->end_date):''}}" type="text">
                </div>
                @if ($errors->has('end_date'))
                    <span class="help-block">{{ $errors->first('end_date') }}</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" id="row-end_date">
            <div class="form-group form-float">
                <div class="form-line focused">
                    {!! Form::label('time_zone_hour', 'Cruise Departure Time Zone hours from EST <span class="span-req">*</span>:',array('class'=>'form-label','for'=>'time_zone_hour'),false) !!}
                    <input class="form-control" placeholder="Enter a number" id="time_zone_hour" name="time_zone_hour" value="{{isset($data->time_zone_hour)? $data->time_zone_hour : 0 }}" type="number" required>
                </div>
                @if ($errors->has('time_zone_hour'))
                    <span class="help-block">{{ $errors->first('time_zone_hour') }}</span>
                @endif
                <span class="help-info">(0 for EST, enter a number + or -)</span>
            </div>
        </div>
        {{--<div class="col-lg-6 col-md-6 col-xs-12 col-sm-12" id="row-end_time">
            <div class="form-group form-float">
                <div class="form-line focused">
                    {!! Form::label('end_time', 'End Time <span class="span-req">*</span>:',array('class'=>'form-label','for'=>'end_time'),false) !!}
                    <input class="form-control timepicker" placeholder="Select start time" id="end_time" readonly="readonly" name="end_time" value="{{isset($data->end_time)?$data->end_time:null}}" type="text">
                </div>
                @if ($errors->has('end_time'))
                    <span class="help-block">{{ $errors->first('end_time') }}</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-staff_assisted">
            <div class="form-group form-other">
                <div class="">
                    {!! Form::label('is_staff_assisted', 'Staff-assisted Cruise:',array('class'=>'form-label','for'=>'is_staff_assisted'),false) !!}
                    <div class="clearfix"></div>
                    <div class="row">
                        <div class="switch">
                            <label><input type="checkbox" name="is_staff_assisted" id="is_staff_assisted" value="1" class="change_staff_assisted" {{($data->is_staff_assisted == 1)?"checked" :'' }}><span class="lever"></span></label>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-lg-6 col-md-6 col-xs-12 col-sm-12" id="row-status">
            <div class="form-group form-other">
                <div class="">
                    {!! Form::label('status', 'Status <span class="span-req">*</span>:',array('class'=>'form-label','for'=>'status'),false) !!}
                    @php($enb = (isset($data->status) && $data->status==1)?'checked':'')
                    @php($dsb = (isset($data->status) && $data->status==0)?'checked':'')
                    @php($default_chk = (empty($enb) && empty($dsb))?'checked':'')
                    <div class="clearfix"></div>
                    <div class="row">
                        <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
                            <input name="status" type="radio" value="1" id="is_status-1" {{$enb}} {{$default_chk}}>
                            <label for="is_status-1">Enabled</label>
                        </div>
                        <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
                            <input name="status" type="radio" value="0" id="is_status-0" {{$dsb}}>
                            <label for="is_status-0">Disabled</label>
                        </div>
                    </div>
                </div>
                @if ($errors->has('status'))
                    <span class="help-block">{{ $errors->first('status') }}</span>
                @endif
                <!-- <span class="help-info">Maximum 100 characters</span> -->
            </div>
        </div>
        <div class="clearfix"></div>
        <input type="hidden" id="timezone" value="{{isset($data->time_zone_hour) ? $data->time_zone_hour : ''}}" />
        <button type="submit" class="btn bg-indigo btn-lg waves-effect"><i class="material-icons">save</i> <span>Save Changes</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/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>
    function toConvert(timeString) {
        var H = +timeString.substr(0, 2);
        var h = (H % 12) || 12;
        var ampm = H < 12 ? " AM" : " PM";
        return timeString = h + timeString.substr(2, 3) + ampm;
    }
    $(document).ready(function () {
        $(".datepicker").datepicker({ 
			format: 'mm/dd/yyyy',
			todayHighlight:'TRUE',
			autoclose: true,
			minDate:0
		});
        $('.timepicker').timepicker({
            timeFormat: 'h:mm p',
            interval: 15,
            // minTime: '10',
            // maxTime: '6:00pm',
            defaultTime: '11',
            // startTime: '10:00',
            dynamic: true,
            dropdown: true,
            scrollbar: true
        });
        //$('#start_time').val('');
        //$('#end_time').val('');
        $('#start_date').val('');
        $('#end_date').val('');
        $.validator.addMethod("greaterThan", 
            function(value, element, params) {        
                if (!/Invalid|NaN/.test(new Date(value))) {
                    return new Date(value) >= new Date($(params).val());
                }
                return isNaN(value) && isNaN($(params).val()) 
                    || (Number(value) >= Number($(params).val())); 
            },'Must be greater than start date.');
            
        $.validator.addMethod("timeGreaterThan", 
            function(value, element, params) {          
                let dt_times = params.split(":");
                let start_dt = $(dt_times[0]).val();
                let start_time = $(dt_times[1]).val();
                let end_dt = $(dt_times[2]).val();
                //convert both time into timestamp
                let stt = new Date(start_dt + " " + start_time);
                stt = stt.getTime();
                let endt = new Date(end_dt + " " + value);
                endt = endt.getTime();
                if(stt < endt) {
                    return stt < endt;
                }        
            },'Must be greater than start date time.');
        $("#form_tour").validate({
            rules: {
                cruise_id: {
                    required: true
                },
                start_date: {
                    required: true
                },
                // start_time: {
                //     required: true
                // },
                // end_date: {
                //     required: true,
                //     greaterThan: "#start_date"
                // },
                // end_time: {
                //     required: true,
                //     timeGreaterThan: "#start_date:#start_time:#end_date"
                // },
                status:{
                    required: true
                }
                
            },
            messages: {
                cruise_id: {
                    required: "Please select cruise master",
                },
                start_date: {
                    required: "Please select departure date",
                },
                // start_time: {
                //     required: "Please select time"
                // },
                // end_date: {
                //     required: "Please select end date"
                // },
                // end_time: {
                //     required: "Please select end time"
                //},
                status:{
                    required: "Please select status"
                }
                
            },
            errorPlacement: function (error, element) {
                if (element.attr("name") == "end_time") {
                    error.insertAfter("#end_time-error");
                }
                if (element.attr("name") == "status") {
                    error.insertAfter("#status-error");
                } else {
                    error.insertAfter(element);
                }
            },
            submitHandler: function (form) {
                var timezone = $('#timezone').val();
                var form_data = new FormData($('#form_tour')[0]);
                var current_timezone = $('#time_zone_hour').val();
                if(timezone == current_timezone) {
                    form.submit();
                } else {
                    bootbox.confirm({
                        message: 'Changing this will not update any previously scheduled notifications.  You will have to delete the scheduled notifications and reschedule it for the time to be adjusted.',
                        buttons: {
                            confirm: {
                                label: 'OK',
                                className: 'btn-success'
                            },
                            cancel: {
                                label: 'Cancel',
                                className: 'btn-danger'
                            }
                        },
                        callback: function (result) {
                            if(result){
                                $('.loader').show();
                                form.submit();
                            }
                            else{
                                window.location.reload();
                                //$('#uploadModal').modal('show');
                            }
                        }
                    });
                }
            }
        });
    });
</script>
@endsection