@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">
    <h4 class="title">Internship Listings</h4>
    <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>Title</th>
              <th>Location</th>

              <th>deadline</th>
              <th>Status</th>
              <th>Actions</th>
            </tr>
          </thead>
          <tbody>
            @foreach ($internships as $internship)
            <tr>
              <td> 
                <a target="_blank" class="no-image" href="{{ route('internships.details', ['slug' => Str::slug($internship->title),'id' => $internship->id]) }}">
                {{ $internship->title }}
                </a>

              </td>
              <td>
                {{ showInternshipsLocation($internship->location, $internship->state) }}
              </td>
              <td>{{ $internship->deadline }}</td>
              <td>{{ $internship->status }}</td>
              <td>
                <a href="{{ route('company.internships.edit', $internship->id) }}"
                  class="text-primary"><i class="far fa-edit"></i></a>
                <a href="{{ route('company.internships.destroy', $internship->id) }}"
                  class="text-danger delete-item"><i class="fas fa-trash-alt"></i></a>
              </td>
            </tr>
            @endforeach
            @if(count($internships) ==0)
            <td class="text-center" colspan="100">{{ __('No Data') }}</td>
            @endif
          </tbody>
        </table>
        <div class="mt-30">
          {{ $internships->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>
 
@endpush