@extends('reports.layout.index', ['title' => "FTP {$type} reprot"])

@section("content")

@php
    $getRowClass = function ($status) {
        return match($status) {
            'Completed' => 'bg-green-200 dark:bg-green-900 hover:bg-green-700 dark:hover:bg-green-800',
            'NoAction' => 'bg-red-200 dark:bg-red-900 hover:bg-red-700 dark:hover:bg-red-800',
            'Picked',  => 'bg-blue-200 dark:bg-blue-900 hover:bg-blue-700 dark:hover:bg-blue-800',
            'Released', => 'bg-yellow-200 dark:bg-yellow-900 hover:bg-yellow-700 dark:hover:bg-yellow-800',
            'pending' => 'bg-gray-700 dark:bg-gray-200 hover:bg-gray-200 dark:hover:bg-gray-700',
            'NotCreated', 'cancelled' => 'bg-red-200 dark:bg-red-900 hover:bg-red-700 dark:hover:bg-red-800',
            default => 'bg-white dark:bg-gray-200 hover:bg-gray-200 dark:hover:bg-gray-700',
        };
    }
@endphp

<div class="">
  <div class="relative overflow-x-auto shadow-md sm:rounded-lg">
    <table class="w-full text-sm text-left rtl:text-right text-gray-500 dark:text-gray-400">
        <thead class="text-xs text-gray-700 uppercase bg-gray-50 dark:bg-gray-700 dark:text-gray-400">
            <tr>
              <th class="px-6 py-3">Project ID</th>
              <th class="px-6 py-3">Job Number</th>
              <th class="px-6 py-3">Title</th>
              <th class="px-6 py-3">Cluster Name</th>
              <th class="px-6 py-3">Stage Name</th>

                <th class="px-6 py-3">Created On</th>
                <th class="px-6 py-3">Cluster ID</th>
                <th class="px-6 py-3">Stage ID</th>
                <th class="px-6 py-3">Status</th>
            </tr>
        </thead>
        <tbody>
            @foreach ($data['items'] as $item)
            <tr class="{{ $getRowClass($item['status']) }} border-b dark:border-gray-700 text-gray-700">
              <td class="px-6 py-4">{{ $item['project_id'] }}</td>
              <td class="px-6 py-4">{{ $item['job_number'] }}</td>
              <td class="px-6 py-4">{{ $item['title'] }}</td>
              <td class="px-6 py-4">{{ $item['cluster_name'] }}</td>
              <td class="px-6 py-4">{{ $item['stage_name'] }}</td>

                <td class="px-6 py-4">{{ $item['created_on'] }}</td>
                <td class="px-6 py-4">{{ $item['cluster_id'] }}</td>
                <td class="px-6 py-4">{{ $item['stage_id'] }}</td>
                <td class="px-6 py-4">{{ $item['status'] }}</td>
            </tr>
            @endforeach
        </tbody>
    </table>
</div>

</div>

@endsection