@extends('layouts.app', ['title' => 'Pengaturan User'])

@section('content')
    <div class="action-row admin-export-excel-toolbar" style="justify-content: flex-end; margin-bottom: 14px;">
        @include('admin.partials.export-excel-button', ['section' => 'users', 'label' => 'Export Excel User'])
    </div>

    <div class="showcase-grid">
        <div class="premium-banner">
            <div class="premium-eyebrow">User Governance</div>
            <h2>Kelola Akun, Kendalikan Masa Aktif, dan Jaga Akses Tetap Profesional</h2>
            <p>Halaman ini menjadi pusat tata kelola pengguna. Admin dapat menjaga agar hanya akun yang valid dan masih aktif yang dapat mengakses aplikasi, sekaligus memastikan struktur peran tetap tertib antara administrator dan user biasa.</p>

            <div class="premium-metrics">
                <div class="premium-metric">
                    <strong>{{ $stats['total'] }}</strong>
                    <span>Total akun yang terdaftar.</span>
                </div>
                <div class="premium-metric">
                    <strong>{{ $stats['active'] }}</strong>
                    <span>Akun yang masih aktif digunakan.</span>
                </div>
                <div class="premium-metric">
                    <strong>{{ $stats['expiringSoon'] }}</strong>
                    <span>Akun yang masa aktifnya segera berakhir.</span>
                </div>
            </div>
        </div>

        <div class="luxury-panel">
            <h3 class="section-title" style="font-size: 1.45rem;">Arah Pengaturan</h3>
            <p class="helper">Gunakan panel ini untuk memperlakukan user management sebagai bagian dari tata kelola aplikasi, bukan sekadar daftar akun.</p>

            <div class="icon-list">
                <div class="icon-item">
                    <div class="icon-badge">U</div>
                    <div><strong>Tambah User Baru</strong><br><span class="meta">Buat akun baru untuk dosen, operator, atau administrator.</span></div>
                </div>
                <div class="icon-item">
                    <div class="icon-badge">R</div>
                    <div><strong>Atur Role dan Akses</strong><br><span class="meta">Pisahkan hak admin dan user dengan struktur yang jelas.</span></div>
                </div>
                <div class="icon-item">
                    <div class="icon-badge">T</div>
                    <div><strong>Kendalikan Masa Aktif</strong><br><span class="meta">Blokir akun nonaktif atau yang masa aksesnya sudah habis.</span></div>
                </div>
            </div>
        </div>
    </div>

    <div class="panel" style="margin-top: 20px;">
        <div class="stats-grid" style="margin-bottom: 18px; grid-template-columns: repeat(4, minmax(0, 1fr));">
            <div class="stat-card"><span class="meta">Total User</span><strong>{{ $stats['total'] }}</strong></div>
            <div class="stat-card"><span class="meta">Akun Aktif</span><strong>{{ $stats['active'] }}</strong></div>
            <div class="stat-card"><span class="meta">Admin</span><strong>{{ $stats['admins'] }}</strong></div>
            <div class="stat-card"><span class="meta">Akan Berakhir</span><strong>{{ $stats['expiringSoon'] }}</strong></div>
        </div>

        <h3 class="section-title">Tambah User Baru</h3>
        <form method="POST" action="{{ route('admin.users.store') }}">
            @csrf
            <div class="grid">
                <div class="field col-6">
                    <label for="name">Nama</label>
                    <input id="name" name="name" value="{{ old('name') }}" required>
                </div>
                <div class="field col-6">
                    <label for="email">Email</label>
                    <input id="email" name="email" type="email" value="{{ old('email') }}" required>
                </div>
                <div class="field col-4">
                    <label for="password">Password</label>
                    <input id="password" name="password" type="password" required>
                </div>
                <div class="field col-4">
                    <label for="role">Role</label>
                    <select id="role" name="role" required>
                        <option value="user" @selected(old('role') === 'user')>User</option>
                        <option value="admin" @selected(old('role') === 'admin')>Admin</option>
                    </select>
                </div>
                <div class="field col-4">
                    <label for="faculty_member_id">Dosen Terkait (SDM)</label>
                    <select id="faculty_member_id" name="faculty_member_id">
                        <option value="">Tidak dihubungkan</option>
                        @foreach ($facultyMembers as $facultyMember)
                            <option value="{{ $facultyMember->id }}" @selected((string) old('faculty_member_id') === (string) $facultyMember->id)>
                                {{ $facultyMember->name }}{{ $facultyMember->nidn ? ' - NIDN '.$facultyMember->nidn : '' }}
                            </option>
                        @endforeach
                    </select>
                    <p class="helper">User biasa akan mengikuti mata kuliah yang diplot untuk dosen ini pada periode aktif.</p>
                </div>
                <div class="field col-4">
                    <label for="active_until">Masa Aktif Sampai</label>
                    <input id="active_until" name="active_until" type="date" value="{{ old('active_until') }}">
                </div>
                <div class="field">
                    <label class="filter-toggle">
                        <input type="checkbox" name="is_active" value="1" checked>
                        <span>Akun aktif</span>
                    </label>
                </div>
            </div>
            <div class="actions" style="margin-top: 18px;">
                <button class="btn" type="submit">Simpan User</button>
            </div>
        </form>
    </div>

    <div class="panel">
        <h3 class="section-title">Daftar User</h3>
        <p class="helper">Daftar ini menampilkan status akun, masa aktif, dan form pengaturan cepat untuk setiap user secara langsung.</p>
        <div class="table-wrap">
            <table>
                <thead>
                    <tr>
                        <th>Nama</th>
                        <th>Email</th>
                        <th>Role</th>
                        <th>Dosen Terkait</th>
                        <th>Status</th>
                        <th>Masa Aktif</th>
                        <th>Pengaturan</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse ($users as $user)
                        <tr>
                            <td>{{ $user->name }}</td>
                            <td>{{ $user->email }}</td>
                            <td>{{ strtoupper($user->role) }}</td>
                            <td>{{ $user->facultyMember?->name ?: 'Belum terhubung' }}</td>
                            <td>
                                @if ($user->is_active)
                                    <span class="badge new">Aktif</span>
                                @else
                                    <span class="badge changed">Nonaktif</span>
                                @endif
                            </td>
                            <td>{{ $user->active_until?->format('d-m-Y') ?: 'Tanpa batas' }}</td>
                            <td>
                                <form method="POST" action="{{ route('admin.users.update', $user) }}">
                                    @csrf
                                    @method('PUT')
                                    <div class="grid">
                                        <div class="field col-6">
                                            <input name="name" value="{{ $user->name }}" required>
                                        </div>
                                        <div class="field col-6">
                                            <input name="email" type="email" value="{{ $user->email }}" required>
                                        </div>
                                        <div class="field col-4">
                                            <select name="role" required>
                                                <option value="user" @selected($user->role === 'user')>User</option>
                                                <option value="admin" @selected($user->role === 'admin')>Admin</option>
                                            </select>
                                        </div>
                                        <div class="field col-4">
                                            <select name="faculty_member_id">
                                                <option value="">Tidak dihubungkan</option>
                                                @foreach ($facultyMembers as $facultyMember)
                                                    <option value="{{ $facultyMember->id }}" @selected((int) $user->faculty_member_id === (int) $facultyMember->id)>
                                                        {{ $facultyMember->name }}{{ $facultyMember->nidn ? ' - NIDN '.$facultyMember->nidn : '' }}
                                                    </option>
                                                @endforeach
                                            </select>
                                        </div>
                                        <div class="field col-4">
                                            <input name="active_until" type="date" value="{{ $user->active_until?->format('Y-m-d') }}">
                                        </div>
                                        <div class="field col-4">
                                            <input name="password" type="password" placeholder="Kosongkan jika tidak diubah">
                                        </div>
                                        <div class="field">
                                            <label class="filter-toggle">
                                                <input type="checkbox" name="is_active" value="1" @checked($user->is_active)>
                                                <span>Akun aktif</span>
                                            </label>
                                        </div>
                                    </div>
                                    <div class="actions" style="margin-top: 12px;">
                                        <button class="btn secondary" type="submit">Update User</button>
                                    </div>
                                </form>
                            </td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="7">Belum ada user.</td>
                        </tr>
                    @endforelse
                </tbody>
            </table>
        </div>

        <div style="margin-top: 16px;">
            {{ $users->links() }}
        </div>
    </div>
@endsection