@extends('layouts.master')

@section('content')
    <div class="container">
      @include('layouts.page-header')
      @include('pages.auth.assessment.search-modal')
      @include('pages.auth.assessment.delete-assessment-modal')
      <div class="table-responsive">
        <div class="row">
          <div class="col">
            <a href="/assessment/create" title="Create New">
              <i class="bi-file-plus" style="font-size: 2rem; color: #FF6308; margin-right: 10px; "></i>
            </a>
            <a href="#" title="Search" data-bs-toggle="modal" data-bs-target="#searchModal">
              <i class="bi-search" style="font-size: 2rem; color: #FF6308;"></i>
            </a>
          </div>
          <div class="col text-end">
            <div class="dropdown mb-2">
              <button class="btn btn-outline-primary dropdown-toggle" type="button" id="dropdownMenuButton" data-bs-toggle="dropdown" aria-expanded="false">
                Results Per Page: {{ $limit ?? 50 }}
              </button>
              <ul class="dropdown-menu" aria-labelledby="dropdownMenuButton">
                <li><a class="dropdown-item" href="?limit=25&page={{ $page ?? 1 }}">25</a></li>
                <li><a class="dropdown-item" href="?limit=50&page={{ $page ?? 1 }}">50</a></li>
                <li><a class="dropdown-item" href="?limit=100&page={{ $page ?? 1 }}">100</a></li>
                <li><a class="dropdown-item" href="?limit=500&page={{ $page ?? 1 }}">500</a></li>
                <li><a class="dropdown-item" href="?limit=1000&page={{ $page ?? 1 }}">1000</a></li>
              </ul>
            </div>
          </div>
        </div>
        
        <table data-toggle="table" class="table table-sm table-striped">
          <thead>
            <tr>
              <th scope="col">&nbsp;&nbsp;&nbsp;&nbsp;Actions&nbsp;&nbsp;&nbsp;&nbsp;</th>
              <th scope="col" data-sortable="true">Assessee's Name</th>
              <th scope="col" data-sortable="true">Created By</th>
              <th scope="col" data-sortable="true">Assessor's Name</th>
              <th scope="col" data-sortable="true">Created Date</th>
              <th scope="col" data-sortable="true">Last Activity</th>
              <th scope="col" data-sortable="true">Employment Org</th>
              <th scope="col" data-sortable="true">Position</th>
              <th scope="col" data-sortable="true">Client</th>
              <th scope="col" data-sortable="true">Stage</th>
            </tr>
          </thead>
          <tbody>
            @foreach($assessments as $assessment)
              <tr>
                <th scope="row" class="text-center">
                  <a href="/assessment/edit/{{ $assessment->id }}" title="Edit Assessment">
                    <i class="bi-pencil-square" style="font-size: 1rem; color: #FF6308; margin-right: 10px;"></i>
                  </a>
                  <a href="/assessment/{{ $assessment->id }}/{{ App\Models\Assessment::getStagesRoute($assessment->stage) }}" title="View Assessment">
                    <i class="bi-binoculars" style="font-size: 1rem; color: #FF6308; margin-right: 10px;"></i>
                  </a>
                  @if ($user->role === App\Models\User::ROLE_WEBMASTER)
                  <a href="#" onclick="deleteAssessment({{ $assessment->id }}, '{{ $assessment->assessee_name }}'); return false;" class="delete-assessment" title="Delete Assessment">
                    <i class="bi-trash" style="font-size: 1rem; color: #FF6308"></i>
                  </a>
                  @endif
                </th>
                <td>{{ $assessment->assessee_name }}</td>
                <td>{{ $assessment->creator->first_name ?? '' }} {{ $assessment->creator->last_name ?? '' }}</td>
                <td>{{ $assessment->assessor->first_name ?? '' }} {{ $assessment->assessor->last_name ?? '' }}</td>
                <td>{{ date('m/d/y g:iA', strtotime($assessment->date_create)) }}</td>
                <td class="fs-6">{{ date('m/d/y g:ia', strtotime($assessment->date_last_activity)) }}</td>
                <td>{{ $assessment->hiring_organization }}</td>
                <td>{{ $assessment->title_position }}</td>
                <td>{{ $assessment->customer->first_name ?? '' }} {{ $assessment->customer->last_name ?? '' }}</td>
                <td>{{ App\Models\Assessment::getStagesDescription($assessment->stage) }}</td>
              </tr>
            @endforeach
          </tbody>
        </table>
        {{ $assessments->links() }}
      </div>
    </div>
@stop

@section('footer-scripts')
  <script type="text/javascript">
    function deleteAssessment(id, asseseeName) {
      $('#textAssessmentId').text('Are you sure you want to delete ' + asseseeName + ' - ' + id + ' assessment?');
      $('#deleteAssessmentId').val(id);
      $('#deleteAssessmentModal').modal('show')
    }
  </script>
@endsection