@extends('layouts.app')

@section('title', 'Subject Allocation')

@section('content')
    <div class="flex flex-col gap-6">
        <div class="flex items-end justify-between gap-3">
            <div>
                <h1 class="text-lg font-semibold">Subject Allocation</h1>
                <p class="text-xs text-muted-foreground">Opted subjects per student by career pathway</p>
            </div>
            <a href="{{ route('academics.subject-allocation.csv', ['form' => $form, 'stream' => $stream]) }}" class="rounded-lg border border-border bg-card px-3 py-2 text-sm font-medium hover:bg-accent">Export CSV</a>
        </div>

        @include('partials.flashes')

        <div class="flex flex-wrap items-end gap-3 rounded-xl border border-border bg-card p-3">
            <form method="get" action="{{ route('academics.subject-allocation') }}" class="flex flex-wrap items-end gap-3">
                <div class="flex flex-col gap-1.5">
                    <label class="text-xs text-muted-foreground">Year</label>
                    <select name="year" class="h-9 rounded-lg border border-input bg-transparent px-3 text-sm outline-none focus-visible:border-ring">
                        @foreach ($years as $y)
                            <option value="{{ $y }}" @selected($year === $y)>{{ $y }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="flex flex-col gap-1.5">
                    <label class="text-xs text-muted-foreground">Term</label>
                    <select name="term" class="h-9 rounded-lg border border-input bg-transparent px-3 text-sm outline-none focus-visible:border-ring">
                        @foreach ([1, 2, 3] as $t)
                            <option value="{{ $t }}" @selected($term === (string) $t)>Term {{ $t }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="flex flex-col gap-1.5">
                    <label class="text-xs text-muted-foreground">Form</label>
                    <select name="form" class="h-9 rounded-lg border border-input bg-transparent px-3 text-sm outline-none focus-visible:border-ring">
                        @foreach (\App\Support\Academics::FORMS as $f)
                            <option value="{{ $f }}" @selected($form === $f)>{{ $f }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="flex flex-col gap-1.5">
                    <label class="text-xs text-muted-foreground">Stream</label>
                    <select name="stream" class="h-9 rounded-lg border border-input bg-transparent px-3 text-sm outline-none focus-visible:border-ring">
                        @foreach (\App\Support\Academics::STREAMS as $st)
                            <option value="{{ $st }}" @selected($stream === $st)>{{ $st }}</option>
                        @endforeach
                    </select>
                </div>
                <button class="h-9 rounded-lg bg-primary px-3 text-sm font-medium text-primary-foreground hover:bg-primary/90">Load List</button>
                <span class="text-xs text-muted-foreground">Loaded: {{ count($rows) }} students</span>
            </form>
        </div>

        @if ($loaded)
            <form method="post" action="{{ route('academics.subject-allocation.save') }}" class="rounded-xl border border-border bg-card">
                @csrf
                <input type="hidden" name="form" value="{{ $form }}">
                <input type="hidden" name="stream" value="{{ $stream }}">
                <div class="overflow-x-auto">
                    <table class="w-full text-sm">
                        <thead>
                            <tr class="border-b text-left text-xs uppercase text-muted-foreground">
                                <th class="px-3 py-2 font-medium">Adm No</th>
                                <th class="px-3 py-2 font-medium">Student</th>
                                @foreach (\App\Support\Academics::PATHWAYS as $p)
                                    <th class="px-3 py-2 text-center font-medium">{{ $p }}</th>
                                @endforeach
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($rows as $row)
                                <tr class="border-b last:border-0">
                                    <td class="px-3 py-2 font-mono text-xs">{{ $row['student']->admission_no }}</td>
                                    <td class="px-3 py-2 font-medium">{{ $row['student']->full_name }}</td>
                                    @foreach (\App\Support\Academics::PATHWAYS as $p)
                                        <td class="px-3 py-2 text-center">
                                            <input type="checkbox" name="opted[{{ $row['student']->id }}][]" value="{{ $p }}"
                                                   @checked(in_array($p, $row['opted'], true))
                                                   class="size-4 accent-emerald-600">
                                        </td>
                                    @endforeach
                                </tr>
                            @endforeach
                            @if ($rows === [])
                                <tr><td colspan="6" class="px-3 py-10 text-center text-sm text-muted-foreground">Load a class to begin allocation.</td></tr>
                            @endif
                        </tbody>
                    </table>
                </div>
                <div class="flex items-center justify-between border-t border-border p-3">
                    <span class="text-xs text-muted-foreground">{{ count($rows) }} students · {{ $form }} {{ $stream }}</span>
                    <button class="rounded-lg bg-primary px-3 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90">Save Allocations</button>
                </div>
            </form>
        @else
            <div class="rounded-xl border border-border bg-card p-10 text-center text-sm text-muted-foreground">
                Choose a class and stream then press <strong>Load List</strong> to edit opted subjects.
            </div>
        @endif
    </div>
@endsection