@extends('frontend.counselor-dashboard.layouts.master')

@section('dashboard-contents')
<div class="dashboard__content-wrap mt-3">
  <div class="dashboard__content-title d-flex flex-wrap justify-content-between">

    <div class="col-md-6">
      <h4 class="title">Consultation Request</h4>
    </div>
    <div class="col-md-6">
      <form id="internship-candidate-form">
        <select id="article_id" article_id="jobs" class="form-control" onchange="jobChange()">
          <option value="">All </option>
          @foreach($counselorList as $key=>$job)
          <option {{ request()->get('article_id') == $key ? 'selected' : '' }} value="{{  $key }}">{{ $job }}</option>
          @endforeach
        </select>
      </form>
    </div>
    <!-- <a href="{{ route('company.internships.create') }}" class="btn btn-primary btn-hight-basic">
<i class="fas fa-plus-circle"></i> New
</a> -->
  </div>
  <div class="row">
    <div class="col-12">
      <div class="dashboard__review-table table-responsive">
        <table class="table table-borderless">
          <thead>
            <tr>
              <th> </th>
              <th>Name</th>
              <th>Phone</th>
              <th>Email</th>
              <th>Create On</th>
              <th>Actions</th>
            </tr>
          </thead>
          <tbody>
            @foreach ($models as $model)
            <tr>
              <td>
                <a target="_blank" class="no-image" href="{{  route('counselors-details', ['id' => $model->article_id, 'slug' => \Str::slug($model->counselor->title)]) }}">
                  {{ @$model->counselor->title }}
                </a>
              </td>
              <td>{{ $model->name  }}</td>
              <td>{{ $model->phone }}</td>
              <td>{{ $model->email }}</td>
              <td>{{ formatDate($model->created_at) }}</td>
              <td>
                <div class="dashboard__review-action">
                  <a href="#" class="show-modal"
                    data-url="{{ route('counselor.counselor.consultation-request.view', $model->id) }}"
                    title="Edit"><i class="far fa-eye"></i></i></a>
                  <a href="{{ route('counselor.counselor.requesr.delete', $model->id) }}"
                    class="delete-item" title="Delete"><i class="far fa-trash-alt"></i></a>
                </div>
              </td>
            </tr>
            @endforeach
            @if(count($models) ==0)
            <td class="text-center" colspan="100">{{ __('No Data') }}</td>
            @endif
          </tbody>
        </table>
        <div class="mt-30">
          {{ $models->render() }}
        </div>
      </div>
    </div>
  </div>
</div>
@endsection

@push('scripts')
<style>
  .dashboard__review-table tbody tr td>a.no-image:last-child {
    padding: 5px 0px;
    border: none !important;
    vertical-align: middle !important;
    background: unset !important;
    color: #000 !important;
    width: auto !important;
    height: auto !important;
    font-size: 16px;
    text-decoration: underline;
    text-align: left;
  }
</style>
<script>
  function jobChange() {
    $("#internship-candidate-form").submit();
  }
</script>
@endpush