@extends('themes.backend.layouts.app')
@section('datetimeRangePicker') @endsection

@section('breadcrumb')
{{ Breadcrumbs::render('application.index')  }}
@endsection

@section('content')
<div class="row">
  <div class="col-sm-12">
    <div class="card m-b-0">
      <div class="card-header">
        <h5>{{ __('application.all_txt') }}</h5>
        <div class="c-f-btns">
          <div class="c-f-b-f">
            <!-- Filter -->
            <x-form.btn_filter />
            <!-- Reset -->
            <x-form.btn_reset />
          </div>
          <div class="c-f-b-r">
            @if( count( $dataListModel ) > 0 )
            @if($roleRights['delete'])
            <!-- Multi Delete -->
            <x-form.btn_multi_delete />
            @endif
            @endif
          </div>
        </div>
      </div>
      <div class="card-block">
        <!-- Show message. -->
        <x-form.alert type="{{ session()->get('alert') }}" title="{{ session()->get('title') }}" message="{{ session()->get('message') }}" />
        
        <div class="alert d-none" id="responseMessage"> <!-- message     -->  </div>
        
        <div class="dataTables_wrapper dt-bootstrap4 no-footer">
          <form id="filterForm" name="filterForm" method="get" action="{{ route('admin.application.index') }}">
            <div class="row align-items-center">
              <div class="col-md-3">
                <div class="sw-entry">
                  <label>
                    {{ __('admin.sw_entry.show_txt') }}
                    <select name="ppage" aria-controls="example" class="form-control" onchange="form.submit();">
                      @foreach($showEntryArr['value'] as $key => $option)
                      <option value="{{ $option }}" {{ $option == $perPage ? 'selected' : '' }}>{{ $showEntryArr['text'][$key] }}</option>
                      @endforeach
                    </select>
                    {{ __('admin.sw_entry.entries_txt') }}
                  </label>
                </div>
              </div>
              <div class="col-md-9">
                <div class="row f-right">
                  <div class="col-md-6">
                    <div class="sort-by">
                      <label>
                        {{ __('admin.sort_txt') }}
                        <select name="sby" id="sby" aria-controls="example" class="form-control" onchange="filter();">
                          @foreach($sortbyArr as $key=>$sort)
                          <option value="{{ $key }}" {{ $sortBy==$key?'selected':''}}>{{ $sort}}</option>
                          @endforeach
                        </select>
                      </label>
                    </div>
                  </div>
                  <div class="col-md-6">
                    <div class="order-by">
                      <label>
                        {{ __('admin.order_by_txt') }}
                        <select name="oby" id="oby" aria-controls="example" class="form-control" onchange="filter();">
                          @foreach($orderbyArr as $key => $orderby)
                          <option value="{{ $key }}" {{ strtolower($orderBy) == $key ? 'selected' : '' }}>{{ $orderby }}</option>
                          @endforeach
                        </select>
                      </label>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </form>
        </div>
        <form id="listDataForm" name="listDataForm" method="post" action="{{ route('admin.application.delete') }}">
          {{ csrf_field() }}
          <div class="table-responsive dt-responsive">
            <table class="table table-striped table-bordered nowrap">
              <thead>
                <tr>
                  @if($roleRights['delete'])
                  @if( count( $dataListModel ) > 0 )
                  <th class="cc-w-35 no-sort-del">
                    <x-form.field.checkbox style="default" name="check_all" id="check_all" />
                  </th>
                  @endif
                  @endif
                  <th>{{ $sortbyArr['application_form_type_id'] }}</th>
                  <th>{{ $sortbyArr['name'] }}</th>
                  <th>{{  __('application.email_txt') }}</th>
                  <th class="cc-w-95">{{  __('application.contact_number_txt') }}</th>
                  <th class="cc-w-95">{{ $sortbyArr['years_of_expirence_under_driver_class_license'] }}</th>
                  <th class="cc-w-95">{{ $sortbyArr['license'] }}</th>
                  <th class="cc-w-95">{{ $sortbyArr['status'] }}</th>
                  <th class="cc-w-150">{{ $sortbyArr['created_at'] }}</th>
                  <th class="cc-w-70">{{ __('admin.action_txt') }}</th>
                </tr>
              </thead>
              <tbody>
                <tr>
                  @if($roleRights['delete'])
                  @if( count( $dataListModel ) > 0 )
                  <td></td>
                  @endif
                  @endif
                  <td>
                    <select id="ftyp" name="ftyp" class="form-control" style="height:35px;">
                    <option value="">All</option>    
                      @foreach($listDataAtrArr['form_types'] as $key => $value)
                        <option value="1" @if(!empty($fltrDataArr['application_form_type_id']) && $fltrDataArr['application_form_type_id'] ==$key) selected @endif>{{ $value }}</option>
                      @endforeach
                    </select>
                  </td>
                  <td>
                    <x-form.field.text id="fnm" name="fnm" value="{{ $fltrDataArr['name'] ?? '' }}" />
                  </td>
                  <td>
                    <x-form.field.text id="fel" name="fel" value="{{ $fltrDataArr['email'] ?? '' }}" />
                  </td>
                  <td>
                    <x-form.field.text id="fml" name="fml" value="{{ $fltrDataArr['cell_phone'] ?? '' }}" />
                  </td>
                  <td>
                    <x-form.field.text id="fex" name="fex" value="{{ $fltrDataArr['experience'] ?? '' }}" />
                  </td>
                  <td>
                    <x-form.field.text id="fdl" name="fdl" value="{{ $fltrDataArr['license'] ?? '' }}" />
                  </td>
                  <td>
                    <select id="fsts" name="fsts" class="form-control" style="height:35px;">
                      <option value="">All</option>    
                      <option value="1" @if(!empty($fltrDataArr['status']) && $fltrDataArr['status'] ==1) selected @endif>Approved</option>    
                      <option value="2" @if(!empty($fltrDataArr['status']) && $fltrDataArr['status'] ==2) selected @endif>Declined</option>    
                    </select>
                  </td>
                  <td>
                    <x-form.field.text id="fad" name="fad" value="{{ $fltrDataArr['created_at'] ?? '' }}" class="period" />
                  </td>
                  <td></td>
                </tr>
                @if( count($dataListModel) > 0 )
                @foreach( $dataListModel as $key => $record )
                <tr role="row" class="">
                  @if($roleRights['delete'])
                  <td class="sorting_{{ $record->id }}">
                    <x-form.field.checkbox style="default" name="checkbox[]" value="{{ $record->id }}" fldclass="del-chkbx" />
                  </td>
                  @endif
                  <td>{{ $record->application_form_type?->name }}</td>
                  <td>
                    @if($roleRights['edit'])
                    <x-link_tooltip url="{{ route('admin.application.edit', $record->id) }}" title="View to {{ $listDataAtrArr['edit_txt'] }}">
                      {!! $record->name !!}
                    </x-link_tooltip>
                    @else
                    {!! $record->name !!}
                    @endif
                  </td>
                  <td>{{ $record->application_form->email }}</td>
                  <td>{{ $record->application_form->cell_phone }}</td>
                  <td>
                    {!! Tasapp::getShortContent($record->years_of_expirence_under_driver_class_license ?? '',20)!!}
                  </td>
                  <td>
                    {!! $record->license !!}
                  </td>
                  <td>
                    @if($record->status ==1)
                        <label class="label btn-success">Approved</label>
                    @elseif($record->status ==2)
                        <label class="label btn-danger">Declined</label>
                    @else
                      <label class="label btn-secondary">No Status</label>
                    @endif
                  </td>
                  <td>{{ date($listDataAtrArr['mdfy_dt_frmt'], strtotime($record->created_at)) }}</td>
                  <td>
                    <div class="dropdown-primary dropdown open action_button">
                      <button class="btn btn-sm btn-primary dropdown-toggle waves-effect waves-light " type="button" id="dropdown-2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">Action</button>
                      <div class="dropdown-menu" aria-labelledby="dropdown-2" data-dropdown-in="fadeIn" data-dropdown-out="fadeOut">

                        {{-- 
                        @if($roleRights['sendpdf'])
                        <x-link_tooltip url="{{ route('admin.application.sendpdf', $record->id) }}" title="{{ $listDataAtrArr['send_txt'] }} PDF to the customer`s email" class="dropdown-item waves-light"><i class="fa fa-send-o"></i>{{ $listDataAtrArr['send_txt'] }} PDF
                        </x-link_tooltip>
                        @endif
                        --}}

                        {{-- 
                        <x-link_tooltip url="{{ route('web.download-application.pdf', Crypt::encrypt($record->id)) }}" class="dropdown-item waves-light" target="_blank"><i class="fa fa-send-o"></i>View PDF
                        </x-link_tooltip>
                        --}}

                        @if($roleRights['edit'])
                        <x-link_tooltip url="{{ route('admin.application.edit', $record->id) }}" title="View to {{ $listDataAtrArr['edit_txt'] }}" class="dropdown-item waves-light"><i class="icofont icofont-edit"></i>{{ $listDataAtrArr['edit_txt'] }}
                        </x-link_tooltip>
                        @endif

                        @if($record->status ==0)
                        <x-link_tooltip url="{{ route('admin.application.approve', $record->id) }}" title="Approve the application" class="dropdown-item waves-light text-success approve"><i class="fa fa-check"></i>Approve
                        </x-link_tooltip>
                        <x-link_tooltip url="{{ route('admin.application.decline', $record->id) }}" title="Decline the application" class="dropdown-item waves-light text-danger decline"><i class="fa fa-ban"></i>Decline
                        </x-link_tooltip>
                        @endif

                        @if($roleRights['delete'])
                        <a href="javascript:void(0)" data-url="{{ route('admin.application.delete') }}" data-id="{{ $record->id }}"
                          class="dropdown-item waves-light text-danger delete-data-ajax">
                          <i class="icofont icofont-trash"></i>{{ $listDataAtrArr['delete_txt'] }}
                        </a>
                        @endif
                      </div>
                  </td>
                </tr>
                @endforeach
                @else
                <tr>
                  <td colspan="7">{{ __('message.data_not_available') }}</td>
                </tr>
                @endif
              </tbody>
            </table>
          </div>
        </form>
        {{ $dataListModel->appends($data)->links('vendor.pagination.app-admin') }}
      </div>
    </div>
  </div>
</div>
@stop
@push('scripts')
<script>
  /*Filter*/
  function filter() {
    var searchPagiData = "";
    var ftrFTypVlu = document.getElementById("ftyp").value;
    if (ftrFTypVlu != "") {
      searchPagiData = searchPagiData + "&ftyp=" + ftrFTypVlu;
    }
    var ftrFnmVlu = document.getElementById("fnm").value;
    if (ftrFnmVlu != "") {
      searchPagiData = searchPagiData + "&fnm=" + ftrFnmVlu;
    }
    var ftrFelVlu = document.getElementById("fel").value;
    if (ftrFelVlu != "") {
      searchPagiData = searchPagiData + "&fel=" + ftrFelVlu;
    }
    var ftrFmlVlu = document.getElementById("fml").value;
    if (ftrFmlVlu != "") {
      searchPagiData = searchPagiData + "&fml=" + ftrFmlVlu;
    }
    var ftrFexVlu = document.getElementById("fex").value;
    if (ftrFexVlu != "") {
      searchPagiData = searchPagiData + "&fex=" + ftrFexVlu;
    }
    var ftrFdlVlu = document.getElementById("fdl").value;
    if (ftrFdlVlu != "") {
      searchPagiData = searchPagiData + "&fdl=" + ftrFdlVlu;
    }
    var ftrFstsVlu = document.getElementById("fsts").value;
    if (ftrFstsVlu != "") {
      searchPagiData = searchPagiData + "&fsts=" + ftrFstsVlu;
    }
    var ftrSbyVlu = document.getElementById("sby").value;
    if (ftrSbyVlu != "") {
      searchPagiData = searchPagiData + "&sby=" + ftrSbyVlu;
    }
    var ftrObyVlu = document.getElementById("oby").value;
    if (ftrObyVlu != "") {
      searchPagiData = searchPagiData + "&oby=" + ftrObyVlu;
    }
    /*alert(searchPagiData);*/
    window.location.href = "{{ route('admin.application.index') }}" + "?page=0" + searchPagiData + "&ppage=" + "{{ $perPage }}";
    return false;
  }
  /*Reset Filter*/
  function resetfilter() {
    window.location.href = "{{ route('admin.application.index') }}";
  }


  $(document).ready(function() {
    $(".approve").on('click', function(e) {
      // e.preventDefault();
      if (confirm('Are you sure want to approve the customer`s application?')) {
        $(this).html(' <i class="fa fa spinner"></i>');
        return true;
      }
      return false;
    });

    $(".decline").on('click', function(e) {
      // e.preventDefault();
      if (confirm('Are you sure want to decline the customer`s application?')) {
        $(this).html(' <i class="fa fa spinner"></i>');
        return true;
      }
      return false;
    });
  });
</script>
@endpush