@extends('layouts.portal')

@section('title', __('nav.dashboard') . ' — ' . config('app.name'))
@section('page_title', __('dashboard.welcome', ['name' => auth()->user()->name]))
@section('page_subtitle', __('dashboard.subtitle', ['clinic' => $clinic?->name ?? '—']))

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

@section('content')

    @if ($subscription?->onTrial())
        <div class="mb-5 flex flex-wrap items-center justify-between gap-3 rounded-2xl border border-amber-200 bg-amber-50 px-5 py-4">
            <span class="font-semibold text-amber-900">
                {{ __('billing.trial_ends', ['days' => $subscription->daysRemaining()]) }}
            </span>
            <a href="{{ route('portal.plans.index') }}" class="btn-soft no-underline">{{ __('billing.choose_plan') }}</a>
        </div>
    @endif

    {{-- Stat cards --}}
    <div class="grid gap-4 sm:grid-cols-2 xl:grid-cols-4">
        @foreach ([
            ['patients_total', $stats['patients_total'], 'text-brand-600'],
            ['patients_active', $stats['patients_active'], 'text-emerald-600'],
            ['menus_this_month', $stats['menus_this_month'], 'text-sky-600'],
            ['consultants', $stats['consultants'], 'text-amber-600'],
        ] as [$key, $value, $tone])
            <div class="stat-card">
                <p class="text-sm font-semibold text-ink-500">{{ __('dashboard.' . $key) }}</p>
                <p class="numeric mt-2 text-3xl font-extrabold {{ $tone }}">{{ number_format($value) }}</p>
            </div>
        @endforeach
    </div>

    @if ($isConsultant)
        {{-- Appointment stat cards --}}
        <div class="mt-5 grid gap-4 sm:grid-cols-2 xl:grid-cols-4">
            @foreach ([
                ['today', $appointmentStats['today'], 'text-brand-600'],
                ['upcoming', $appointmentStats['upcoming'], 'text-sky-600'],
                ['pending', $appointmentStats['pending'], 'text-amber-600'],
                ['open_slots', $appointmentStats['open_slots'], 'text-emerald-600'],
            ] as [$key, $value, $tone])
                <div class="stat-card">
                    <p class="text-sm font-semibold text-ink-500">{{ __('appointments.' . $key) }}</p>
                    <p class="numeric mt-2 text-3xl font-extrabold {{ $tone }}">{{ number_format($value) }}</p>
                </div>
            @endforeach
        </div>
    @endif

    {{-- Quota bars --}}
    <div class="card-sc mt-5">
        <h2 class="text-lg">{{ __('dashboard.plan_usage') }}</h2>
        <div class="mt-4 grid gap-5 md:grid-cols-3">
            @foreach ($quota as $key => $q)
                @php
                    $limit = $q['limit'];
                    $pct = $limit ? min(100, (int) round($q['used'] / max($limit, 1) * 100)) : 100;
                    $bar = $pct >= 90 ? 'bg-red-500' : ($pct >= 70 ? 'bg-amber-500' : 'bg-brand-500');
                @endphp
                <div>
                    <div class="flex items-baseline justify-between">
                        <span class="text-sm font-semibold text-ink-600">{{ __('billing.quota_' . $key . '_label') }}</span>
                        <span class="numeric text-sm font-bold text-ink-800">
                            {{ number_format($q['used']) }} / {{ $limit ? number_format($limit) : __('common.unlimited') }}
                        </span>
                    </div>
                    <div class="mt-2 h-2.5 overflow-hidden rounded-full bg-ink-100">
                        <div class="h-full rounded-full {{ $limit ? $bar : 'bg-brand-300' }}" style="width: {{ $limit ? $pct : 100 }}%"></div>
                    </div>
                </div>
            @endforeach
        </div>
    </div>

    @if ($isConsultant)
        {{-- Upcoming appointments --}}
        <div class="card-sc mt-5">
            <div class="mb-4 flex items-center justify-between">
                <h2 class="text-lg">{{ __('appointments.upcoming') }}</h2>
                <a href="{{ route('portal.appointments.index') }}" class="text-sm font-semibold text-brand-600 no-underline">{{ __('dashboard.view_all') }}</a>
            </div>

            @forelse ($upcomingAppointments as $appointment)
                <a href="{{ route('portal.appointments.show', $appointment) }}"
                   class="flex items-center justify-between gap-3 rounded-2xl px-3 py-3 no-underline transition hover:bg-brand-50">
                    <div class="min-w-0">
                        <p class="truncate font-semibold text-ink-900">{{ $appointment->patient_name }}</p>
                        <p class="text-sm text-ink-500">{{ $appointment->consultation_topic }}</p>
                    </div>
                    <div class="shrink-0 text-end">
                        <p class="numeric text-sm font-bold text-brand-700">
                            {{ $appointment->appointment_date->format('M d') }} · {{ \Carbon\Carbon::parse($appointment->appointment_time)->format('h:i A') }}
                        </p>
                        @php
                            $tone = $appointment->status === 'confirmed' ? 'bg-brand-100 text-brand-800' : 'bg-amber-100 text-amber-800';
                        @endphp
                        <span class="badge-sc mt-1 {{ $tone }}">{{ __('appointments.statuses.' . $appointment->status) }}</span>
                    </div>
                </a>
            @empty
                <p class="py-6 text-center text-ink-400">{{ __('appointments.no_upcoming') }}</p>
            @endforelse
        </div>
    @endif

    <div class="mt-5 grid gap-5 xl:grid-cols-2">

        {{-- Recent patients --}}
        <div class="card-sc">
            <div class="mb-4 flex items-center justify-between">
                <h2 class="text-lg">{{ __('dashboard.recent_patients') }}</h2>
                <a href="{{ route('portal.patients.index') }}" class="text-sm font-semibold text-brand-600 no-underline">{{ __('dashboard.view_all') }}</a>
            </div>

            @forelse ($recentPatients as $patient)
                <a href="{{ route('portal.patients.show', $patient) }}"
                   class="flex items-center justify-between gap-3 rounded-2xl px-3 py-3 no-underline transition hover:bg-brand-50">
                    <div class="min-w-0">
                        <p class="truncate font-semibold text-ink-900">{{ $patient->full_name }}</p>
                        <p class="text-sm text-ink-500">{{ $patient->dietType?->name ?? '—' }}</p>
                    </div>
                    <span class="numeric shrink-0 text-sm font-bold text-brand-700">
                        {{ number_format((int) $patient->target_calories) }} {{ __('common.kcal') }}
                    </span>
                </a>
            @empty
                <p class="py-6 text-center text-ink-400">{{ __('patients.empty') }}</p>
            @endforelse
        </div>

        {{-- Recent menus --}}
        <div class="card-sc">
            <div class="mb-4 flex items-center justify-between">
                <h2 class="text-lg">{{ __('dashboard.recent_menus') }}</h2>
                <a href="{{ route('portal.menus.index') }}" class="text-sm font-semibold text-brand-600 no-underline">{{ __('dashboard.view_all') }}</a>
            </div>

            @forelse ($recentMenus as $menu)
                <a href="{{ route('portal.menus.show', $menu) }}"
                   class="flex items-center justify-between gap-3 rounded-2xl px-3 py-3 no-underline transition hover:bg-brand-50">
                    <div class="min-w-0">
                        <p class="truncate font-semibold text-ink-900">{{ $menu->patient?->full_name }}</p>
                        <p class="text-sm text-ink-500">
                            {{ $menu->dietType?->name }} · <span class="numeric">{{ $menu->duration_days }}</span> {{ __('common.days') }}
                        </p>
                    </div>
                    <span class="badge-sc {{ $menu->isIssued() ? 'bg-brand-100 text-brand-800' : 'bg-ink-100 text-ink-600' }}">
                        {{ __('menus.statuses.' . $menu->status) }}
                    </span>
                </a>
            @empty
                <p class="py-6 text-center text-ink-400">{{ __('menus.empty') }}</p>
            @endforelse
        </div>
    </div>
@endsection