@extends('layouts.admin')

@section('title', 'Project Tasks')

@section('content')
    <x-page-header
        title="Tasks — {{ $project->code }}"
        :breadcrumbs="[
            ['label' => 'Admin', 'href' => route('admin.dashboard')],
            ['label' => 'Projects', 'href' => route('admin.projects.index')],
            ['label' => $project->code, 'href' => route('admin.projects.show', $project)],
            ['label' => 'Tasks'],
        ]"
        subtitle="Tasks only for this project."
    />

    @include('projects._tabs', ['project' => $project, 'active' => 'tasks'])

    <div class="bg-white border rounded">
        <table class="w-full text-sm">
            <thead class="text-gray-500">
                <tr>
                    <th class="text-left p-3">ID</th>
                    <th class="text-left p-3">Title</th>
                    <th class="text-left p-3">Description</th>
                    <th class="text-left p-3">Status</th>
                    <th class="text-left p-3">Engineer</th>
                    <th class="text-left p-3">Site Supervisor</th>
                </tr>
            </thead>
            <tbody>
                @forelse ($tasks as $t)
                    <tr class="border-t">
                        <td class="p-3">#{{ $t->id }}</td>
                        <td class="p-3">{{ $t->title }}</td>
                        <td class="p-3">{{ $t->description ?? '-' }}</td>
                        <td class="p-3">{{ $t->status?->label() ?? $t->status }}</td>
                        <td class="p-3">{{ $t->engineer?->name ?? '-' }}</td>
                        <td class="p-3">{{ $t->siteSupervisor?->name ?? '-' }}</td>
                    </tr>
                @empty
                    <tr>
                        <td colspan="6" class="p-8 text-center text-gray-500">No tasks found for this project.</td>
                    </tr>
                @endforelse
            </tbody>
        </table>
    </div>

    <div class="mt-4">
        {{ $tasks->links() }}
    </div>
@endsection