@extends('frontend.company-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">Internship Candidates</h4>  
  </div>
  <div class="col-md-6">
    <form id="internship-candidate-form">
      <select id="jobs" name="jobs" class="form-control" onchange="jobChange()">
          <option value="">All Internship</option>
          @foreach($internships as $key=>$job)
          <option  {{ request()->get('jobs') == $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>Jobs</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('internships.details', ['slug' => Str::slug($model->internship->title),'id' => $model->job_id]) }}">
                {{ @$model->internship->title }}
                </a>
              </td>
              <td>{{ $model->first_name." ".$model->last_name  }}</td>
              <td>{{ $model->phone }}</td>
              <td>{{ $model->email }}</td>
              <td>{{ formatDate($model->created_at) }}</td>
              <td>
                <a href="{{ route('company.internships.candidates.delete', $model->id) }}"
                  class="text-danger delete-item"><i class="fas fa-trash-alt"></i></a>
              </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;
  }
</style>
<script>
  function  jobChange(){
    $("#internship-candidate-form").submit();
  }
</script>
@endpush