@extends('layouts.app')

@section('title', 'Pengurusan Admin')

@section('content')
    <div class="page-heading">
        <div class="eyebrow">Admin</div>
        <div class="d-flex justify-content-between flex-column flex-lg-row gap-3">
            <div>
                <h1 class="h3 mb-1">Pengurusan Admin</h1>
                <p class="text-secondary mb-0">Senarai global, manual entry, direct assignment, wakil agensi, dan catatan perubahan selepas pendaftaran tutup.</p>
            </div>
        </div>
    </div>

    @include('admin.management._nav')

    <div class="row g-3">
        @foreach ([
            ['label' => 'Permohonan', 'value' => $counts['applications'], 'icon' => 'bi-file-earmark-person', 'tone' => 'primary'],
            ['label' => 'Assigned', 'value' => $counts['assigned'], 'icon' => 'bi-person-check', 'tone' => 'success'],
            ['label' => 'Tugasan aktif', 'value' => $counts['staffAssignments'], 'icon' => 'bi-person-lines-fill', 'tone' => 'info'],
            ['label' => 'Wakil agensi', 'value' => $counts['representatives'], 'icon' => 'bi-building-check', 'tone' => 'secondary'],
            ['label' => 'Dokumen tidak lengkap', 'value' => $counts['missingDocuments'], 'icon' => 'bi-file-earmark-x', 'tone' => 'danger'],
            ['label' => 'Bank tidak lengkap', 'value' => $counts['incompleteBank'], 'icon' => 'bi-bank', 'tone' => 'warning'],
            ['label' => 'Kerusi roda', 'value' => $counts['wheelchairAllocated'], 'icon' => 'bi-universal-access', 'tone' => 'primary'],
            ['label' => 'Belum dipulang', 'value' => $counts['wheelchairOutstanding'], 'icon' => 'bi-arrow-return-left', 'tone' => 'warning'],
        ] as $card)
            <div class="col-12 col-sm-6 col-xl-3">
                <div class="stat-card h-100">
                    <div class="d-flex justify-content-between gap-3">
                        <div>
                            <div class="text-secondary small">{{ $card['label'] }}</div>
                            <div class="fs-3 fw-bold mt-2">{{ $card['value'] }}</div>
                        </div>
                        <span class="stat-icon text-bg-{{ $card['tone'] }}"><i class="bi {{ $card['icon'] }}"></i></span>
                    </div>
                </div>
            </div>
        @endforeach
    </div>

    <div class="content-panel mt-4 p-3 p-md-4">
        <h2 class="h5 mb-3">Tindakan</h2>
        <div class="row g-2">
            <div class="col-12 col-md-6 col-xl-3"><a class="btn btn-outline-primary w-100 text-start" href="{{ route('admin.management.applications.create') }}"><i class="bi bi-plus-circle me-2"></i>Manual Entry</a></div>
            <div class="col-12 col-md-6 col-xl-3"><a class="btn btn-outline-primary w-100 text-start" href="{{ route('admin.management.applications.index') }}"><i class="bi bi-search me-2"></i>Senarai Permohonan</a></div>
            <div class="col-12 col-md-6 col-xl-3"><a class="btn btn-outline-primary w-100 text-start" href="{{ route('admin.management.assignments.index') }}"><i class="bi bi-person-lines-fill me-2"></i>Senarai Tugasan</a></div>
            <div class="col-12 col-md-6 col-xl-3"><a class="btn btn-outline-primary w-100 text-start" href="{{ route('admin.management.representatives.index') }}"><i class="bi bi-building-check me-2"></i>Wakil Agensi</a></div>
            <div class="col-12 col-md-6 col-xl-3"><a class="btn btn-outline-primary w-100 text-start" href="{{ route('admin.management.wheelchairs.index') }}"><i class="bi bi-universal-access me-2"></i>Kerusi Roda</a></div>
        </div>
    </div>
@endsection