@extends('layouts.admin')

@section('title', 'Project Maintenance Requests')

@section('content')
    <x-page-header
        title="Maintenance Requests — {{ $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' => 'Maintenance Requests'],
        ]"
        subtitle="Maintenance requests only for this project."
    />

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

    <x-table-wrapper>
        <table class="min-w-full text-sm">
            <thead class="text-xs font-semibold uppercase tracking-wider text-zinc-500 bg-zinc-50">
                <tr>
                    <th class="text-left px-4 py-3">Request</th>
                    <th class="text-left px-4 py-3">Equipment</th>
                    <th class="text-left px-4 py-3">Description</th>
                    <th class="text-left px-4 py-3">Status</th>
                </tr>
            </thead>
            <tbody class="divide-y divide-zinc-100">
                @forelse ($requests as $r)
                    @php($state = $r->status?->value ?? (string) $r->status)
                    <tr class="hover:bg-zinc-50/60">
                        <td class="px-4 py-3 whitespace-nowrap">
                            <div class="font-medium text-zinc-900">#{{ $r->id }}</div>
                            <div class="text-xs text-zinc-500">{{ optional($r->created_at)->format('d M Y, H:i') }}</div>
                        </td>
                        <td class="px-4 py-3 text-zinc-900 whitespace-nowrap">
                            {{ $r->equipment?->name ?? $r->equipment_name ?? '-' }}
                        </td>
                        @php($desc = $r->description ?? $r->issue_description ?? '-')
                        <td class="px-4 py-3 text-zinc-900 max-w-xl">
                            <div class="truncate" title="{{ $desc }}">{{ $desc }}</div>
                        </td>
                        <td class="px-4 py-3 whitespace-nowrap">
                            <x-status-badge :value="$state" :label="ucfirst($state)" />
                        </td>
                    </tr>
                @empty
                    <tr>
                        <td colspan="4" class="px-4 py-10 text-center text-zinc-500">No maintenance requests found for this project.</td>
                    </tr>
                @endforelse
            </tbody>
        </table>
    </x-table-wrapper>

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