@extends('layouts.app')
@section('title', '歷次申請卡片查詢 - 閱讀卡管理平台')
@section('content')
<div class="card">
    <div class="card-header">
        <h5 class="mb-0"><i class="bi bi-search me-1"></i>歷次申請卡片查詢</h5>
    </div>
    <div class="card-body">
        @if(in_array($role, ['admin', 'staff']))
        <form class="d-inline-flex align-items-center gap-2 mb-3" method="GET">
            <input type="hidden" name="tab" value="{{ $tab }}">
            <label class="fw-semibold text-nowrap">學校</label>
            <select name="school" class="form-select form-select-sm" style="min-width:200px;" onchange="this.form.submit()">
                @foreach($schools as $code => $name)
                <option value="{{ $code }}" {{ $school == $code ? 'selected' : '' }}>{{ $name }}</option>
                @endforeach
            </select>
        </form>
        @endif

        {{-- 學生/教師分頁標籤 --}}
        <ul class="nav nav-tabs mb-3">
            <li class="nav-item">
                <a class="nav-link {{ $tab == 'student' ? 'active' : '' }}" href="{{ route('search.index', ['school' => $school, 'tab' => 'student']) }}">學生</a>
            </li>
            <li class="nav-item">
                <a class="nav-link {{ $tab == 'teacher' ? 'active' : '' }}" href="{{ route('search.index', ['school' => $school, 'tab' => 'teacher']) }}">教師</a>
            </li>
        </ul>

        @if($tab == 'student')
        {{-- 學生班級列表 --}}
        <div class="table-responsive">
            <table class="table table-bordered table-hover align-middle datatable">
                <thead class="table-light">
                    <tr>
                        <th>班級</th>
                        <th data-dt-order="disable">操作</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($results as $ban => $label)
                    <tr>
                        <td>{{ $label }}</td>
                        <td>
                            <a href="{{ route('search.student', ['school' => $school, 'ban' => $ban]) }}" class="btn btn-sm btn-info text-white">
                                <i class="bi bi-list-ul me-1"></i>學生列表
                            </a>
                        </td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
        @if(empty($results))
        <p class="text-muted">目前沒有班級資料</p>
        @endif
        @else
        {{-- 教師列表 --}}
        <div class="table-responsive">
            <table class="table table-bordered table-hover align-middle datatable">
                <thead class="table-light">
                    <tr>
                        <th>姓名</th>
                        <th>帳號</th>
                        <th data-dt-order="disable">操作</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($teachers as $tea)
                    <tr>
                        <td>{{ $tea['name'] }}</td>
                        <td>{{ $tea['uid'] }}</td>
                        <td>
                            <a href="{{ route('search.view', ['school' => $school, 'ban' => '', 'idno' => $tea['idno']]) }}" class="btn btn-sm btn-outline-primary">
                                <i class="bi bi-credit-card me-1"></i>卡片紀錄
                            </a>
                        </td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
        @if(empty($teachers))
        <p class="text-muted">目前沒有教師資料</p>
        @endif
        @endif
    </div>
</div>
@endsection