@php ($headerOption = [
  'title' => $module,
  'header_button' =>'<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/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">
  <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="file_name" value="{!! (is_array($srch_params) && array_key_exists('file_name',$srch_params))?$srch_params['file_name']:'' !!}">
                <label class="form-label">Cruise 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">
                <input type="text" class="form-control" name="booking_no" value="{!! (is_array($srch_params) && array_key_exists('booking_no',$srch_params))?$srch_params['booking_no']:'' !!}">
                <label class="form-label">Res #</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 datepicker" name="reservation_date" id="reservation_date" value="{!! (is_array($srch_params) && array_key_exists('reservation_date',$srch_params) && $srch_params['reservation_date'])?\App\Helpers\Helper::dateConvert($srch_params['reservation_date']):'' !!}">
                <label class="form-label">Date Res Used</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="email" value="{!! (is_array($srch_params) && array_key_exists('email',$srch_params))?$srch_params['email']:'' !!}">
                <label class="form-label">User</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>
        <a href ="{{route($routePrefix.'.index')}}" class="btn btn-danger btn-lg m-l-15 waves-effect">Reset</a>
      </div>
    </form>
      
  </div>
  <div class="table-responsive">
    <table class="table table-bordered table-hover table-striped table-condensed">
      <thead>
        <tr>
         <th>Cruise (File Name)</th>
         <th>Res #</th>
         <th>Date Res Used</th>
         <th>User</th>
         <th>Role</th>
         <th>Intended Users Details</th>
        </tr>
      </thead>
      <tbody>
        @if(count($data) != 0)
          @foreach ($data as $key => $cruies)
          <tr>
            <td >{{$cruies->file_name}}</td>
            <td>{!! $cruies->booking_no !!}</td>
            <td>{{($cruies->reservation_date)?\App\Helpers\Helper::dateConvert($cruies->reservation_date):''}}</td>
            <td>{!! $cruies->email !!}</td>
            <td>{{ $cruies->role_title ?? '—' }}</td>
            <td>{!! $cruies->intended_users_details ?? '—' !!}</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>
@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 () {
      $('#reservation_date').val('');
        $(".datepicker").datepicker({ 
        format: 'mm/dd/yyyy',
        todayHighlight:'TRUE',
        autoclose: true
      });
    });
</script>
@endsection