@extends('layouts.app')

@section('title')
{{__('EQAS')}}
@endsection

@section('breadcrumb')
<div class="content-header">
  <div class="container-fluid">
    <div class="row mb-2">
      <div class="col-sm-6">
        <h1 class="m-0 text-dark">
        <i class="fas fa-american-sign-language-interpreting"></i>
          {{__('EQAS')}}
        </h1>
      </div><!-- /.col -->
      <div class="col-sm-6">
        <ol class="breadcrumb float-sm-right">
          <li class="breadcrumb-item"><a href="{{route('admin.index')}}">{{__('Home')}}</a></li>
          <li class="breadcrumb-item active">{{__('EQAS')}}</li>
        </ol>
      </div><!-- /.col -->
    </div><!-- /.row -->
  </div><!-- /.container-fluid -->
</div>
@endsection

@section('content')
<div class="card card-primary card-outline">
  <div class="card-header">
   
    @can('create_eqas')
    <a href="{{route('admin.eqas.create')}}" class="btn btn-primary btn-sm float-right">
     <i class="fa fa-plus"></i> {{__('Create')}}
    </a>
    @endcan
  </div>
  <!-- /.card-header -->
  <div class="card-body">

      <!-- filter -->
      <div id="accordion">
        <div class="card card-info">
            <a data-toggle="collapse" data-parent="#accordion" href="#collapseOne1" class="btn btn-primary collapsed" aria-expanded="false">
                <i class="fas fa-filter"></i> {{ __('Filters') }}
            </a>
            <div id="collapseOne1" class="panel-collapse in collapse">
                <div class="card-body">
                    <div class="row">
                        <div class="col-lg-3">
                            <div class="form-group">
                                <label for="filter_date">{{ __('Date') }}</label>
                                <div class="input-group">
                                  <input type="text" class="form-control filter_date" id="filter_date" autocomplete="off" 
                                      placeholder="{{ __('Date') }}"
                                      value="{{ isset($_GET['date']) ? $_GET['date'] : '' }}">
                                  <div class="input-group-append">
                                    <button class="btn btn-outline-secondary clear_date" type="button">Clear</button>
                                  </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- \filter -->
    
    <div class="row table-responsive">
      <div class="col-12">
        <table id="eqas_table" class="table table-striped table-bordered"  width="100%">
          <thead>
            <tr>
              <tr>
                <th width="10px">
                    <input type="checkbox" class="check_all" name="" id="">
                </th>
              <th width="10px">#</th>
              <th>{{__('Title')}}</th>
              <th>{{__('Created Date')}}</th>
              <th width="100px">{{__('Action')}}</th>
            </tr>
          </thead>
          <tbody>

          </tbody>
        </table>
      </div>
    </div>
  </div>
  <!-- /.card-body -->
</div>

@endsection
@section('scripts')
  <script>
    var can_delete=@can('delete_eqas')true @else false @endcan
  </script>
  <script src="{{url('js/admin/eqas.js')}}"></script>
  <script>
    (function($){
      // clear filter_date
      $(document).on('click', '.clear_date', function(){
        $('#filter_date').val('');
        table.draw();
      });
    })(jQuery);
  </script>
@endsection