@extends('layouts.admin')

@section('title', 'Project')

@section('content')
    <x-page-header
        title="{{ $project->code }} — {{ $project->name }}"
        :breadcrumbs="[
            ['label' => 'Admin', 'href' => route('admin.dashboard')],
            ['label' => 'Projects', 'href' => route('admin.projects.index')],
            ['label' => $project->code],
        ]"
        subtitle="Overview, assignments, tasks, maintenance requests, and reports for this project."
    >
        <x-slot:actions>
            @can('delete', $project)
                <form class="inline" method="POST" action="{{ route('admin.projects.destroy', $project) }}" onsubmit="return confirm('Delete this project?')">
                    @csrf
                    @method('DELETE')
                    <x-button type="submit" variant="danger">Delete</x-button>
                </form>
            @endcan
        </x-slot:actions>
    </x-page-header>

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

    @can('update', $project)
        <x-card padding="p-6">
            <form method="POST" action="{{ route('admin.projects.update', $project) }}" class="space-y-6">
                @csrf
                @method('PUT')
                @include('projects._form', ['project' => $project])

                <div class="flex flex-wrap gap-2 pt-2">
                    <x-button type="submit">Save Changes</x-button>
                    <x-button :href="route('admin.projects.show', $project)" variant="secondary">Cancel</x-button>
                </div>
            </form>
        </x-card>
    @else
        <x-card padding="p-6">
            <div class="grid grid-cols-1 md:grid-cols-2 gap-4 text-sm">
                <div><span class="text-zinc-500">Status:</span> {{ $project->status?->label() ?? '-' }}</div>
                <div><span class="text-zinc-500">Progress:</span> {{ $project->progress_percentage }}%</div>
                <div><span class="text-zinc-500">Location:</span> {{ $project->location ?? '-' }}</div>
                <div><span class="text-zinc-500">Created By:</span> {{ $project->creator?->name ?? '-' }}</div>
                <div><span class="text-zinc-500">Start:</span> {{ optional($project->start_date)->format('d M Y') ?? '-' }}</div>
                <div><span class="text-zinc-500">Expected End:</span> {{ optional($project->expected_end_date)->format('d M Y') ?? '-' }}</div>
            </div>
        </x-card>
    @endcan
@endsection