@extends('admin.layout')

@section('title', 'Dashboard')

@section('content')
@php
    $cards = [
        'posts' => ['label' => 'Posts', 'icon' => 'fa-newspaper', 'route' => 'admin.posts.index'],
        'events' => ['label' => 'Events', 'icon' => 'fa-calendar', 'route' => 'admin.events.index'],
        'programs' => ['label' => 'Programs', 'icon' => 'fa-hand-holding-heart', 'route' => 'admin.programs.index'],
        'donations' => ['label' => 'New Donations', 'icon' => 'fa-heart', 'route' => 'admin.donations'],
        'feedback' => ['label' => 'New Feedback', 'icon' => 'fa-comments', 'route' => 'admin.feedback'],
        'beneficiaries' => ['label' => 'Pending Requests', 'icon' => 'fa-people-group', 'route' => 'admin.beneficiaries'],
    ];

    $actions = [
        ['label' => 'Create Post', 'icon' => 'fa-plus', 'route' => 'admin.posts.create'],
        ['label' => 'Create Event', 'icon' => 'fa-calendar-plus', 'route' => 'admin.events.create'],
        ['label' => 'Create Program', 'icon' => 'fa-hand-holding-medical', 'route' => 'admin.programs.create'],
        ['label' => 'Website Settings', 'icon' => 'fa-gear', 'route' => 'admin.settings'],
    ];
@endphp

<div class="row g-3 mb-4">
    @foreach($cards as $key => $card)
        <div class="col-md-6 col-xl-4">
            <a class="admin-stat card kw-card" href="{{ route($card['route']) }}">
                <div class="admin-stat-icon">
                    <i class="fa-solid {{ $card['icon'] }}"></i>
                </div>
                <div>
                    <div class="admin-stat-label">{{ $card['label'] }}</div>
                    <div class="admin-stat-value">{{ number_format($stats[$key] ?? 0) }}</div>
                </div>
            </a>
        </div>
    @endforeach
</div>

<div class="row g-3">
    <div class="col-lg-8">
        <div class="card kw-card p-4">
            <div class="d-flex align-items-center justify-content-between gap-3 mb-3">
                <div>
                    <h2 class="h5 fw-bold mb-1">Quick Actions</h2>
                    <p class="text-secondary mb-0">Common content tasks for the Karwan team.</p>
                </div>
            </div>

            <div class="admin-action-grid">
                @foreach($actions as $action)
                    <a class="admin-action" href="{{ route($action['route']) }}">
                        <i class="fa-solid {{ $action['icon'] }}"></i>
                        <span>{{ $action['label'] }}</span>
                    </a>
                @endforeach
            </div>
        </div>
    </div>

    <div class="col-lg-4">
        <div class="card kw-card p-4">
            <h2 class="h5 fw-bold mb-3">Inbox Focus</h2>
            <div class="admin-focus-list">
                <a href="{{ route('admin.donations') }}">
                    <span>New donations</span>
                    <strong>{{ number_format($stats['donations'] ?? 0) }}</strong>
                </a>
                <a href="{{ route('admin.feedback') }}">
                    <span>New feedback</span>
                    <strong>{{ number_format($stats['feedback'] ?? 0) }}</strong>
                </a>
                <a href="{{ route('admin.beneficiaries') }}">
                    <span>Pending help requests</span>
                    <strong>{{ number_format($stats['beneficiaries'] ?? 0) }}</strong>
                </a>
            </div>
        </div>
    </div>
</div>
@endsection