@extends('layouts.school')
@section('title', 'Fee Structures')
@section('header', 'Fee Structures')
@section('content')
    <div class="rounded-xl bg-white shadow-sm ring-1 ring-gray-900/5 p-6 mb-6">
        <h3 class="text-lg font-display font-semibold text-gray-900 mb-1">Add Fee Structure</h3>
        <p class="mb-4 text-xs text-gray-500">Term left empty = applies to every term of the year. Section/student-category narrow who gets billed.</p>
        <form method="POST" action="{{ route('school.finance.store-structure', request()->route('schoolId')) }}" class="grid grid-cols-1 md:grid-cols-5 gap-4">
            @csrf
            <div><label class="block text-xs font-medium text-gray-700">Category *</label><select name="fee_category_id" required class="mt-1 block w-full rounded-lg border border-gray-300 px-3 py-2 text-sm focus:border-primary-500 focus:outline-none focus:ring-1 focus:ring-primary-500"><option value="">Select...</option>@foreach($categories as $c)<option value="{{ $c->id }}">{{ $c->name }}{{ $c->is_one_time ? ' (one-time)' : '' }}{{ $c->is_optional ? ' (optional)' : '' }}</option>@endforeach</select></div>
            <div><label class="block text-xs font-medium text-gray-700">Class *</label><select name="class_id" required class="mt-1 block w-full rounded-lg border border-gray-300 px-3 py-2 text-sm focus:border-primary-500 focus:outline-none focus:ring-1 focus:ring-primary-500"><option value="">Select...</option>@foreach($classes as $c)<option value="{{ $c->id }}">{{ $c->name }}</option>@endforeach</select></div>
            <div><label class="block text-xs font-medium text-gray-700">Academic Year *</label><select name="academic_year_id" required class="mt-1 block w-full rounded-lg border border-gray-300 px-3 py-2 text-sm focus:border-primary-500 focus:outline-none focus:ring-1 focus:ring-primary-500"><option value="">Select...</option>@foreach($academicYears as $y)<option value="{{ $y->id }}" {{ $y->is_current ? 'selected' : '' }}>{{ $y->name }}</option>@endforeach</select></div>
            <div><label class="block text-xs font-medium text-gray-700">Term</label><select name="term_id" class="mt-1 block 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</option>@foreach($terms as $t)<option value="{{ $t->id }}">{{ $t->name }}</option>@endforeach</select></div>
            <div><label class="block text-xs font-medium text-gray-700">Amount (&#8358;) *</label><input type="number" name="amount" min="0" step="100" required class="mt-1 block w-full rounded-lg border border-gray-300 px-3 py-2 text-sm focus:border-primary-500 focus:outline-none focus:ring-1 focus:ring-primary-500"></div>
            <div><label class="block text-xs font-medium text-gray-700">Section</label><select name="section_id" class="mt-1 block w-full rounded-lg border border-gray-300 px-3 py-2 text-sm focus:border-primary-500 focus:outline-none"><option value="">Whole class</option>@foreach($sections as $s)<option value="{{ $s->id }}">{{ $s->name }}</option>@endforeach</select></div>
            <div><label class="block text-xs font-medium text-gray-700">Student Category</label><select name="student_category" class="mt-1 block w-full rounded-lg border border-gray-300 px-3 py-2 text-sm focus:border-primary-500 focus:outline-none"><option value="">Any</option><option value="day">Day</option><option value="boarding">Boarding</option><option value="new">New</option><option value="returning">Returning</option></select></div>
            <div><label class="block text-xs font-medium text-gray-700">Due day of month</label><input type="number" name="due_date" min="1" max="28" placeholder="e.g. 15" class="mt-1 block w-full rounded-lg border border-gray-300 px-3 py-2 text-sm focus:border-primary-500 focus:outline-none"></div>
            <div class="flex items-end md:col-span-2"><button type="submit" class="rounded-lg bg-primary-600 px-4 py-2 text-sm font-semibold text-white shadow-sm hover:bg-primary-700">Add</button></div>
        </form>
    </div>
    <div class="rounded-xl bg-white shadow-sm ring-1 ring-gray-900/5 overflow-hidden">
        <table class="min-w-full divide-y divide-gray-200">
            <thead class="bg-gray-50"><tr><th class="px-6 py-3 text-left text-xs font-semibold text-gray-500 uppercase">Category</th><th class="px-6 py-3 text-left text-xs font-semibold text-gray-500 uppercase">Class</th><th class="px-6 py-3 text-left text-xs font-semibold text-gray-500 uppercase">Year / Term</th><th class="px-6 py-3 text-left text-xs font-semibold text-gray-500 uppercase">Applies To</th><th class="px-6 py-3 text-right text-xs font-semibold text-gray-500 uppercase">Amount</th><th class="px-6 py-3 text-right text-xs font-semibold text-gray-500 uppercase">Actions</th></tr></thead>
            <tbody class="divide-y divide-gray-100">
                @forelse($structures as $s)
                    <tr class="hover:bg-gray-50 {{ $s->is_active ? '' : 'opacity-50' }}">
                        <td class="px-6 py-4 text-sm font-medium text-gray-900">{{ $s->category?->name ?? '—' }}</td>
                        <td class="px-6 py-4 text-sm text-gray-600">{{ $s->classroom?->name }}</td>
                        <td class="px-6 py-4 text-sm text-gray-600">{{ $s->academicYear?->name }}<span class="block text-xs text-gray-400">{{ $s->term?->name ?? 'All terms' }}</span></td>
                        <td class="px-6 py-4 text-xs text-gray-500">
                            {{ $s->section?->name ? 'Section: ' . $s->section->name : 'Whole class' }}
                            @if ($s->student_category)<span class="block">Category: {{ ucfirst($s->student_category) }}</span>@endif
                        </td>
                        <td class="px-6 py-4 text-sm text-right font-medium text-gray-900">&#8358;{{ number_format($s->amount, 0) }}</td>
                        <td class="px-6 py-4 text-right text-xs">
                            <form method="POST" action="{{ route('school.finance.toggle-structure', [request()->route('schoolId'), $s->id]) }}" class="inline">@csrf @method('PATCH')<button class="font-semibold text-gray-500 hover:text-gray-800">{{ $s->is_active ? 'Deactivate' : 'Activate' }}</button></form>
                            <form method="POST" action="{{ route('school.finance.delete-structure', [request()->route('schoolId'), $s->id]) }}" class="inline ml-2" onsubmit="return confirm('Delete this fee structure?')">@csrf<button class="font-semibold text-red-500 hover:text-red-700">Delete</button></form>
                        </td>
                    </tr>
                @empty
                    <tr><td colspan="6" class="px-6 py-12 text-center text-sm text-gray-500">No fee structures yet.</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
@endsection