@extends('layouts.app')

@section('content')
    <div class="toolbar">
        <div>
            <h1 class="page-title">ข้อมูลนักเรียน</h1>
            <p class="page-subtitle">ค้นหา เพิ่ม และแก้ไขข้อมูลนักเรียนกับห้องเรียนปัจจุบัน</p>
        </div>
        @if ((auth()->user()->role ?? '') === 'admin')
            <div style="display:flex;gap:10px;flex-wrap:wrap;">
                <a class="btn secondary" href="{{ route('students.import.create') }}">นำเข้า CSV</a>
                <a class="btn" href="{{ route('students.create') }}">เพิ่มนักเรียน</a>
            </div>
        @endif
    </div>

    @if (session('status'))
        <div class="notice">{{ session('status') }}</div>
    @endif

    <form class="toolbar" method="get">
        <input class="input" name="search" value="{{ $search }}" placeholder="ค้นหาชื่อหรือเลขประจำตัวนักเรียน">
        <button class="btn" type="submit">ค้นหา</button>
    </form>

    <div class="table-wrap">
        <table>
            <thead>
                <tr>
                    <th>เลขประจำตัว</th>
                    <th>ชื่อ - นามสกุล</th>
                    <th>เพศ</th>
                    <th>ห้องเรียน</th>
                    <th>ติดต่อ</th>
                    @if ((auth()->user()->role ?? '') === 'admin')
                        <th style="width:110px;"></th>
                    @endif
                </tr>
            </thead>
            <tbody>
                @forelse ($students as $student)
                    <tr>
                        <td>{{ $student->student_code }}</td>
                        <td><a href="{{ route('students.show', $student) }}">{{ $student->full_name }}</a></td>
                        <td>{{ $student->gender ?? '-' }}</td>
                        <td>
                            @forelse ($student->classrooms as $classroom)
                                <span class="badge">{{ $classroom->name }} {{ $classroom->academicYear->label ?? '' }}</span>
                            @empty
                                -
                            @endforelse
                        </td>
                        <td>{{ $student->phone ?? '-' }}</td>
                        @if ((auth()->user()->role ?? '') === 'admin')
                            <td><a class="btn secondary" href="{{ route('students.edit', $student) }}">แก้ไข</a></td>
                        @endif
                    </tr>
                @empty
                    <tr><td colspan="{{ (auth()->user()->role ?? '') === 'admin' ? 6 : 5 }}">ไม่พบข้อมูล</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>

    <div class="toolbar">{{ $students->links() }}</div>
@endsection