@extends('layouts.school')
@section('title', 'Add Class')
@section('header', 'Add New Class')
@section('content')
    <form method="POST" action="{{ route('school.classes.store', request()->route('schoolId')) }}">
        @csrf
        <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-4">Class Information</h3>
            <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
                <div><label class="block text-sm font-medium text-gray-700">Class Name *</label><input type="text" name="name" value="{{ old('name') }}" required placeholder="e.g. JSS 1" class="mt-1 block w-full rounded-lg border border-gray-300 px-3 py-2.5 text-sm shadow-sm focus:border-primary-500 focus:outline-none focus:ring-1 focus:ring-primary-500">@error('name') <p class="mt-1 text-sm text-red-600">{{ $message }}</p> @enderror</div>
                <div><label class="block text-sm 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.5 text-sm shadow-sm focus:border-primary-500 focus:outline-none focus:ring-1 focus:ring-primary-500"><option value="">Select...</option>@foreach($academicYears as $yr)<option value="{{ $yr->id }}" {{ old('academic_year_id') == $yr->id ? 'selected' : '' }}>{{ $yr->name }}</option>@endforeach</select>@error('academic_year_id') <p class="mt-1 text-sm text-red-600">{{ $message }}</p> @enderror</div>
                <div><label class="block text-sm font-medium text-gray-700">Campus</label><select name="campus_id" class="mt-1 block w-full rounded-lg border border-gray-300 px-3 py-2.5 text-sm shadow-sm focus:border-primary-500 focus:outline-none focus:ring-1 focus:ring-primary-500"><option value="">No campus</option>@foreach($campuses as $campus)<option value="{{ $campus->id }}" {{ old('campus_id') == $campus->id ? 'selected' : '' }}>{{ $campus->name }}</option>@endforeach</select></div>
                <div><label class="block text-sm font-medium text-gray-700">Class Teacher</label><select name="class_teacher_id" class="mt-1 block w-full rounded-lg border border-gray-300 px-3 py-2.5 text-sm shadow-sm focus:border-primary-500 focus:outline-none focus:ring-1 focus:ring-primary-500"><option value="">Select...</option>@foreach($teachers as $t)<option value="{{ $t->user_id }}" {{ old('class_teacher_id') == $t->user_id ? 'selected' : '' }}>{{ $t->full_name }}</option>@endforeach</select>@error('class_teacher_id') <p class="mt-1 text-sm text-red-600">{{ $message }}</p> @enderror</div>
                <div><label class="block text-sm font-medium text-gray-700">Capacity</label><input type="number" name="capacity" value="{{ old('capacity', 40) }}" min="1" class="mt-1 block w-full rounded-lg border border-gray-300 px-3 py-2.5 text-sm shadow-sm focus:border-primary-500 focus:outline-none focus:ring-1 focus:ring-primary-500"></div>
            </div>
        </div>
        <div class="flex gap-3">
            <button type="submit" class="rounded-lg bg-primary-600 px-6 py-2.5 text-sm font-semibold text-white shadow-sm hover:bg-primary-700">Create Class</button>
            <a href="{{ route('school.classes.index', request()->route('schoolId')) }}" class="rounded-lg border border-gray-300 bg-white px-6 py-2.5 text-sm font-medium text-gray-700 hover:bg-gray-50">Cancel</a>
        </div>
    </form>
@endsection