@extends('layouts.app')
@section('title', '使用者管理 - 閱讀卡管理平台')
@section('content')
<div class="card">
    <div class="card-header">
        <h5 class="mb-0"><i class="bi bi-people me-1"></i>使用者管理</h5>
    </div>
    <div class="card-body">
        <form method="GET" action="{{ route('admin.user.index') }}" class="d-flex align-items-center gap-3 mb-3">
            <a href="{{ route('admin.user.create') }}" class="btn btn-success btn-sm"><i class="bi bi-plus-lg me-1"></i>新增</a>
            <div class="d-inline-flex align-items-center gap-2">
                <label class="fw-semibold text-nowrap">篩選學校/單位</label>
                <select name="school" class="form-select form-select-sm" style="min-width: 200px;">
                    <option value="">--- 全部 ---</option>
                    <optgroup label="機關單位">
                        @foreach($orgs as $s)
                        <option value="{{ $s }}" {{ $school == $s ? 'selected' : '' }}>{{ $s }}</option>
                        @endforeach
                    </optgroup>
                    <optgroup label="學校">
                        @foreach($schoolList as $s)
                        <option value="{{ $s }}" {{ $school == $s ? 'selected' : '' }}>{{ $s }}</option>
                        @endforeach
                    </optgroup>
                </select>
            </div>
            <div class="d-inline-flex align-items-center gap-2">
                <label class="fw-semibold text-nowrap">帳號/姓名</label>
                <input type="text" name="keyword" class="form-control form-control-sm" value="{{ request('keyword') }}" style="min-width: 180px;">
            </div>
            <button type="submit" class="btn btn-sm btn-primary">篩選</button>
        </form>

        <div class="table-responsive">
            <table class="table table-bordered table-hover align-middle datatable">
                <thead class="table-light">
                    <tr>
                        <th>帳號</th>
                        <th>姓名</th>
                        <th>學校</th>
                        <th>身份</th>
                        <th>狀態</th>
                        <th>上次登入</th>
                        <th>到期日</th>
                        <th data-dt-order="disable">操作</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($users as $user)
                    <tr>
                        <td>{{ $user->user_uid }}</td>
                        <td>{{ $user->user_name }}</td>
                        <td>{{ $user->user_school }}</td>
                        <td>{{ config('ilccard.role.' . $user->user_role, $user->user_role) }}</td>
                        <td class="text-center">
                            @if($user->is_active && !$user->isExpired())
                                <span class="badge bg-success">啟用</span>
                            @elseif($user->isExpired())
                                <span class="badge bg-warning text-dark">已過期</span>
                            @else
                                <span class="badge bg-danger">停用</span>
                            @endif
                        </td>
                        <td style="font-size:.82rem;">{{ $user->last_login_at?->format('Y-m-d H:i') ?? '-' }}</td>
                        <td style="font-size:.82rem;">{{ $user->expires_at?->format('Y-m-d') ?? '永久' }}</td>
                        <td>
                            <div class="btn-group btn-group-sm">
                                <a href="{{ route('admin.user.edit', $user->user_id) }}" class="btn btn-outline-primary"><i class="bi bi-pencil me-1"></i>編輯</a>
                                <a href="{{ route('admin.user.deleteConfirm', $user->user_id) }}" class="btn btn-danger text-white"><i class="bi bi-trash me-1"></i>刪除</a>
                            </div>
                        </td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>
</div>
@endsection