@php($tab = (isset($srch_params['tab']))?$srch_params['tab']:'current')
@php ($headerOption = [
  'title' => $module,
  'header_button' => $permission['create'] ? '<a class="btn bg-teal waves-effect" href="'. route($routePrefix . '.create') .'" data-toggle="tooltip" data-original-title="Add New Record"><i class="material-icons">add</i> <span>Add New</span></a> <button data-toggle="tooltip" data-original-title="Filter Record" class="btn btn-primary waves-effect show-panel" data-id="filter-panel"><i class="material-icons">search</i></button>' : ''
])
@extends('admin.layouts.layout', $headerOption)

@section('css')
<link href="{{ asset('/administrator/')}}/css/jquery-ui.min.css" rel="stylesheet">
<link href="{{ asset('/administrator/')}}/css/select2.min.css" rel="stylesheet">
<link href="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.css" rel="stylesheet">
  <style>
    .bigdrop {
      width: 250px !important;
    }
    .cruise-div-tab {
        background: #4aceff;
        border-top: 1px solid ghostwhite;
    }
    .cruise-tab-list-1 {
        border-right: 1px solid whitesmoke;
    }
    .cruise-tab {
        color: white !important;
    }
    .cruise-tab.active {
        color: #FFF !important;
        font-weight: 600 !important;
    }
  </style>
@endsection
@section('main')
<div class="d-flex justify-content-between cruise-div-tab">
  <ul class="nav nav-tabs nav-tabs-custom" role="tablist">
        <li class="nav-item cruise-tab-list-1" style="top: 0px !important; left: 0px !important;">
        <a class="nav-link cruise-tab {{($tab=='upcoming'?'active':'')}}" href="{{route($routePrefix.'.index',$tabs)}}" role="tab" style="color: #FFF !important; {{($tab=='upcoming'? 'background: #92e4ff !important;' : '')}}">
            <span class="d-sm-block">Upcoming Cruises</span> 
        </a>
    </li>
        <li class="nav-item" style="top: 0px !important; left: 0px !important;">
        <a class="nav-link cruise-tab {{($tab=='past'?'active':'')}}" href="{{route($routePrefix.'.index',$tabs)}}" role="tab" style="color: #FFF !important; {{($tab=='past'? 'background: #92e4ff !important;' : '')}}">
            <span class="d-sm-block">Past Cruises</span> 
        </a>
    </li>
  </ul>
</div>
<div class="body">
  <div class="row clearfix" id="filter-panel" style="display: none;">
    <form method="get">
        <input type="hidden" name="tab" value="{{$tab}}" />
      <div class="col-lg-3 col-md-3 col-sm-3 col-xs-6">
        <div class="form-group form-float">
            <div class="form-line">
                <input type="text" class="form-control" name="unique_id" value="{!! (is_array($srch_params) && array_key_exists('unique_id',$srch_params))?$srch_params['unique_id']:'' !!}">
                <label class="form-label">SL. No.</label>
            </div>
        </div>
      </div>
      <div class="col-lg-3 col-md-3 col-sm-3 col-xs-6">
        <div class="form-group form-float">
            <div class="form-line">
                <input type="text" class="form-control" name="cruise_name" value="{!! (is_array($srch_params) && array_key_exists('cruise_name',$srch_params))?$srch_params['cruise_name']:'' !!}">
                <label class="form-label">Name</label>
            </div>
        </div>
      </div>
      <div class="col-lg-3 col-md-3 col-sm-3 col-xs-6">
        <div class="form-group form-float">
            <div class="form-line">
                <select name="status" class="form-control">
                    <option value="">Select status</option>
                    <option value="1" >Enabled</option>
                    <option value="0" >Disabled</option>
                </select>
                <label class="form-label">Status</label>
            </div>
        </div>
      </div>
      
      <div class="col-lg-3 col-md-3 col-sm-12 col-xs-12 text-right">
        <button type="submit" class="btn btn-primary btn-lg m-l-15 waves-effect">Filter</button>
      </div>
    </form>
      
  </div>
  <div class="table-responsive">
    <table class="table table-bordered table-hover table-striped table-condensed">
      <thead>
        <tr>
         <th>SL. No.</th>
         <!-- <th>Ship</th> -->
         <th width="15%">Start Date</th>
         <!-- <th>Start Time</th>
         <th>End Date</th>
         <th>End Time</th> -->
         <th>Status</th>
         <th>File Name</th>
         @if($permission['udateGLPermission'])
         <th>GL Admin Panel Access</th>
         @endif
         <th width="25%" style="text-align: right;">Action</th>
        </tr>
      </thead>
      <tbody>
        @if(count($data) != 0)
          @foreach ($data as $key => $tour)
          <tr>
            <td >{{$tour->unique_id}}</td>
            {{--<td >{{$tour->cruise->name}}</td>--}}
            <td >{{\App\Helpers\Helper::dateConvert($tour->start_date)}}</td>
            {{--<td>{{$tour->start_time}}</td>
            <td >{{\App\Helpers\Helper::dateConvert($tour->end_date)}}</td>
            <td>{{$tour->end_time}}</td>--}}
            <td>{!! $tour->status ? '<span class="label label-success">Enabled</span>' : '<span class="label label-danger">Disabled</span>' !!}</td>
            <td>{{ $tour->file_name }} <input type="hidden" id="copy_text_{{$tour->id}}" value="{{$tour->file_name}}"><a href="javascript:;" class="copy_to_clipboard btn btn-copy" data-id="{{$tour->id}}"><i class="material-icons">file_copy</i></a></td>
            @if($permission['udateGLPermission'])
            <td>
              <div class="switch">
                <label><input type="checkbox" id="switch_{{$tour->id}}" data-id="{{$tour->id}}" class="change_gl_permission" {{($tour->visible_for_gl == 1)?"checked" :'' }}><span class="lever"></span></label>
              </div>
            </td>
            @endif
            <td class="text-right">
              @if($permission['edit'])
                <a href="{{ route($routePrefix . '.edit',$tour->id) }}" class="btn btn-default btn-circle waves-effect waves-circle waves-float" data-toggle="tooltip" title="" data-original-title="Edit"><i class="material-icons">create</i></a>
              @endif
              @if($permission['destroy'])
                <a class="btn bg-red btn-circle waves-effect waves-circle waves-float" data-toggle="tooltip" title="" data-confirm="Are You Sure?|This action can not be undone. Do you want to continue?" data-confirm-yes="event.preventDefault();
                document.getElementById('delete-form-{{$tour->id}}').submit();" data-original-title="Delete"><i class="material-icons">delete</i></a>
                {!! Form::open([
                  'method' => 'DELETE',
                  'route' => [
                    $routePrefix . '.destroy', 
                    $tour->id
                  ], 
                  'style'=>'display:inline', 
                  'id' => 'delete-form-' . $tour->id
                  ]) !!}
                {!! Form::close() !!}
                @endif
                @if($manageCruiseSchedule['index'])
                  <a href="{{route('cruise-schedules.index',['unique_id'=>$tour->unique_id])}}" class="btn btn-primary">Assign Reservation #</a>
                @endif
                @if($manageMenuPermission['index'])
                <a href="{{route('manage-menu.index',['unique_id'=>$tour->unique_id])}}" class="btn btn-primary">Manage Menu</a>
                @endif
                @if($manageMenuPermission['uploadScheduleFile'])
                <a href="javascript:;" class="btn btn-primary uploadScheduleFile" data-id="{{$tour->id}}">Upload Schedule File</a>
                @endif
                @if(isset($manageMenuPermission['uploadStaffScheduleFile']) && $manageMenuPermission['uploadStaffScheduleFile'])
                <a href="javascript:;" class="btn btn-primary uploadStaffScheduleFile" data-id="{{$tour->id}}">Upload STAFF Schedule</a>
                @endif
                @if($templatePermission['index'])
                  <a href="{{route('tour-templates.index',['tour_unique_id'=>$tour->unique_id])}}" class="btn btn-primary">Sign-Ups</a>
                @endif
                @if($notificationPermission['index'])
                  <a href="{{route('notifications.index',['tour'=>base64_encode($tour->id)])}}" class="btn btn-primary">Notification Details</a>
                @endif
                @if($notificationPermission['create'])
                  <a href="{{route('notifications.create',['tour'=>base64_encode($tour->id)])}}" class="btn btn-primary">Send Notification</a>
                @endif
                  @if($permission['assignedUsers'])
                  <a href="javascript:;" class="btn btn-primary assignLeader" data-cruise-id="{{$tour->id}}" cruise-name="{{$tour->file_name}}" >Staff Roles</a>
                  @endif
            </td>
          </tr>
          @endforeach
        @else 
        <tr><td colspan="6"><div class="alert alert-danger">No Data</div></td></tr>
        @endif
      </tbody>    
    </table>
  </div>
  {!! $data->appends(request()->input())->links() !!}
</div>
<div class="modal fade" id="assignLeaderModal" tabindex="-1" role="dialog" aria-labelledby="fileModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header custom-modal-header">
                <button type="button" class="close modal-close" data-dismiss="modal" aria-label="Close"><span aia-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="fileModalLabel">Staff Roles (<span id="modal_cruise_name"></span>)</h4>
            </div>
            {!! Form::open(array('method'=>'POST', 'enctype'=>'multipart/form-data','id'=>'leaderAssignForm')) !!}
            <div class="modal-body" id="assign_leader_body_div">
                
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default modal-close" data-dismiss="modal">Close</button>
                <button type="button" class="btn btn-primary" id="assign-leader-btn">Save</button>
            </div>
            {!! Form::close() !!}
        </div>
    </div>
</div>
<div class="modal fade" id="uploadModal" tabindex="-1" role="dialog" aria-labelledby="fileModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header custom-modal-header">
                <button type="button" class="close modal-close" data-dismiss="modal" aria-label="Close"><span aia-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="fileModalLabel">Schedule File</h4>
            </div>
            {!! Form::open(array('route' => 'manage-menu.folder-submit','method'=>'POST', 'enctype'=>'multipart/form-data','id'=>'fileForm')) !!}
            <div class="modal-body">
                <input name="file_type" type="hidden" class="" value="2" id="is_file_type-2">
                <div class="col-lg-12 col-md-12 col-xs-12 col-sm-12 d-none" id="daily-file-div">
                  <div class="row form-group">
                    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                        <label>Last File Uploaded: <span class="" id="daily-file"></span></label>
                    </div>
                  </div>
                </div>
                <div class="col-lg-12 col-md-12 col-xs-12 col-sm-12 form-group d-none" id="row-file_name">
                    <div class="form-group">
                        <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12 form-line focused">
                            {!! Form::label('name', 'Name:',array('class'=>'form-label','for'=>'name'),false) !!}
                            {!! Form::text('name', null, ['class' => 'form-control','id'=>'file_name']) !!}
                        </div>
                    </div>
                </div>
                <div class="col-lg-12 col-md-12 col-xs-12 col-sm-12" id="row-file">
                    <div class="row form-group" id="choose_type_upload_div">
                        <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
                            {!! Form::label('file', 'Choose File:',array('class'=>'form-label','for'=>'file'),false) !!}
                            <div class="controls">
                                <div class="input-group" style="width: 100%">
                                    <input type="file" id="upload" name="upload">
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-6 col-md-6 col-xs-12 col-sm-12 error-msg d-none" id="row-error_msg">
                            <label id="row-error_msg_label"></label>
                        </div>
                        <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12 d-none" id="pdf_convert">
                            <div class="form-group">                        
                                <div class="form-check">
                                    <div class="row">                                        
                                        <div class="col-sm-12">
                                            <input type="checkbox" class="form-check-input" id="to_pdf_convert" name="to_pdf_convert" value="1">
                                            {!! Form::label('to_pdf_convert','Convert To PDF',array('class'=>'form-label'),false) !!}
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12 d-none" id="uploaded_div">
                            <label>Uploaded file</label>
                            <div class="controls" id="uploaded_link">
                            </div>
                        </div>
                    </div>
                    <div class="form-group d-none"  id="choose_type_common_div">
                        <label for="choose_common">Choose From Common Files</label>
                        <div class="controls">
                            <div class="input-group" style="width: 100%">
                                @php($common_files = \App\Helpers\Helper::getAllCommonFile())
                                {!! Form::select('choose_common', $common_files, null, ['class' => 'form-control select2','id'=>'choose_common','placeholder'=>'select']) !!}
                            </div>
                        </div>
                    </div>
                </div>                
                <input type="hidden" name="choose_type" value="1">
                <input type='hidden' name='parent_id' id='file_form_parent_id' value=''>
                <input type='hidden' name='tour_id' id='file_form_tour_id' value=''>
                <input type="hidden" id="file_form_id" value="0" name="id">
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default modal-close" data-dismiss="modal">Close</button>
                <button type="submit" class="btn btn-primary" id="fileupload-btn">Save</button>
            </div>
            {!! Form::close() !!}
        </div>
    </div>
</div>

<div class="modal fade" id="uploadStaffScheduleModal" tabindex="-1" role="dialog" aria-labelledby="fileModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header custom-modal-header">
                <button type="button" class="close modal-close" data-dismiss="modal" aria-label="Close"><span aia-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="fileModalLabel">Staff Schedule File</h4>
            </div>
            {!! Form::open(array('route' => 'manage-menu.folder-submit','method'=>'POST', 'enctype'=>'multipart/form-data','id'=>'staffScheduleFileForm')) !!}
            <div class="modal-body">
                <input name="file_type" type="hidden" class="" value="2" id="is_file_type-2">
                <div class="col-lg-12 col-md-12 col-xs-12 col-sm-12 d-none" id="daily-file-div_1">
                  <div class="row form-group">
                    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                        <label>Last File Uploaded: <span class="" id="staff-schedule-daily-file"></span></label>
                    </div>
                  </div>
                </div>
                <div class="col-lg-12 col-md-12 col-xs-12 col-sm-12 form-group d-none" id="row-file_name">
                    <div class="form-group">
                        <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12 form-line focused">
                            {!! Form::label('name', 'Name:',array('class'=>'form-label','for'=>'name'),false) !!}
                            {!! Form::text('name', null, ['class' => 'form-control','id'=>'staff_schedule_file_name']) !!}
                        </div>
                    </div>
                </div>
                <div class="col-lg-12 col-md-12 col-xs-12 col-sm-12" id="row-file">
                    <div class="row form-group" id="choose_type_upload_div">
                        <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
                            {!! Form::label('file', 'Choose File:',array('class'=>'form-label','for'=>'file'),false) !!}
                            <div class="controls">
                                <div class="input-group" style="width: 100%">
                                    <input type="file" id="staff-schedule-upload" name="upload">
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-6 col-md-6 col-xs-12 col-sm-12 error-msg d-none" id="row-error_staff_msg">
                            <label id="row-error_staff_msg_label"></label>
                        </div>
                        <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12 d-none" id="pdf_convert">
                            <div class="form-group">                        
                                <div class="form-check">
                                    <div class="row">                                        
                                        <div class="col-sm-12">
                                            <input type="checkbox" class="form-check-input" id="to_pdf_convert_1" name="to_pdf_convert" value="1">
                                            {!! Form::label('to_pdf_convert','Convert To PDF',array('class'=>'form-label'),false) !!}
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12 d-none" id="uploaded_div">
                            <label>Uploaded file</label>
                            <div class="controls" id="uploaded_link">
                            </div>
                        </div>
                    </div>
                    <div class="form-group d-none"  id="choose_type_common_div">
                        <label for="choose_common">Choose From Common Files</label>
                        <div class="controls">
                            <div class="input-group" style="width: 100%">
                                @php($common_files = \App\Helpers\Helper::getAllCommonFile())
                                {!! Form::select('choose_common', $common_files, null, ['class' => 'form-control select2','id'=>'choose_common','placeholder'=>'select']) !!}
                            </div>
                        </div>
                    </div>
                </div>
                
                <input type="hidden" name="choose_type" value="1">
                <input type='hidden' name='parent_id' id='file_form_parent_id_1' value=''>
                <input type='hidden' name='tour_id' id='file_form_tour_id_1' value=''>
                <input type="hidden" id="file_form_id_1" value="0" name="id">

            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default modal-close" data-dismiss="modal">Close</button>
                <button type="submit" class="btn btn-primary" id="staffschedulefileupload-btn">Save</button>
            </div>
            {!! Form::close() !!}
        </div>
    </div>
</div>
@endsection
@section('scripts')
<script src="{{ asset('/administrator/js/jquery-ui.js')}}"></script>
<script src="{{ asset('/administrator/js/jquery.timepicker.min.js')}}"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.js"></script>
<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>
$(document).ready(function () {
    $('body').on('click','.copy_to_clipboard',function(){
      var id= $(this).attr('data-id');
      //copyToClipboard(document.getElementById("copy_text_"+id));
      copyToClipboard("copy_text_"+id);
    });    
    $('body').on('change','#upload',function(e){
      var higImgMime = ['heic','heif'];
      var form_data = new FormData($('#fileForm')[0]);
      form_data.append('field_name','upload');            
      $.ajax({
          url: "{{url('admin/get-file-mime-type-name')}}",
          data:form_data,
          type: 'POST',
          contentType: false,  
          processData: false,
          beforeSend: function() {
              $('.loader').show();
          },
          success: function(data) {
              $('.loader').hide();
              if (data.success) {
                  var file_ext = data.data.file_ext;
                  if(file_ext != null && file_ext !='' && typeof file_ext  !== "undefined"){
                      file_ext = file_ext.toLowerCase();
                  }                        
                  if(data.data.file_mime !='' && data.data.file_mime != null && typeof data.data.file_mime != "undefined"){
                      if((data.data.file_mime != 'application/pdf') && (data.data.file_mime != 'image/jpeg') && (data.data.file_mime != 'image/png') && (data.data.file_mime != 'image/webp') && (data.data.file_mime != 'image/bmp') && (data.data.file_mime != 'image/heic') && (data.data.file_mime != 'image/heif') && (data.data.file_mime != 'image/hevc')){
                          //$('#pdf_convert').removeClass('d-none');
                          if(jQuery.inArray(file_ext,higImgMime) == -1){
                              $('#to_pdf_convert').prop('checked',true);
                          }
                      }
                      else{
                          //$('#pdf_convert').addClass('d-none');
                          $('#to_pdf_convert').prop('checked',false);
                      }
                  }
                  else{
                      //$('#pdf_convert').addClass('d-none');
                      $('#to_pdf_convert').prop('checked',false);
                  }
                  
              } 
              else {  
                  //$('#pdf_convert').addClass('d-none');
                  $('#to_pdf_convert').prop('checked',false);                  
              }
          },
          error: function() {
              //$('#pdf_convert').addClass('d-none');
              $('#to_pdf_convert').prop('checked',false);
          }
      });
    });
    $("#fileForm").validate({
      rules: {
          // name: {
          //     required : true
          // },
      },
      messages : {
          // name: {
          //     required : "Please enter name",
          // },
      
      },
      errorPlacement: function(error, element) {
          if (element.attr("name") == "type") {
              error.insertAfter("#type-error");
              }
          if (element.attr("name") == "status") {
              error.insertAfter("#status-error");
          } else {
              error.insertAfter(element);
          }
      },
      submitHandler: function(form) {
          var name = $('#file_name').val();
          var parent_id = $('#parent_id').val();
          var file_name = null;
          var tour_id = $('#tour_id').val();
          var id = $('#file_form_id').val();
          var pdf_convert = $('input[name="to_pdf_convert"]:checked').val();
          var form_data = new FormData($('#fileForm')[0]);
          form_data.append('field_name','upload');            
          $.ajax({
              url: "{{url('admin/get-file-mime-type-name')}}",
              data:form_data,
              type: 'POST',
              contentType: false,  
              processData: false,
              beforeSend: function() {
                  $('.loader').show();
              },
              success: function(data) {
                  $('.loader').hide();
                  if (data.success) { 
                      if(data.data.file_original_name){
                          file_original_name = data.data.file_original_name;
                          var original_name = file_original_name.split('.').shift();
                          if(pdf_convert == "1"){              
                              file_name = original_name+'.pdf';
                          }
                          else{
                              var higImgMime = ['heic','heif'];
                              var file_ext = data.data.file_ext;
                              if(file_ext != null && file_ext !='' && typeof file_ext  !== "undefined"){
                                  file_ext = file_ext.toLowerCase();
                              }
                              if(jQuery.inArray(file_ext,higImgMime) == -1){                                        
                                  file_name = file_original_name;
                              }
                              else{
                                  file_name = original_name+'.jpg';
                              }
                          }

                      }  
                      form_data.append('name',name);
                      form_data.append('file_name',file_name);
                      form_data.append('id',id); 
                      form_data.append('parent_id',parent_id);
                      form_data.append('tour_id',tour_id);            
                      $.ajax({
                          url: "{{url('admin/checking-duplicate-file-name')}}",
                          //data: {name: name,parent_id:parent_id,file_name:file_name,tour_id:tour_id,id:id},
                          data:form_data,
                          type: 'POST',
                          contentType: false,  
                          processData: false,
                          beforeSend: function() {
                              $('.loader').show();
                          },
                          success: function(data) {
                              $('.loader').hide();
                              if (data.success) {
                                  $('.loader').show();
                                  form.submit();

                              } else {
                                  // $.toaster({
                                  //     priority: 'error',
                                  //     title: 'Sync',
                                  //     message: data.msg
                                  // });
                                  if(data.confirm){
                                      $('#uploadModal').modal('hide');
                                      bootbox.confirm({
                                          message: data.msg,
                                          buttons: {
                                              confirm: {
                                                  label: 'OVERWRITE',
                                                  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');
                                              }
                                          }
                                      });
                                  }
                                  else{
                                      $('#row-error_msg_label').html(data.msg);
                                      $('#row-error_msg').removeClass('d-none');
                                      // bootbox.alert(data.msg);
                                  }
                                  
                              }
                          },
                          error: function() {
                              // $.toaster({
                              //     priority: 'error',
                              //     title: 'Sync',
                              //     message: 'Internal server error'
                              // });
                              //bootbox.alert("Internal server error");
                              $('#row-error_msg_label').html("Internal server error");
                              $('#row-error_msg').removeClass('d-none');
                          }
                      });
                  }
              },
              error: function() {
                  
              } 
          });               
      }
    });
    $('body').on('click','.uploadScheduleFile',function(){
      var tour_id = $(this).attr('data-id');
      $.ajax({
          url: "{{url('admin/get-tour-daily-folder-details')}}",
          data: {tour_id: tour_id},
          type: 'GET',
          beforeSend: function() {
              $('.loader').show();
          },
          success: function(data) {
              $('.loader').hide();
              if (data.success) {
                var new_html ='';
                $('#daily-file-div').addClass('d-none');
                if(data.dailyFolderFile && data.dailyFolderFile.original_file_name && data.dailyFolderFile.media_size_info_url){
                  new_html = `<a href="${data.dailyFolderFile.media_size_info_url}" target="_blank">${data.dailyFolderFile.original_file_name}</a>`
                  $('#daily-file-div').removeClass('d-none');
                }
                
                $('#daily-file').html(new_html);
                $('#file_form_parent_id').val(data.data.id);
                // $('#file_name').val(data.dailyFolderFile.name);
                $('#file_form_tour_id').val(tour_id);
                $('#uploadModal').modal('show'); 
              }
          },
          error: function() {
              
          }
      }); 
    });
    $('body').on('change','#staff-schedule-upload',function(e){
      var higImgMime = ['heic','heif'];
      var form_data = new FormData($('#staffScheduleFileForm')[0]);
      form_data.append('field_name','upload');            
      $.ajax({
          url: "{{url('admin/get-file-mime-type-name')}}",
          data:form_data,
          type: 'POST',
          contentType: false,  
          processData: false,
          beforeSend: function() {
              $('.loader').show();
          },
          success: function(data) {
              $('.loader').hide();
              if (data.success) {
                  var file_ext = data.data.file_ext;
                  if(file_ext != null && file_ext !='' && typeof file_ext  !== "undefined"){
                      file_ext = file_ext.toLowerCase();
                  }                        
                  if(data.data.file_mime !='' && data.data.file_mime != null && typeof data.data.file_mime != "undefined"){
                      if((data.data.file_mime != 'application/pdf') && (data.data.file_mime != 'image/jpeg') && (data.data.file_mime != 'image/png') && (data.data.file_mime != 'image/webp') && (data.data.file_mime != 'image/bmp') && (data.data.file_mime != 'image/heic') && (data.data.file_mime != 'image/heif') && (data.data.file_mime != 'image/hevc')){
                          //$('#pdf_convert').removeClass('d-none');
                          if(jQuery.inArray(file_ext,higImgMime) == -1){
                              $('#to_pdf_convert_1').prop('checked',true);
                          }
                      }
                      else{
                          //$('#pdf_convert').addClass('d-none');
                          $('#to_pdf_convert_1').prop('checked',false);
                      }
                  }
                  else{
                      //$('#pdf_convert').addClass('d-none');
                      $('#to_pdf_convert_1').prop('checked',false);
                  }
                  
              } 
              else {  
                  //$('#pdf_convert').addClass('d-none');
                  $('#to_pdf_convert_1').prop('checked',false);                  
              }
          },
          error: function() {
              //$('#pdf_convert').addClass('d-none');
              $('#to_pdf_convert_1').prop('checked',false);
          }
      });
    });
    $("#staffScheduleFileForm").validate({
      rules: {
          // name: {
          //     required : true
          // },
      },
      messages : {
          // name: {
          //     required : "Please enter name",
          // },
      
      },
      errorPlacement: function(error, element) {
          if (element.attr("name") == "type") {
              error.insertAfter("#type-error");
              }
          if (element.attr("name") == "status") {
              error.insertAfter("#status-error");
          } else {
              error.insertAfter(element);
          }
      },
      submitHandler: function(form) {
          var name = $('#staff_schedule_file_name').val();
          var parent_id = $('#parent_id').val();
          var file_name = null;
          var tour_id = $('#tour_id').val();
          var id = $('#file_form_id_1').val();
          var pdf_convert = $('input[name="to_pdf_convert_1"]:checked').val();
          var form_data = new FormData($('#staffScheduleFileForm')[0]);
          form_data.append('field_name','upload');            
          $.ajax({
              url: "{{url('admin/get-file-mime-type-name')}}",
              data:form_data,
              type: 'POST',
              contentType: false,  
              processData: false,
              beforeSend: function() {
                  $('.loader').show();
              },
              success: function(data) {
                  $('.loader').hide();
                  if (data.success) { 
                      if(data.data.file_original_name){
                          file_original_name = data.data.file_original_name;
                          var original_name = file_original_name.split('.').shift();
                          if(pdf_convert == "1"){              
                              file_name = original_name+'.pdf';
                          }
                          else{
                              var higImgMime = ['heic','heif'];
                              var file_ext = data.data.file_ext;
                              if(file_ext != null && file_ext !='' && typeof file_ext  !== "undefined"){
                                  file_ext = file_ext.toLowerCase();
                              }
                              if(jQuery.inArray(file_ext,higImgMime) == -1){                                        
                                  file_name = file_original_name;
                              }
                              else{
                                  file_name = original_name+'.jpg';
                              }
                          }

                      }  
                      form_data.append('name',name);
                      form_data.append('file_name',file_name);
                      form_data.append('id',id); 
                      form_data.append('parent_id',parent_id);
                      form_data.append('tour_id',tour_id);            
                      $.ajax({
                          url: "{{url('admin/checking-duplicate-file-name')}}",
                          //data: {name: name,parent_id:parent_id,file_name:file_name,tour_id:tour_id,id:id},
                          data:form_data,
                          type: 'POST',
                          contentType: false,  
                          processData: false,
                          beforeSend: function() {
                              $('.loader').show();
                          },
                          success: function(data) {
                              $('.loader').hide();
                              if (data.success) {
                                  $('.loader').show();
                                  form.submit();

                              } else {
                                  // $.toaster({
                                  //     priority: 'error',
                                  //     title: 'Sync',
                                  //     message: data.msg
                                  // });
                                  if(data.confirm){
                                      $('#uploadStaffScheduleModal').modal('hide');
                                      bootbox.confirm({
                                          message: data.msg,
                                          buttons: {
                                              confirm: {
                                                  label: 'OVERWRITE',
                                                  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');
                                              }
                                          }
                                      });
                                  }
                                  else{
                                      $('#row-error_staff_msg_label').html(data.msg);
                                      $('#row-error_staff_msg').removeClass('d-none');
                                      // bootbox.alert(data.msg);
                                  }
                                  
                              }
                          },
                          error: function() {
                              // $.toaster({
                              //     priority: 'error',
                              //     title: 'Sync',
                              //     message: 'Internal server error'
                              // });
                              //bootbox.alert("Internal server error");
                              $('#row-error_msg_label').html("Internal server error");
                              $('#row-error_msg').removeClass('d-none');
                          }
                      });
                  }
              },
              error: function() {
                  
              } 
          });               
      }
    });
    $('body').on('click','.uploadStaffScheduleFile',function(){
      var tour_id = $(this).attr('data-id');
      $.ajax({
          url: "{{url('admin/get-tour-staff-schedule-daily-folder-details')}}",
          data: {tour_id: tour_id},
          type: 'GET',
          beforeSend: function() {
              $('.loader').show();
          },
          success: function(data) {
              $('.loader').hide();
              if (data.success) {
                var new_html ='';
                $('#daily-file-div_1').addClass('d-none');
                if(data.dailyFolderFile){
                  new_html = `<a href="${data.dailyFolderFile.media_size_info_url}" target="_blank">${data.dailyFolderFile.original_file_name}</a>`
                  $('#daily-file-div_1').removeClass('d-none');
                }
                
                $('#staff-schedule-daily-file').html(new_html);
                $('#file_form_parent_id_1').val(data.data.id);
                // $('#file_name').val(data.dailyFolderFile.name);
                $('#file_form_tour_id_1').val(tour_id);
                $('#uploadStaffScheduleModal').modal('show'); 
              }
          },
          error: function() {
              
          }
      }); 
    });
    $('body').on('change','.change_gl_permission',function(){
      var status = 1;
      if ($(this).is(":checked")) {       
        status = 1;
      }
      else{        
        status = 0;
      }
      var id = $(this).attr('data-id');
      $.ajax({
        url: "{{url('admin/update-tour-permission-for-gl')}}",
        data: {
          id: id,visible_for_gl:status
        },
        type: 'POST',
        beforeSend: function() {
            $('.loader').show();
        },
        success: function(data) {
          $('.loader').hide();
          if (data.success) {
            //bootbox.alert(data.msg);
          }
          else{
            if(status == 1){
              $('#switch_'+id).prop('checked',false);
            }
            else{
              $('#switch_'+id).prop('checked',true);
            }
            bootbox.alert(data.msg);
          }    
        },
        error: function() {
          bootbox.alert("Internal server error");
        }
      });
    });
    $(".datepicker").datepicker({ 
			format: 'mm/dd/yyyy',
			todayHighlight:'TRUE',
			autoclose: true
		});
    $('body').on('click', '.assignLeader', function() {      
      var tour_id = $(this).attr('data-cruise-id');
      var cruise_name = $(this).attr('cruise-name');
      $.ajax({
          url: "{{url('admin/get-assigned-leaders')}}",
          data: {tour_id: tour_id, cruise_name: cruise_name},
          type: 'GET',
          beforeSend: function() {
              $('.loader').show();
          },
          success: function(data) {
              $('.loader').hide();
              if (data.success) {                 
                $('#assign_leader_body_div').html(data.html);
                $('#modal_cruise_name').html(data.cruise_name);
                $('#assignLeaderModal').modal('show');
                $(".select2").select2({ width: '70%',dropdownParent: $("#assignLeaderModal") }); 
              }
          },
          error: function() {
              
          }
      });  
    });
    $('body').on('click', '#assign-leader-btn', function() {
      var redirection_url = "{{url('admin/cruises')}}";
      var gl_val = $('#gl_users').val();                
      var ga_val = $('#gla_users').val();  
      var al_val = $('#al_users').val();  
      var gl_training_val = $('#gl_training_users').val();  
      var form_data = new FormData($('#leaderAssignForm')[0]);        
      $.ajax({
          url: "{{url('admin/assign-leader')}}",
          data: form_data,
          type: 'POST',
          contentType: false,  
          processData: false,
          beforeSend: function() {
              $('.loader').show();
          },
          success: function(data) {
              $('.loader').hide();
              if (data.success) { 
                $('#leaderAssignForm').submit();
                toastr.success(data.msg,"Staff Roles");
                //window.location.href = redirection_url;
                window.location.reload();
              }
              else {
                toastr.error(data.msg,"Staff Roles");
                // window.location.href = redirection_url;
                event.preventDefault();
              }
          },
          error: function() {
              
          }
      });  
    });
});

function copyToClipboard(elem) {
	var str = document.getElementById(elem).value;
	var el = document.createElement('textarea');
	el.value = str;
	el.setAttribute('readonly', '');
	el.style.position = 'absolute';
	el.style.left = '-9999px';
	document.body.appendChild(el);
	el.select();
	document.execCommand('copy');
	document.body.removeChild(el);

}
</script>
@endsection