@extends('layouts.admin')

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

@section('content')
    <x-page-header
        title="Assignments — {{ $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' => 'Assignments'],
        ]"
        subtitle="Assign engineers and site supervisors for this project."
    />

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

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

            <div class="grid grid-cols-1 lg:grid-cols-2 gap-6">
                <div>
                    <div class="font-semibold mb-2">Engineers</div>
                    <div class="space-y-1 max-h-80 overflow-auto border rounded p-3">
                        @foreach ($engineers as $u)
                            <label class="flex items-center gap-2 text-sm">
                                <input type="checkbox" name="engineer_ids[]" value="{{ $u->id }}" class="rounded border-gray-300"
                                    @checked($project->engineers->contains($u->id))>
                                <span>{{ $u->name }} ({{ $u->email }})</span>
                            </label>
                        @endforeach
                    </div>
                </div>

                <div>
                    <div class="font-semibold mb-2">Site Supervisors</div>
                    <div class="space-y-1 max-h-80 overflow-auto border rounded p-3">
                        @foreach ($siteSupervisors as $u)
                            <label class="flex items-center gap-2 text-sm">
                                <input type="checkbox" name="site_supervisor_ids[]" value="{{ $u->id }}" class="rounded border-gray-300"
                                    @checked($project->siteSupervisors->contains($u->id))>
                                <span>{{ $u->name }} ({{ $u->email }})</span>
                            </label>
                        @endforeach
                    </div>
                </div>
            </div>

            <div class="flex flex-wrap gap-2 pt-2">
                <x-button type="submit">Save</x-button>
                <x-button :href="route('admin.projects.show', $project)" variant="secondary">Back</x-button>
            </div>
        </form>
    </x-card>
@endsection