@php ($headerOption = [
  'title' => $module.(($tour_details)?' - '.$tour_details->file_name:''),
  'header_button' => $permission['create'] ? '' : ''
])
@extends('admin.layouts.layout', $headerOption)

@section('main')
<div class="body">
  <div class="row clearfix" id="filter-panel" style="display: none;">
    <form method="get">
      <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'])
  <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>Published By</th>        
         <th>Date</th>         
         <th width="15%" style="text-align: right;">Action</th>        
        </tr>
      </thead>
      <tbody>
        @if(count($data) != 0)
          @foreach ($data as $key => $val)
          <tr>
            <td>{!! $val->unique_id !!}</td>
            <td>{!! $val->name !!}</td>
            <td>{{ ($val->publisherDetails) ? $val->publisherDetails->first_name.' '.$val->publisherDetails->last_name:'NA'}}</td>   
            <td>{{\App\Helpers\Helper::dateConvert($val->created_at)}}</td>
            <td class="text-right"> 
              <a href="{{ url('signup/tour-form/'.$val->unique_id).'?gid='.base64_encode('Aots'.auth()->user()->id) }}" class="btn btn-default btn-circle waves-effect waves-circle waves-float" data-toggle="tooltip" title="" data-original-title="View" target="_blank"><i class="material-icons">visibility</i></a>
            </td>
          </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')) !!}
            <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-4 col-md-4 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-4 col-md-4 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')) !!}
            <div class="modal-body">
                <input name="id" type="hidden" class="" value="" id="publish_temp_id">
                <div class="col-lg-9 col-md-9 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'=>'name'),false) !!}
                            {!! Form::text('name', null, ['class' => 'form-control','id'=>'file_name']) !!}
                        </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">Save</button>
            </div>
            {!! Form::close() !!}
        </div>
    </div>
</div>
@endsection
@section('scripts')
<script>
$(document).ready(function () {
    $('body').on('click','#template-create',function(){
      $('#createTemplateModal').modal('show');
    });
    $('body').on('click','.template-publish',function(){
      let id = $(this).attr('data-id');
      $('#publish_temp_id').val(id);
      $('#publishTemplateModal').modal('show');
    });
});
</script>
@endsection