@extends('layouts.cbt')
@section('page-title', 'Data Siswa')
@section('sidebar')@include('components.admin-sidebar')@endsection
@section('content')
<div class="flex flex-col lg:flex-row gap-3 mb-6 justify-between items-stretch lg:items-center">
    <form class="flex flex-col sm:flex-row gap-2 flex-wrap flex-1" method="GET">
        <input type="text" name="search" value="{{ request('search') }}" placeholder="Cari NIS/Nama..." class="form-input w-full sm:w-48">
        <select name="class_id" class="form-input w-full sm:w-36">
            <option value="">Semua Kelas</option>
            @foreach($classes as $c)<option value="{{ $c->id }}" @selected(request('class_id')==$c->id)>{{ $c->name }}</option>@endforeach
        </select>
        <button class="btn-sdn-primary">Filter</button>
    </form>
    <div class="flex flex-wrap gap-2">
        <a href="{{ route('admin.students.import') }}" class="btn-sdn-secondary">Import Excel</a>
        <a href="{{ route('admin.students.export') }}" class="btn-sdn-secondary">Export Excel</a>
        <a href="{{ route('admin.students.create') }}" class="btn-sdn-primary">+ Tambah Siswa</a>
    </div>
</div>
<div class="card-sdn">
    <div class="table-wrap">
    <table class="table-sdn">
        <thead><tr><th>NIS</th><th>NISN</th><th>Nama</th><th>Kelas</th><th>JK</th><th>Ortu</th><th>Aksi</th></tr></thead>
        <tbody>
            @foreach($students as $s)
            <tr>
                <td class="font-bold">{{ $s->nis }}</td>
                <td>{{ $s->nisn }}</td>
                <td>{{ $s->user->name }}</td>
                <td>{{ $s->schoolClass->name }}</td>
                <td>{{ $s->gender }}</td>
                <td>{{ $s->parent_name }}</td>
                <td class="flex gap-2">
                    <a href="{{ route('admin.students.edit', $s) }}" class="text-blue-600 font-semibold text-sm">Edit</a>
                    <form method="POST" action="{{ route('admin.students.destroy', $s) }}" onsubmit="return confirm('Hapus?')">@csrf @method('DELETE')<button class="text-red-500 font-semibold text-sm">Hapus</button></form>
                </td>
            </tr>
            @endforeach
        </tbody>
    </table>
    </div>
    <div class="mt-4">{{ $students->links() }}</div>
</div>
@endsection