@extends('layouts.app')

@section('title', 'Set Marks')

@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">Set Marks</h1>
                <p class="text-xs text-muted-foreground">Configure which subjects map to which exams for a class</p>
            </div>
            <a href="{{ route('academics.set-marks.csv', ['exam' => $exam]) }}" 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="grid gap-6 lg:grid-cols-3">
            <div class="rounded-xl border border-border bg-card lg:col-span-2">
                <div class="flex flex-col gap-3 p-3">
                    <form method="get" action="{{ route('academics.set-marks') }}" class="flex items-center gap-2">
                        <input name="q" value="{{ $q }}" placeholder="Search subjects…"
                               class="h-9 min-w-52 flex-1 rounded-lg border border-input bg-transparent px-3 text-sm outline-none focus-visible:border-ring">
                        <button class="h-9 rounded-lg bg-primary px-3 text-sm font-medium text-primary-foreground hover:bg-primary/90">Search</button>
                    </form>
                    <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="py-2 pr-3 font-medium">Form</th>
                                    <th class="py-2 pr-3 font-medium">Stream</th>
                                    <th class="py-2 pr-3 font-medium">Subject</th>
                                    <th class="py-2 pr-3 font-medium">Out Of</th>
                                    <th class="py-2 pr-3 font-medium">Exam</th>
                                    <th class="py-2 pr-3 font-medium">Students</th>
                                    <th class="py-2 text-right font-medium">Actions</th>
                                </tr>
                            </thead>
                            <tbody>
                                @forelse ($rows as $row)
                                    <tr class="border-b last:border-0">
                                        <form method="post" action="{{ route('academics.set-marks.update', $row->id) }}" class="contents">
                                            @csrf
                                            @method('PUT')
                                            <td class="py-2 pr-3">{{ $row->form }}</td>
                                            <td class="py-2 pr-3">{{ $row->stream }}</td>
                                            <td class="py-2 pr-3 font-medium">{{ $row->subject }}</td>
                                            <td class="py-2 pr-3">
                                                <input type="number" name="out_of" value="{{ $row->out_of }}" min="1" class="h-9 w-20 rounded-lg border border-input bg-transparent px-3 text-sm outline-none focus-visible:border-ring">
                                            </td>
                                            <td class="py-2 pr-3">{{ $row->exam }}</td>
                                            <td class="py-2 pr-3 tabular-nums">{{ \App\Models\Student::where('status', '!=', 'Transferred')->where('class_name', $row->form)->where('stream', $row->stream)->count() }}</td>
                                        </form>
                                        <td class="py-2">
                                            <div class="flex items-center justify-end gap-1">
                                                <button form="update-setup-{{ $row->id }}" class="rounded-md border border-border px-2 py-1 text-xs hover:bg-accent">Update</button>
                                                <button form="delete-setup-{{ $row->id }}" class="rounded-md border border-destructive/40 px-2 py-1 text-xs text-destructive hover:bg-destructive/5">Delete</button>
                                            </div>
                                        </td>
                                        <form id="update-setup-{{ $row->id }}" method="post" action="{{ route('academics.set-marks.update', $row->id) }}">
                                            @csrf
                                            @method('PUT')
                                            <input type="hidden" name="out_of" value="{{ $row->out_of }}">
                                        </form>
                                        <form id="delete-setup-{{ $row->id }}" method="post" action="{{ route('academics.set-marks.destroy', $row->id) }}" onsubmit="return confirm('Delete this row?')">
                                            @csrf
                                            @method('DELETE')
                                        </form>
                                    </tr>
                                @empty
                                    <tr><td colspan="7" class="px-3 py-10 text-center text-sm text-muted-foreground">No rows match your search.</td></tr>
                                @endforelse
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>

            <div class="rounded-xl border border-border bg-card">
                <form method="post" action="{{ route('academics.set-marks.store') }}" class="flex flex-col gap-3 p-4">
                    @csrf
                    <h2 class="text-sm font-semibold">Add Row</h2>
                    <div class="grid grid-cols-2 gap-3">
                        <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>
                    </div>
                    <div class="flex flex-col gap-1.5">
                        <label class="text-xs text-muted-foreground">Subject</label>
                        <select name="subject" class="h-9 rounded-lg border border-input bg-transparent px-3 text-sm outline-none focus-visible:border-ring">
                            @foreach ($subjectsForForm as $sub)
                                <option value="{{ $sub }}" @selected($subject === $sub)>{{ $sub }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="grid grid-cols-2 gap-3">
                        <div class="flex flex-col gap-1.5">
                            <label class="text-xs text-muted-foreground">Out Of</label>
                            <input type="number" name="out_of" value="100" min="1" class="h-9 rounded-lg border border-input bg-transparent px-3 text-sm outline-none focus-visible:border-ring">
                        </div>
                        <div class="flex flex-col gap-1.5">
                            <label class="text-xs text-muted-foreground">Exam</label>
                            <select name="exam" class="h-9 rounded-lg border border-input bg-transparent px-3 text-sm outline-none focus-visible:border-ring">
                                @foreach (\App\Models\Exam::orderBy('id')->get() as $ex)
                                    <option value="{{ $ex->name }}" @selected($exam === $ex->name)>{{ $ex->name }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    <p class="text-xs text-muted-foreground">{{ $studentCount }} active students in {{ $form }} {{ $stream }}.</p>
                    <button class="rounded-lg bg-primary px-3 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90">Add Row</button>
                </form>
            </div>
        </div>
    </div>
@endsection