@php ($headerOption = [
  'title' => $module.(($tour_details)?' - '.$tour_details->file_name:''),
  'header_button' => $permission['create'] ? '<a class="btn bg-teal waves-effect" href="javascript:;" data-tour_unique_id="{{ ($tour_details)? $tour_details->unique_id :0 }}" data-toggle="tooltip" data-original-title="Create" id="template-create"><i class="material-icons">add</i> <span>Create</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/toastr.min.css" rel="stylesheet">
<style>
  .d-none {
    display: none !important;
  }
</style>
@endsection
@section('main')
<div class="body">
  <div class="row clearfix" id="filter-panel" style="display: none;">
    <form method="get">
      <input type="hidden" name="tour_unique_id" value="{{($tour_details)?$tour_details->unique_id:null}}">
      <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-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>
  @php($types = ['1' => 'ATTENDING Y/N','2' => 'SLOTS per TIME FRAME','3' => 'PICK A SLOT','4' => 'ENTER A TIME', '5' => 'Awards', '6' => 'Staff Tips', '7' => 'Request a Staff', '8' => 'Day 1 - Port Arrival Time'])
  <div class="table-responsive">
    <table class="table table-bordered table-hover table-striped table-condensed">
      <thead>
        <tr>
         <th>Template No.</th>
         <th>Name</th>
         <th>Type</th>
         <th>Status</th>
         <th>Date</th>
         @if($permission['edit'] || $permission['destroy'] || $permission['published'] || $permission['unpublished'])
         <th width="15%" style="text-align: right;">Action</th>
         @endif
        </tr>
      </thead>
      <tbody>
        @if(count($data) != 0)
          @foreach ($data as $key => $val)
          <tr>
            <td>{!! $val->unique_id !!}</td>
            <td>{!! $val->name !!}</td>
            <td>{{ isset($types[$val->type])?$types[$val->type]:'NA'}}</td>   
            <td id="td-status-{{$val->id}}">{{ ($val->status == 1) ? 'Published' : 'Not Published'}}</td>          
            <td>{{\App\Helpers\Helper::dateConvert($val->created_at)}}</td> 
            @if($permission['edit'] || $permission['destroy'])
            <td class="text-right"> 
                  @if($permission['published'])                  
                    <a href="javascript:;" class="btn btn-default btn-circle waves-effect waves-circle waves-float template-publish {{($val->status != 0) ? 'd-none' : ''}}" data-name="{{$val->name}}" data-staff_tips="{{$val->staff_tips}}" data-toggle="tooltip" title="" data-original-title="Publish" data-id="{{ $val->id }}" data-type="{{ $val->type }}" id="pub-{{$val->id}}"><i class="material-icons">done</i></a>
                    @if(in_array($val->type,[5, 6, 8])) <a href="{{ route($routePrefix . '.for-staff-publish',[$val->id,'tour_unique_id' => $tour_details->unique_id]) }}" class="btn btn-default btn-circle waves-effect waves-circle waves-float template-publish-staff1 {{($val->status == 0) ? 'd-none' : ''}}" data-name="{{$val->name}}" data-toggle="tooltip" title="" data-original-title="Publish for staff" data-id="{{ $val->id }}" data-type="{{ $val->type }}" id="pub_staff-{{$val->id}}"><i class="material-icons">file_copy</i></a> @endif
                  @endif                
                  @if($permission['unpublished'])                  
                    <a href="javascript:;" class="btn btn-default btn-circle waves-effect waves-circle waves-float template-unpublish {{($val->status == 0) ? 'd-none' : ''}}" data-toggle="tooltip" title="" data-original-title="Unpublish" data-id="{{ $val->id }}" data-type="{{ $val->type }}" id="unpub-{{$val->id}}"><i class="material-icons">unpublished</i></a>
                  @endif               
                  @if($permission['edit'])
                    <a href="{{ route($routePrefix . '.edit',[$val->id,'tour_unique_id' => $tour_details->unique_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-{{$val->id}}').submit();" data-original-title="Delete"><i class="material-icons">delete</i></a>
                      {!! Form::open([
                      'method' => 'DELETE',
                      'route' => [
                          $routePrefix . '.destroy', 
                          $val->id
                      ], 
                      'style'=>'display:inline', 
                      'id' => 'delete-form-' . $val->id
                      ]) !!}
                      {!! Form::close() !!} 
                  @endif
                  <a href="{{ route($routePrefix . '.published-list',[$val->id,'tour_unique_id' => $tour_details->unique_id]) }}" class="btn btn-default btn-circle waves-effect waves-circle waves-float" data-toggle="tooltip" title="" data-original-title="View"><i class="material-icons">visibility</i></a>
                          
            </td>
            @endif
          </tr>
          @endforeach
        @else 
        <tr><td colspan="25"><div class="alert alert-danger">No Data</div></td></tr>
        @endif
      </tbody>    
    </table>
  </div>
</div>
<div class="modal fade" id="createTemplateModal" 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">Template Form</h4>
            </div>
            {!! Form::open(array('route' => $routePrefix.'.create','method'=>'GET', 'enctype'=>'multipart/form-data','id'=>'createTemplateForm','class' => '')) !!}
            <div class="modal-body">
                <input name="tour_unique_id" type="hidden" class="" value="{{ ($tour_details) ? $tour_details->unique_id :0 }}">
                <div class="col-lg-12 col-md-12 col-xs-12 col-sm-12" id="row-type">
                    <div class="form-group form-other">
                        <div class="">
                            <div class="clearfix"></div>
                            <div class="row">
                                <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
                                    <input name="type" type="radio" class="type_radio" value="1" id="is_type-1" checked>
                                    <label for="is_type-1">ATTENDING Y/N</label>
                                </div>
                                <div class="col-lg-5 col-md-5 col-sm-12 col-xs-12">
                                    <input name="type" type="radio" class="type_radio" value="2" id="is_type-2">
                                    <label for="is_type-2">SLOTS per TIME FRAME</label>
                                </div>
                                <div class="col-lg-3 col-md-3 col-sm-12 col-xs-12">
                                    <input name="type" type="radio" class="type_radio" value="3" id="is_type-3">
                                    <label for="is_type-3">PICK A SLOT</label>
                                </div>
                                <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
                                    <input name="type" type="radio" class="type_radio" value="4" id="is_type-4">
                                    <label for="is_type-4">ENTER A TIME</label>
                                </div>
                                <div class="col-lg-5 col-md-5 col-sm-12 col-xs-12">
                                    <input name="type" type="radio" class="type_radio" value="5" id="is_type-5">
                                    <label for="is_type-5">Awards</label>
                                </div>
                                <div class="col-lg-3 col-md-3 col-sm-12 col-xs-12">
                                    <input name="type" type="radio" class="type_radio" value="6" id="is_type-6">
                                    <label for="is_type-6">Staff Tips</label>
                                </div>
                                <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
                                    <input name="type" type="radio" class="type_radio" value="7" id="is_type-7">
                                    <label for="is_type-7">Request a Staff</label>
                                </div>
                                <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
                                    <input name="type" type="radio" class="type_radio" value="8" id="is_type-8">
                                    <label for="is_type-8">Day 1 - Port Arrival Time</label>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </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="template_create_btn">Save</button>
            </div>
            {!! Form::close() !!}
        </div>
    </div>
</div>
<div class="modal fade" id="publishTemplateModal" 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">Template Publish</h4>
            </div>
            {!! Form::open(array('route' => $routePrefix.'.publish','method'=>'POST', 'enctype'=>'multipart/form-data','id'=>'publishTemplateForm','class' => '')) !!}
            <div class="modal-body">
                <input name="id" type="hidden" class="" value="" id="publish_temp_id">
                <input name="published_type" type="hidden" class="" value="" id="published_type">
                <div class="col-lg-12 col-md-12 col-xs-12 col-sm-12" id="row-link_name">
                    <div class="form-group form-float">
                        <div class="form-line focused">
                            {!! Form::label('name', 'Name <span class="span-req">*</span>:',array('class'=>'form-label','for'=>'file_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 d-none" id="row-master-tips">
                    
                </div>
            </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="template_publish_btn">Save</button>
            </div>
            {!! Form::close() !!}
        </div>
    </div>
</div>
<div class="modal fade" id="publishStaffTemplateModalStaff" 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="fileModalLabelStaff">Template Publish For Staff</h4>
            </div>
            {!! Form::open(array('route' => $routePrefix.'.index','method'=>'POST', 'enctype'=>'multipart/form-data','id'=>'publishTemplateFormStaff','class' => '')) !!}
            <div class="modal-body">
                <input name="id" type="hidden" class="" value="" id="publish_temp_id_staff">
                <div class="col-lg-6 col-md-6 col-xs-12 col-sm-12" id="row-link_name_staff">
                    <div class="form-group form-float">
                        <div class="form-line focused">
                            {!! Form::label('name', 'Name <span class="span-req">*</span>:',array('class'=>'form-label','for'=>'file_name_staff'),false) !!}
                            {!! Form::text('name', null, ['class' => 'form-control','id'=>'file_name_staff']) !!}
                        </div>
                    </div>
                </div>
                <div class="col-lg-6 col-md-6 col-xs-12 col-sm-12" id="row-link_name_staff">
                    <div class="form-group form-float">
                        <div class="form-line focused">
                          {!! Form::label('location_note', 'Location/Notes:',array('class'=>'form-label','for'=>'location_note'),false) !!}
                          {!! Form::text('location_note', null, ['class' => 'form-control','id'=>'location_note']) !!}
                        </div>
                    </div>
                </div>
            </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="template_publish_btn_staff">Save</button>
            </div>
            {!! Form::close() !!}
        </div>
    </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.toaster.js')}}"></script>
<script>
$(document).ready(function () {
    $('body').on('click','#template-create',function(){
      $('#createTemplateModal').modal('show');
    });
    $('body').on('click','.template-unpublish',function(){
      let id = $(this).attr('data-id');
      bootbox.confirm({
      message: "Are You Sure? Do you want to continue this action?",
          buttons: {
              confirm: {
                  label: 'Yes',
                  className: 'btn-success'
              },
              cancel: {
                  label: 'No',
                  className: 'btn-danger'
              }
          },
          callback: function (result) {
              if(result){
                $.ajax({
	                url: "{{url('admin/template-unpublish')}}",
	                data: {id: id},
	                type: 'POST',
	                beforeSend: function() {
	                    $('.loader').show();
	                },
	                success: function(data) {
                    $('.loader').hide();
                    $('#unpub-'+id).addClass('d-none');
                    $('#pub_staff-'+id).addClass('d-none');
                    $('#pub-'+id).removeClass('d-none');
                    $('#td-status-'+id).html('Not Published');
                    $.toaster({
                        priority: 'success',
                        title: 'Signup Form',
                        message: data.msg,
                    });
	                },
                  error: function(data) {
                      $('.loader').hide();
                      $.toaster({
                          priority: 'error',
                          title: 'Signup Form',
                          message: data.msg,
                      });
                  }
	            });
              }
          }
      });
    });
    $('body').on('click','.template-publish',function(){
      let id = $(this).attr('data-id');
      let name = $(this).attr('data-name');
      let type = $(this).attr('data-type');
      var staff_tips = $(this).attr('data-staff_tips');
      if(staff_tips) {
        staff_tips = $.parseJSON(staff_tips);
      }
      
      $('#published_type').val(type);
      if (type == "6") {
        $.ajax({
            url: "{{url('admin/template-master-staff-tips')}}",
            data: {},
            type: 'GET',
            beforeSend: function() {
                $('.loader').show();
            },
            success: function(data) {
                $('.loader').hide();
                var html = `<p><strong>Tips:</strong</p>
                            <div class="form-group">                        
                                <div class="form-check">
                                    <div class="row">`;
                $.each(data.data,function(index, value){   
                    var checked = '';
                    var st_id = (value.id).toString();
                    if($.inArray(st_id, staff_tips) !== -1) {
                        checked = 'checked';
                    }
                    else if(value.slug == 'cash') {
                        checked = 'checked';
                    }
                    html += `<div class="col-sm-6">
                                <input type="checkbox" class="form-check-input tips-chk" id="master_tips_${value.id}" name="tips[]" value="${value.id}" ${checked}>
                                <label for="master_tips_${value.id}" class="form-label">${value.tips}</label>
                            </div>`;
                });                 
                html += `</div>
                            <label class="" id="staff-tips-error"></label>
                            </div>
                                </div>`;
                $('#row-master-tips').html(html);
                $('#row-master-tips').removeClass('d-none');
            },
            error: function(data) {
                $('.loader').hide();
            }
        });
      }
      $('#file_name').val(name);
      $('#publish_temp_id').val(id);
      $('#publishTemplateModal').modal('show');
    });
    $('body').on('click','.template-publish-staff',function(){
      let id = $(this).attr('data-id');
      let name = $(this).attr('data-name');
      //$('#file_name').val(name);
      $('#publish_temp_id_staff').val(id);
      $('#publishTemplateModalStaff').modal('show');
    });
    $('#publishTemplateFormStaff').validate({
        rules: {
          name: {
                required: true
            }
        },
        messages: {
          name: {
                required: "Please enter name",
            }
        },
        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) {   
          $('#publishTemplateForm').addClass('event-none');
          form.submit();
        }
    });
    $('#publishTemplateForm').validate({
        rules: {
          name: {
                required: true
            },
            'tips[]': {
                required:  function (element) {
                    var type = $('#published_type').val();
                    if (type == 6) {
                        var boxes = $('.tips-chk');
                        if (boxes.filter(':checked').length == 0) {
                            return true;
                        }
                        return false;
                    }
                    else {
                        return false;
                    }
                },
                minlength:1
            }
        },
        messages: {
            name: {
                required: "Please enter name",
            },
            'tips[]': {
                required: "You must check at least 1 box",
                maxlength: "Check no more than {0} boxes"
            }
        },
        errorPlacement: function (error, element) {
            if (element.attr("id") == "file_name") {
                error.insertAfter("#file_name-error");
            }
            if (element.attr("name") == "tips[]") {
                error.insertAfter("#staff-tips-error");
            } else {
                error.insertAfter(element);
            }
        },
        submitHandler: function (form) {   
          $('#publishTemplateForm').addClass('event-none');
          form.submit();
        }
    });
});
</script>
@endsection