@extends('layouts.admin')
@section('title', '年級管理')
@section('content')
<div class="flex justify-end mb-6">
    <a href="{{ route('admin.grades.create') }}" class="px-4 py-2 bg-green-600 text-white rounded-lg text-sm hover:bg-green-700 font-medium">+ 新增年級</a>
</div>
@foreach($schools as $school)
<div class="bg-white dark:bg-slate-900 rounded-xl shadow-lg border border-gray-100 dark:border-slate-800 overflow-hidden mb-6">
    <div class="px-4 py-3 bg-gray-50 dark:bg-slate-800 border-b border-gray-200 dark:border-slate-700">
        <h3 class="font-bold text-gray-900 dark:text-white">{{ $school->name }}</h3>
    </div>
    <table class="w-full text-sm">
        <thead><tr class="border-b border-gray-200 dark:border-slate-700">
            <th class="px-4 py-2.5 text-left font-semibold text-gray-600 dark:text-gray-300">等級</th>
            <th class="px-4 py-2.5 text-left font-semibold text-gray-600 dark:text-gray-300">名稱</th>
            <th class="px-4 py-2.5 text-left font-semibold text-gray-600 dark:text-gray-300">班級數</th>
            <th class="px-4 py-2.5 text-left font-semibold text-gray-600 dark:text-gray-300">操作</th>
        </tr></thead>
        <tbody>
        @forelse($school->grades as $grade)
        <tr class="border-t border-gray-100 dark:border-slate-800 hover:bg-gray-50 dark:hover:bg-slate-800/50">
            <td class="px-4 py-2.5 text-gray-600 dark:text-gray-400">{{ $grade->level }}</td>
            <td class="px-4 py-2.5 font-medium text-gray-900 dark:text-white">{{ $grade->name }}</td>
            <td class="px-4 py-2.5 text-gray-600 dark:text-gray-400">{{ $grade->school_classes_count }}</td>
            <td class="px-4 py-2.5 flex gap-2">
                <a href="{{ route('admin.grades.edit', $grade) }}" class="text-blue-600 hover:text-blue-800 text-sm font-medium">編輯</a>
                <form action="{{ route('admin.grades.destroy', $grade) }}" method="POST" onsubmit="return confirm('確定刪除？')">@csrf @method('DELETE')<button class="text-red-600 hover:text-red-800 text-sm font-medium">刪除</button></form>
            </td>
        </tr>
        @empty
        <tr><td colspan="4" class="px-4 py-4 text-center text-gray-500">尚無年級</td></tr>
        @endforelse
        </tbody>
    </table>
</div>
@endforeach
@endsection