@extends('layouts.school')
@section('title', 'Generate Invoices')
@section('header', 'Bulk Invoice Generation')
@section('content')
    <div class="mx-auto max-w-3xl">
        <div class="rounded-xl bg-white p-6 shadow-sm ring-1 ring-gray-900/5">
            <p class="mb-4 text-sm text-gray-500">
                Generates one invoice per student per term from active fee structures.
                Re-running for the same period is <strong>safe</strong> — existing invoices and
                fee lines are never duplicated. One-time fees are only billed once per year;
                optional fees only when targeted at an individual student.
            </p>

            <form method="POST" action="{{ route('school.finance.generate.run', request()->route('schoolId')) }}">
                @csrf
                <div class="space-y-5">
                    <div>
                        <label class="block text-sm font-medium text-gray-700 mb-1">Classes *</label>
                        <div class="grid grid-cols-2 gap-2 sm:grid-cols-3">
                            @forelse ($classes as $class)
                                <label class="flex items-center gap-2 rounded-lg border border-gray-200 px-3 py-2 text-sm hover:bg-gray-50 cursor-pointer">
                                    <input type="checkbox" name="class_ids[]" value="{{ $class->id }}" class="rounded border-gray-300 text-primary-600 focus:ring-primary-500">
                                    {{ $class->name }}
                                </label>
                            @empty
                                <p class="text-sm text-gray-500">No classes found.</p>
                            @endforelse
                        </div>
                    </div>

                    <div class="grid grid-cols-1 gap-4 sm:grid-cols-2">
                        <div>
                            <label class="block text-sm font-medium text-gray-700 mb-1">Academic Year</label>
                            <select name="academic_year_id" class="w-full rounded-lg border border-gray-300 px-3 py-2 text-sm focus:border-primary-500 focus:outline-none">
                                @foreach ($years as $year)
                                    <option value="{{ $year->id }}" {{ $year->is_current ? 'selected' : '' }}>{{ $year->name }}{{ $year->is_current ? ' (current)' : '' }}</option>
                                @endforeach
                            </select>
                        </div>
                        <div>
                            <label class="block text-sm font-medium text-gray-700 mb-1">Term</label>
                            <select name="term_id" class="w-full rounded-lg border border-gray-300 px-3 py-2 text-sm focus:border-primary-500 focus:outline-none">
                                <option value="">— All terms / no term split —</option>
                                @foreach ($terms as $term)
                                    <option value="{{ $term->id }}">{{ $term->name }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>

                    <div class="grid grid-cols-1 gap-4 sm:grid-cols-2">
                        <div>
                            <label class="block text-sm font-medium text-gray-700 mb-1">Due Date</label>
                            <input type="date" name="due_date" value="{{ now()->addDays(14)->toDateString() }}" class="w-full rounded-lg border border-gray-300 px-3 py-2 text-sm focus:border-primary-500 focus:outline-none">
                        </div>
                        <label class="mt-6 flex items-center gap-2 text-sm text-gray-700">
                            <input type="checkbox" name="notify" value="1" checked class="rounded border-gray-300 text-primary-600 focus:ring-primary-500">
                            Email guardians their new invoices
                        </label>
                    </div>
                </div>

                <div class="mt-6 flex items-center gap-3">
                    <button type="submit" class="rounded-lg bg-primary-600 px-5 py-2.5 text-sm font-semibold text-white shadow-sm hover:bg-primary-700">Generate Invoices</button>
                    <a href="{{ route('school.finance.invoices', request()->route('schoolId')) }}" class="text-sm font-medium text-gray-500 hover:text-gray-700">Cancel</a>
                </div>
            </form>
        </div>
    </div>
@endsection