@extends('admin.layouts.app')

@section('title', 'داشبورد')

@section('content')
    <div class="mb-6">
        <h1 class="text-xl font-bold text-ink-950">داشبورد مدیریت</h1>
        <p class="text-sm text-slate-500 mt-1">خلاصه‌ای از وضعیت فعلی پلتفرم</p>
    </div>

    <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-3 mb-8">
        <div class="card-pad">
            <div class="eyebrow">کل مربیان</div>
            <div class="stat-number mt-1">{{ $stats['coaches_total'] }}</div>
        </div>
        <div class="card-pad">
            <div class="eyebrow">مربیان تأیید شده</div>
            <div class="stat-number mt-1 text-emerald-600">{{ $stats['coaches_approved'] }}</div>
        </div>
        <div class="card-pad">
            <div class="eyebrow">در انتظار تأیید</div>
            <div class="stat-number mt-1 text-ember-600">{{ $stats['coaches_pending'] }}</div>
            @if($stats['coaches_pending'] > 0)
                <a href="{{ route('admin.coaches.index', ['status' => 'pending']) }}" class="text-xs text-steel-500 hover:text-steel-600 inline-flex items-center gap-0.5 mt-1.5">
                    مشاهده <x-icon name="arrow-right" class="w-3 h-3" />
                </a>
            @endif
        </div>
        <div class="card-pad">
            <div class="eyebrow">کل ورزشکاران</div>
            <div class="stat-number mt-1">{{ $stats['athletes_total'] }}</div>
        </div>
        <div class="card-pad">
            <div class="eyebrow">پرداخت در انتظار</div>
            <div class="stat-number mt-1 text-ember-600">{{ $stats['pending_payments'] }}</div>
            @if($stats['pending_payments'] > 0)
                <a href="{{ route('admin.payments.index', ['status' => 'pending_review']) }}" class="text-xs text-steel-500 hover:text-steel-600 inline-flex items-center gap-0.5 mt-1.5">
                    مشاهده <x-icon name="arrow-right" class="w-3 h-3" />
                </a>
            @endif
        </div>
        <div class="card-pad">
            <div class="eyebrow">نظرات در انتظار</div>
            <div class="stat-number mt-1 text-ember-600">{{ $stats['pending_reviews'] }}</div>
            @if($stats['pending_reviews'] > 0)
                <a href="{{ route('admin.reviews.index', ['status' => 'pending_admin']) }}" class="text-xs text-steel-500 hover:text-steel-600 inline-flex items-center gap-0.5 mt-1.5">
                    مشاهده <x-icon name="arrow-right" class="w-3 h-3" />
                </a>
            @endif
        </div>
    </div>

    <div class="grid grid-cols-1 md:grid-cols-2 gap-5">
        <div class="card-pad">
            <div class="flex items-center justify-between mb-4">
                <h2 class="font-semibold text-sm flex items-center gap-2">
                    <x-icon name="star" class="w-4 h-4 text-ember-500" /> اهداف ورزشی فعال
                </h2>
                <a href="{{ route('admin.goals.index') }}" class="text-xs text-steel-500 hover:text-steel-600">مدیریت →</a>
            </div>
            <div class="stat-number">{{ $stats['active_goals'] }}</div>
        </div>

        <div class="card-pad">
            <div class="flex items-center justify-between mb-4">
                <h2 class="font-semibold text-sm flex items-center gap-2">
                    <x-icon name="log" class="w-4 h-4 text-ember-500" /> آخرین فعالیت‌ها
                </h2>
                <a href="{{ route('admin.audit-logs.index') }}" class="text-xs text-steel-500 hover:text-steel-600">مشاهده همه →</a>
            </div>
            <ul class="text-sm divide-y divide-slate-50">
                @forelse($stats['recent_logs'] as $log)
                    <li class="py-2.5 flex items-center justify-between">
                        <span class="text-ink-800">{{ $log->action }} @if($log->user) <span class="text-slate-400">— {{ $log->user->fullName() }}</span> @endif</span>
                        <span class="text-slate-400 text-xs shrink-0" dir="ltr">{{ verta($log->created_at)->format('Y/m/d H:i') }}</span>
                    </li>
                @empty
                    <li class="py-2.5 text-slate-400">فعالیتی ثبت نشده است.</li>
                @endforelse
            </ul>
        </div>
    </div>
@endsection