@extends('layouts.cbt')
@section('page-title', 'Data Kelas')
@section('sidebar')@include('components.admin-sidebar')@endsection
@section('content')
<div class="grid lg:grid-cols-3 gap-6">
    <div class="card-sdn lg:col-span-2 order-2 lg:order-1">
        <div class="table-wrap">
        <table class="table-sdn">
            <thead><tr><th>Kelas</th><th>Jenjang</th><th>Tahun Ajaran</th><th>Siswa</th><th>Aksi</th></tr></thead>
            <tbody>
                @foreach($classes as $c)
                <tr>
                    <td class="font-bold">{{ $c->name }}</td>
                    <td>Kelas {{ $c->grade }}</td>
                    <td>{{ $c->academicYear->name }}</td>
                    <td>{{ $c->students_count }}</td>
                    <td>
                        <form method="POST" action="{{ route('admin.classes.destroy', $c) }}" onsubmit="return confirm('Hapus?')">@csrf @method('DELETE')<button class="text-red-500 text-sm font-semibold">Hapus</button></form>
                    </td>
                </tr>
                @endforeach
            </tbody>
        </table>
        </div>
        <div class="mt-4">{{ $classes->links() }}</div>
    </div>
    <div class="card-sdn order-1 lg:order-2">
        <h3 class="font-bold mb-4">Tambah Kelas</h3>
        <form method="POST" action="{{ route('admin.classes.store') }}" class="space-y-3">
            @csrf
            <div><label class="form-label">Nama</label><input name="name" class="form-input" placeholder="6A" required></div>
            <div><label class="form-label">Jenjang</label><input name="grade" type="number" min="1" max="6" class="form-input" required></div>
            <div><label class="form-label">Tahun Ajaran</label><select name="academic_year_id" class="form-input">@foreach($years as $y)<option value="{{ $y->id }}">{{ $y->name }}</option>@endforeach</select></div>
            <button class="btn-sdn-primary w-full">Tambah</button>
        </form>
    </div>
</div>
@endsection