@extends('layouts.app')
@section('title', 'Admin — Role Pool')

@section('content')
<div class="page-title">
    <i class="bi bi-shield-lock-fill" style="color:var(--accent)"></i>
    Role Pool Config
    <a href="{{ route('admin.mods.index') }}" class="btn btn-secondary" style="margin-left:auto;font-size:0.8rem;">
        <i class="bi bi-people-fill"></i> Kelola Moderator
    </a>
</div>

{{-- Flash --}}
@if(session('success'))
    <div class="alert alert-success"><i class="bi bi-check-circle-fill"></i> {{ session('success') }}</div>
@endif
@if($errors->any())
    <div class="alert alert-danger">
        <i class="bi bi-exclamation-triangle-fill"></i>
        <ul style="margin:0;padding-left:16px">
            @foreach($errors->all() as $e)<li>{{ $e }}</li>@endforeach
        </ul>
    </div>
@endif

<div style="display:grid;grid-template-columns:1fr 360px;gap:24px;align-items:start">

    {{-- Tabel Role Pool --}}
    <div class="card">
        <div class="card-title"><i class="bi bi-list-check"></i> Daftar Role Pool</div>

        @if($roles->isEmpty())
            <p class="text-muted" style="font-size:.875rem">
                Belum ada role terdaftar. Tambahkan lewat form di samping.
            </p>
        @else
            <table class="table">
                <thead>
                    <tr>
                        <th>Role ID</th>
                        <th>Nama Role</th>
                        <th>Job</th>
                        <th>Prioritas</th>
                        <th></th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($roles as $role)
                    <tr>
                        <td>
                            <code style="font-size:.8rem;background:var(--bg-primary);padding:2px 6px;border-radius:4px">
                                {{ $role->role_id }}
                            </code>
                        </td>
                        <td><strong>{{ $role->role_name }}</strong></td>
                        <td>
                            @php
                                $jobColors = [
                                    'doj'        => 'badge-approved',
                                    'leo'         => 'badge-ongoing',
                                    'government'  => 'badge-warning',
                                    'civilian'    => 'badge-closed',
                                ];
                            @endphp
                            <span class="badge {{ $jobColors[$role->job] ?? 'badge-closed' }}">
                                {{ strtoupper($role->job) }}
                            </span>
                        </td>
                        <td>{{ $role->priority }}</td>
                        <td>
                            <form method="POST" action="{{ route('admin.roles.destroy', $role->id) }}"
                                onsubmit="return confirm('Hapus role {{ $role->role_name }}?')">
                                @csrf
                                @method('DELETE')
                                <button type="submit" class="btn btn-secondary"
                                    style="padding:4px 10px;font-size:.8rem;border-color:var(--danger);color:var(--danger)">
                                    <i class="bi bi-trash"></i>
                                </button>
                            </form>
                        </td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
        @endif

        <p class="form-hint" style="margin-top:12px">
            <i class="bi bi-info-circle"></i>
            Jika user punya beberapa role terdaftar, job dengan <strong>prioritas tertinggi</strong> yang dipakai.
        </p>
    </div>

    {{-- Form Tambah --}}
    <div class="card">
        <div class="card-title"><i class="bi bi-plus-circle"></i> Tambah Role</div>
        <form method="POST" action="{{ route('admin.roles.store') }}">
            @csrf
            <div class="form-group">
                <label class="form-label">Discord Role ID</label>
                <input type="text" name="role_id" class="form-control" value="{{ old('role_id') }}"
                    placeholder="1463749832417218829" required>
                <div class="form-hint">Salin dari Discord Server Settings → Roles.</div>
            </div>
            <div class="form-group">
                <label class="form-label">Nama Role</label>
                <input type="text" name="role_name" class="form-control" value="{{ old('role_name') }}"
                    placeholder="DOJ" required>
            </div>
            <div class="form-group">
                <label class="form-label">Job</label>
                <select name="job" class="form-select" required>
                    <option value="">-- Pilih Job --</option>
                    @foreach(['civilian','leo','doj','government'] as $j)
                        <option value="{{ $j }}" {{ old('job')==$j ? 'selected' : '' }}>
                            {{ strtoupper($j) }}
                        </option>
                    @endforeach
                </select>
            </div>
            <div class="form-group">
                <label class="form-label">Prioritas</label>
                <input type="number" name="priority" class="form-control" value="{{ old('priority', 0) }}"
                    min="0" max="999" required>
                <div class="form-hint">Makin besar = lebih diprioritaskan (contoh: doj=10, leo=5).</div>
            </div>
            <button type="submit" class="btn btn-primary" style="width:100%">
                <i class="bi bi-plus-circle"></i> Tambah Role
            </button>
        </form>
    </div>

</div>
@endsection