@extends('layouts.portal')

@section('title', __('admin_dashboard.title') . ' — ' . config('app.name'))
@section('page_title', __('admin_dashboard.title'))
@section('page_subtitle', __('admin_dashboard.subtitle'))

@section('page_actions')
    <a href="{{ route('portal.admin.consultants.create') }}" class="btn-brand !px-5 !py-2.5 text-sm">{{ __('admin_consultants.new') }}</a>
@endsection

@section('content')
    <div class="grid gap-4 sm:grid-cols-2 lg:grid-cols-4">
        <div class="card-sc">
            <p class="text-xs font-bold uppercase tracking-wide text-ink-400">{{ __('admin_dashboard.consultants_total') }}</p>
            <p class="numeric mt-2 text-3xl font-bold text-ink-900">{{ number_format($stats['consultants_total']) }}</p>
            <p class="mt-1 text-xs text-ink-500">{{ __('admin_dashboard.consultants_active') }}: {{ number_format($stats['consultants_active']) }}</p>
        </div>
        <div class="card-sc">
            <p class="text-xs font-bold uppercase tracking-wide text-ink-400">{{ __('admin_dashboard.patients_total') }}</p>
            <p class="numeric mt-2 text-3xl font-bold text-ink-900">{{ number_format($stats['patients_total']) }}</p>
        </div>
        <div class="card-sc">
            <p class="text-xs font-bold uppercase tracking-wide text-ink-400">{{ __('admin_dashboard.visits_total') }}</p>
            <p class="numeric mt-2 text-3xl font-bold text-ink-900">{{ number_format($stats['visits_total']) }}</p>
        </div>
        <div class="card-sc">
            <p class="text-xs font-bold uppercase tracking-wide text-ink-400">{{ __('admin_dashboard.menus_this_month') }}</p>
            <p class="numeric mt-2 text-3xl font-bold text-ink-900">{{ number_format($stats['menus_this_month']) }}</p>
        </div>
    </div>

    <div class="mt-5 flex flex-wrap gap-2">
        <a href="{{ route('portal.admin.consultants.index') }}" class="btn-soft no-underline">{{ __('admin_dashboard.manage_consultants') }}</a>
        <a href="{{ route('portal.reviewers.index') }}" class="btn-soft no-underline">{{ __('admin_dashboard.view_reviewers') }}</a>
        <a href="{{ route('portal.onsite-consultations.index') }}" class="btn-soft no-underline">{{ __('admin_dashboard.view_visits') }}</a>
        <a href="{{ route('portal.menus.index') }}" class="btn-soft no-underline">{{ __('admin_dashboard.view_menus') }}</a>
        <a href="{{ route('portal.admin.attachments.index') }}" class="btn-soft no-underline">
            {{ __('attachments.admin_title') }}
            @if ($pendingAttachments > 0)
                <span class="badge-sc ms-1 bg-amber-100 text-amber-800">{{ $pendingAttachments }}</span>
            @endif
        </a>
    </div>

    <div class="mt-6 grid gap-5 lg:grid-cols-2">
        <div class="rounded-3xl border border-ink-100 bg-white p-5 shadow-card">
            <div class="mb-3 flex items-center justify-between">
                <h2 class="text-lg">{{ __('admin_dashboard.consultants_heading') }}</h2>
                <a href="{{ route('portal.admin.consultants.index') }}" class="text-sm font-semibold text-brand-600 no-underline">{{ __('common.edit') }}</a>
            </div>
            <ul class="divide-y divide-ink-100">
                @forelse ($consultants as $consultant)
                    <li class="flex items-center justify-between py-3">
                        <div>
                            <p class="font-semibold text-ink-800">{{ $consultant->name }}</p>
                            <p class="text-xs text-ink-400">{{ __('admin_consultants.roles.' . $consultant->role) }}</p>
                        </div>
                        <div class="text-end text-xs text-ink-500">
                            <span class="numeric font-semibold text-ink-700">{{ $consultant->patients_count }}</span> {{ __('admin_consultants.patients') }}
                            ·
                            <span class="numeric font-semibold text-ink-700">{{ $consultant->onsite_consultations_count }}</span> {{ __('admin_consultants.visits') }}
                        </div>
                    </li>
                @empty
                    <li class="py-6 text-center text-ink-400">{{ __('admin_consultants.empty') }}</li>
                @endforelse
            </ul>
        </div>

        <div class="rounded-3xl border border-ink-100 bg-white p-5 shadow-card">
            <h2 class="mb-3 text-lg">{{ __('admin_dashboard.recent_activity') }}</h2>
            <ul class="divide-y divide-ink-100">
                @forelse ($recentActivity as $entry)
                    <li class="py-3 text-sm">
                        <p class="text-ink-700">
                            <span class="font-semibold">{{ $entry->user?->name ?? '—' }}</span>
                            — {{ $entry->action }}
                        </p>
                        <p class="text-xs text-ink-400">{{ $entry->created_at?->diffForHumans() }}</p>
                    </li>
                @empty
                    <li class="py-6 text-center text-ink-400">{{ __('admin_dashboard.no_activity') }}</li>
                @endforelse
            </ul>
        </div>

        <div class="rounded-3xl border border-ink-100 bg-white p-5 shadow-card">
            <h2 class="mb-3 text-lg">{{ __('admin_dashboard.recent_visits') }}</h2>
            <ul class="divide-y divide-ink-100">
                @forelse ($recentVisits as $visit)
                    <li class="flex items-center justify-between py-3 text-sm">
                        <div>
                            <p class="font-semibold text-ink-800">{{ $visit->patient_name ?? '—' }}</p>
                            <p class="text-xs text-ink-400">{{ $visit->consultant?->name }}</p>
                        </div>
                        <a href="{{ route('portal.onsite-consultations.show', $visit) }}" class="text-xs font-semibold text-brand-600 no-underline">{{ __('patients.view') }}</a>
                    </li>
                @empty
                    <li class="py-6 text-center text-ink-400">{{ __('admin_dashboard.no_visits') }}</li>
                @endforelse
            </ul>
        </div>

        <div class="rounded-3xl border border-ink-100 bg-white p-5 shadow-card">
            <h2 class="mb-3 text-lg">{{ __('admin_dashboard.recent_menus') }}</h2>
            <ul class="divide-y divide-ink-100">
                @forelse ($recentMenus as $menu)
                    <li class="flex items-center justify-between py-3 text-sm">
                        <div>
                            <p class="font-semibold text-ink-800">{{ $menu->patient?->full_name ?? '—' }}</p>
                            <p class="text-xs text-ink-400">{{ $menu->dietType?->name }}</p>
                        </div>
                        <a href="{{ route('portal.menus.show', $menu) }}" class="text-xs font-semibold text-brand-600 no-underline">{{ __('patients.view') }}</a>
                    </li>
                @empty
                    <li class="py-6 text-center text-ink-400">{{ __('admin_dashboard.no_menus') }}</li>
                @endforelse
            </ul>
        </div>
    </div>
@endsection