@extends('layouts.admin')

@section('title', 'Assign Site Supervisor Projects')

@section('content')
    <h1 class="text-xl font-semibold mb-4">Assign Projects — {{ $siteSupervisor->name }}</h1>

    <form method="POST" action="{{ route('admin.site-supervisors.projects.update', $siteSupervisor) }}" class="bg-white border rounded p-4">
        @csrf
        @method('PUT')

        <div class="space-y-1 max-h-96 overflow-auto border rounded p-3">
            @foreach ($projects as $p)
                <label class="flex items-center gap-2 text-sm">
                    <input type="checkbox" name="project_ids[]" value="{{ $p->id }}" class="rounded border-gray-300"
                        @checked($siteSupervisor->supervisedProjects->contains($p->id))>
                    <span class="font-mono">{{ $p->code }}</span>
                    <span>{{ $p->name }}</span>
                </label>
            @endforeach
        </div>

        <div class="mt-4 flex gap-2">
            <button class="px-3 py-2 rounded bg-indigo-600 text-white text-sm">Save</button>
            <a href="{{ route('admin.site-supervisors.show', $siteSupervisor) }}" class="px-3 py-2 rounded border text-sm">Back</a>
        </div>
    </form>
@endsection