@extends('layouts.admin')
@section('title', isset($class) ? '編輯班級' : '新增班級')
@section('content')
<div class="max-w-2xl">
    <div class="bg-white dark:bg-slate-900 rounded-xl shadow-lg border border-gray-100 dark:border-slate-800 p-6">
        <form action="{{ isset($class) ? route('admin.classes.update', $class) : route('admin.classes.store') }}" method="POST">
            @csrf @if(isset($class)) @method('PUT') @endif
            <div class="space-y-4">
                <div><label class="block text-sm font-semibold text-gray-700 dark:text-gray-300 mb-1">學校 *</label>
                    <select name="school_id" required class="w-full px-4 py-2.5 rounded-lg border-2 border-gray-200 dark:border-slate-700 bg-gray-50 dark:bg-slate-800 text-gray-900 dark:text-white focus:outline-none focus:border-blue-500">
                        @foreach($schools as $s)<option value="{{ $s->id }}" {{ old('school_id', $class->school_id ?? '') == $s->id ? 'selected' : '' }}>{{ $s->name }}</option>@endforeach
                    </select></div>
                <div><label class="block text-sm font-semibold text-gray-700 dark:text-gray-300 mb-1">年級 *</label>
                    <select name="grade_id" required class="w-full px-4 py-2.5 rounded-lg border-2 border-gray-200 dark:border-slate-700 bg-gray-50 dark:bg-slate-800 text-gray-900 dark:text-white focus:outline-none focus:border-blue-500">
                        @foreach($grades as $g)<option value="{{ $g->id }}" {{ old('grade_id', $class->grade_id ?? '') == $g->id ? 'selected' : '' }}>{{ $g->school->name ?? '' }} - {{ $g->name }}</option>@endforeach
                    </select></div>
                <div><label class="block text-sm font-semibold text-gray-700 dark:text-gray-300 mb-1">班級名稱 *</label>
                    <input type="text" name="name" value="{{ old('name', $class->name ?? '') }}" required placeholder="例如：甲班" class="w-full px-4 py-2.5 rounded-lg border-2 border-gray-200 dark:border-slate-700 bg-gray-50 dark:bg-slate-800 text-gray-900 dark:text-white focus:outline-none focus:border-blue-500"></div>
                <div><label class="block text-sm font-semibold text-gray-700 dark:text-gray-300 mb-1">班主任</label>
                    <select name="homeroom_teacher_id" class="w-full px-4 py-2.5 rounded-lg border-2 border-gray-200 dark:border-slate-700 bg-gray-50 dark:bg-slate-800 text-gray-900 dark:text-white focus:outline-none focus:border-blue-500">
                        <option value="">-- 不指定 --</option>
                        @foreach($teachers as $t)<option value="{{ $t->id }}" {{ old('homeroom_teacher_id', $class->homeroom_teacher_id ?? '') == $t->id ? 'selected' : '' }}>{{ $t->name }}</option>@endforeach
                    </select></div>
                <label class="flex items-center gap-2 cursor-pointer">
                    <input type="checkbox" name="is_active" value="1" {{ old('is_active', $class->is_active ?? true) ? 'checked' : '' }} class="w-4 h-4 rounded text-blue-600">
                    <span class="text-sm text-gray-700 dark:text-gray-300">啟用</span>
                </label>
            </div>
            <div class="flex gap-3 mt-6">
                <button type="submit" class="px-6 py-2.5 bg-blue-600 text-white rounded-lg font-medium hover:bg-blue-700">{{ isset($class) ? '更新' : '建立' }}</button>
                <a href="{{ route('admin.classes.index') }}" class="px-6 py-2.5 bg-gray-200 dark:bg-slate-700 text-gray-700 dark:text-gray-300 rounded-lg font-medium">取消</a>
            </div>
        </form>
    </div>
</div>
@endsection