@extends('admin.layout', [
    'title' => 'Manajemen User',
    'heading' => 'Manajemen User',
    'subheading' => 'Kelola akun login sistem, status aktif/nonaktif, dan reset password awal per role.',
])

@section('admin-content')
    <div class="row">
        <div class="col-md-4">
            <div class="info-box">
                <span class="info-box-icon bg-primary"><i class="fas fa-users"></i></span>
                <div class="info-box-content">
                    <span class="info-box-text">Total User</span>
                    <span class="info-box-number">{{ $stats['total'] }}</span>
                </div>
            </div>
        </div>
        <div class="col-md-4">
            <div class="info-box">
                <span class="info-box-icon bg-success"><i class="fas fa-user-check"></i></span>
                <div class="info-box-content">
                    <span class="info-box-text">User Aktif</span>
                    <span class="info-box-number">{{ $stats['aktif'] }}</span>
                </div>
            </div>
        </div>
        <div class="col-md-4">
            <div class="info-box">
                <span class="info-box-icon bg-secondary"><i class="fas fa-user-slash"></i></span>
                <div class="info-box-content">
                    <span class="info-box-text">User Nonaktif</span>
                    <span class="info-box-number">{{ $stats['nonaktif'] }}</span>
                </div>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-12">
            <div class="card card-info card-outline content-card-note">
                <div class="card-body">
                    <strong>Aturan cepat:</strong>
                    Reset password akan mengatur password baru sama dengan <code>username</code> akun. Tombol nonaktif dipakai untuk memblokir login tanpa menghapus data profil yang sudah terkait.
                </div>
            </div>
        </div>
    </div>

    <div class="card">
        <div class="card-header">
            <h3 class="card-title">Daftar User Sistem</h3>
        </div>
        <div class="card-body">
            <form method="GET" class="mb-3">
                <div class="row">
                    <div class="col-md-4">
                        <input type="text" name="q" class="form-control" placeholder="Cari nama, username, atau email..." value="{{ $search }}">
                    </div>
                    <div class="col-md-3">
                        <select name="role" class="form-control">
                            <option value="">Semua Role</option>
                            @foreach ($roleOptions as $item)
                                <option value="{{ $item->value }}" @selected($role === $item->value)>{{ $item->label() }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-md-3">
                        <select name="status" class="form-control">
                            <option value="">Semua Status</option>
                            <option value="aktif" @selected($status === 'aktif')>Aktif</option>
                            <option value="nonaktif" @selected($status === 'nonaktif')>Nonaktif</option>
                        </select>
                    </div>
                    <div class="col-md-2">
                        <div class="btn-group w-100">
                            <button type="submit" class="btn btn-default">Filter</button>
                            @if ($search !== '' || $role !== '' || $status !== '')
                                <a href="{{ route('admin.users.index') }}" class="btn btn-outline-secondary">Reset</a>
                            @endif
                        </div>
                    </div>
                </div>
            </form>

            <div class="table-responsive">
                <table class="table table-bordered table-hover">
                    <thead>
                        <tr>
                            <th>Nama</th>
                            <th>Username / Email</th>
                            <th>Role</th>
                            <th>Status</th>
                            <th>Profil Terkait</th>
                            <th>Last Login</th>
                            <th width="260">Aksi</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse ($users as $item)
                            @php
                                $roleLabel = $item->displayRoleLabel();
                                $profileLabel = '-';

                                if ($item->mahasiswa) {
                                    $profileLabel = 'Mahasiswa - '.$item->mahasiswa->nim;
                                } elseif ($item->dosen) {
                                    $profileLabel = 'Dosen - '.$item->dosen->nidn;
                                } elseif ($item->pegawai) {
                                    $profileLabel = $item->pegawai->divisionLabel().' - '.$item->pegawai->nip;
                                }
                            @endphp
                            <tr>
                                <td>
                                    <strong>{{ $item->name }}</strong>
                                    <div class="text-muted text-sm">ID User: {{ $item->id }}</div>
                                </td>
                                <td>
                                    <strong>{{ $item->username }}</strong>
                                    <div class="text-muted text-sm">{{ $item->email ?? '-' }}</div>
                                </td>
                                <td>{{ $roleLabel }}</td>
                                <td>
                                    <span class="badge badge-{{ $item->status === 'aktif' ? 'success' : 'secondary' }}">
                                        {{ ucfirst($item->status) }}
                                    </span>
                                </td>
                                <td>{{ $profileLabel }}</td>
                                <td>{{ $item->last_login?->format('d M Y H:i') ?? 'Belum pernah login' }}</td>
                                <td>
                                    <div class="d-flex flex-wrap" style="gap: .5rem;">
                                        <form method="POST" action="{{ route('admin.users.toggle-status', $item) }}" onsubmit="return confirm('Ubah status akun ini?');">
                                            @csrf
                                            <button type="submit" class="btn btn-sm btn-{{ $item->status === 'aktif' ? 'warning' : 'success' }}" {{ auth()->id() === $item->id ? 'disabled' : '' }}>
                                                <i class="fas fa-power-off mr-1"></i>
                                                {{ $item->status === 'aktif' ? 'Nonaktifkan' : 'Aktifkan' }}
                                            </button>
                                        </form>
                                        <form method="POST" action="{{ route('admin.users.reset-password', $item) }}" onsubmit="return confirm('Reset password akun ini ke username?');">
                                            @csrf
                                            <button type="submit" class="btn btn-sm btn-outline-primary">
                                                <i class="fas fa-key mr-1"></i>
                                                Reset Password
                                            </button>
                                        </form>
                                    </div>
                                </td>
                            </tr>
                        @empty
                            <tr>
                                <td colspan="7" class="text-center text-muted">Belum ada user sistem.</td>
                            </tr>
                        @endforelse
                    </tbody>
                </table>
            </div>

            @include('partials.pagination-simple', ['paginator' => $users])
        </div>
    </div>
@endsection