@extends('layouts.admin')
@section('title', isset($grade) ? '編輯年級' : '新增年級')
@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($grade) ? route('admin.grades.update', $grade) : route('admin.grades.store') }}" method="POST">
            @csrf @if(isset($grade)) @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', $grade->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>
                    <input type="text" name="name" value="{{ old('name', $grade->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>
                    <input type="number" name="level" value="{{ old('level', $grade->level ?? 1) }}" min="1" 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"></div>
            </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($grade) ? '更新' : '建立' }}</button>
                <a href="{{ route('admin.grades.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