@extends('layout.master')

@push('plugin-styles')
  <link href="{{ asset('assets/plugins/datatables-net-bs5/dataTables.bootstrap5.css') }}" rel="stylesheet" />
@endpush

@section('content')
<nav class="page-breadcrumb">
  <ol class="breadcrumb">
    <li class="breadcrumb-item"><a href="#">Compliance</a></li>
    <li class="breadcrumb-item active" aria-current="page">Inspection Deadlines</li>
  </ol>
</nav>

<div class="row"> 
  <div class="col-md-12 grid-margin stretch-card">
    <div class="card">
      <div class="card-body">
        <h6 class="card-title">Upcoming Inspection Deadlines</h6>
        <p class="text-muted mb-3">
          Ensure compliance and maintain equipment safety by adhering to the following inspection schedules.
        </p>
        <div class="table-responsive">
          <table id="inspectionTable" class="table">
            <thead class="table-light">
              <tr>
                <th>Crane Name</th>
                <th>Crane Equipment Name</th>
                <th>Inspection Type</th>
                <th>Location</th>
                <th>Last Inspection Date</th>
                <th>Next Inspection Due</th>
                <th>Status</th>
                <th>Countdown</th>
                <th>Technician Name</th>
              </tr>
            </thead>
            <tbody>
              @foreach($inspectionDeadlines as $inspectionDeadline)
                <tr>
                  <td>{{ $inspectionDeadline->crane->company_name  ?? 'No Crane Assigned' }}{{ $inspectionDeadline->crane->serial_no  ?? 'No Crane Assigned' }}</td>
                  <td>{{ $inspectionDeadline->equipment->name }}</td>
                  <td>{{ $inspectionDeadline->inspection_type }}</td>
                  <td>{{ $inspectionDeadline->location }}</td>
                  <td>{{ $inspectionDeadline->last_inspection_date }}</td>
                  <td>{{ $inspectionDeadline->next_inspection_due }}</td>
                  <td>
                    @php
                      $daysLeft = \Carbon\Carbon::parse($inspectionDeadline->next_inspection_due)->diffInDays(\Carbon\Carbon::now());
                    @endphp
                    @if($daysLeft < 0)
                      <span class="badge bg-danger">Overdue</span>
                    @elseif($daysLeft <= 7)
                      <span class="badge bg-warning">Due Soon</span>
                    @else
                      <span class="badge bg-success">On Track</span>
                    @endif
                  </td>
                  <td>{{ $daysLeft >= 0 ? $daysLeft . ' days left' : abs($daysLeft) . ' days overdue' }}</td>
                  <td>{{ $inspectionDeadline->technician_name }}</td>
                </tr>
              @endforeach
            </tbody>
          </table>
        </div>
      </div>
    </div>
  </div>
</div>
@endsection

@push('plugin-scripts')
  <script src="{{ asset('assets/plugins/datatables-net/jquery.dataTables.js') }}"></script>
  <script src="{{ asset('assets/plugins/datatables-net-bs5/dataTables.bootstrap5.js') }}"></script>
@endpush

@push('custom-scripts')
  <script>
    $(document).ready(function() {
      $('#inspectionTable').DataTable({
        "order": [[5, "asc"]],
        "pageLength": 10,
        "responsive": true
      });
    });
  </script>
@endpush