@extends('web_site.account.layout')

@section('account_title', trans('site.account.menu.dashboard'))

@section('account_content')
    <div class="account-welcome">
        <div>
            <h2>{{ trans('site.account.hello', ['name' => auth('web')->user()->name]) }}</h2>
            <p class="mb-0">{{ trans('site.dashboard.subtitle') }}</p>
        </div>
        <a href="{{ route('appointment') }}" class="vs-btn style2">{{ trans('site.account.book_now') }} <i class="far fa-calendar-plus"></i></a>
    </div>

    @unless ($hasMedicalFile)
        <div class="account-note account-note--warning">
            <i class="far fa-notes-medical"></i>
            <span class="flex-grow-1">{{ trans('site.dashboard.medical_missing') }}</span>
            <a href="{{ route('clinic.profile.medical.edit') }}" class="fw-bold text-nowrap">{{ trans('site.dashboard.complete_now') }}</a>
        </div>
    @endunless

    <div class="row g-3 mb-4">
        @foreach ([
            ['upcoming', 'fa-calendar-check', route('clinic.my-bookings.index', ['status' => 'upcoming'])],
            ['completed', 'fa-user-check', route('clinic.my-bookings.index', ['status' => 'completed'])],
            ['records', 'fa-file-medical-alt', route('clinic.medical-records.index')],
            ['messages', 'fa-comments', Route::has('clinic.chat.inbox') ? route('clinic.chat.inbox') : null],
        ] as [$counterKey, $counterIcon, $counterUrl])
            <div class="col-6 col-xl-3">
                <a @if ($counterUrl) href="{{ $counterUrl }}" @endif class="stat-tile">
                    <i class="far {{ $counterIcon }}"></i>
                    <strong>{{ $counts[$counterKey] }}</strong>
                    <span>{{ trans('site.dashboard.counters.'.$counterKey) }}</span>
                </a>
            </div>
        @endforeach
    </div>

    <div class="row g-4">
        <div class="col-xl-7">
            <div class="account-card h-100 mb-0">
                <div class="account-card__head">
                    <h2 class="account-card__title">{{ trans('site.dashboard.next_title') }}</h2>
                </div>
                @if ($nextBooking)
                    @include('web_site.account.partials.booking-card', ['booking' => $nextBooking])
                @else
                    <div class="account-empty">
                        <i class="far fa-calendar"></i>
                        <p>{{ trans('site.dashboard.no_upcoming') }}</p>
                        <a href="{{ route('appointment') }}" class="vs-btn style2">{{ trans('site.account.book_now') }} <i class="far fa-calendar-plus"></i></a>
                    </div>
                @endif
            </div>
        </div>
        <div class="col-xl-5">
            <div class="account-card h-100 mb-0">
                <div class="account-card__head">
                    <h2 class="account-card__title">{{ trans('site.dashboard.latest_record') }}</h2>
                    @if ($latestRecord)
                        <a href="{{ route('clinic.medical-records.index') }}" class="text-theme1">{{ trans('site.dashboard.view_all') }}</a>
                    @endif
                </div>
                @if ($latestRecord)
                    <a href="{{ route('clinic.medical-records.show', $latestRecord) }}" class="record-row">
                        <span class="record-row__icon"><i class="far fa-file-medical-alt"></i></span>
                        <span class="record-row__body">
                            <strong>{{ \Illuminate\Support\Str::limit($latestRecord->diagnosis ?: trans('site.account.menu.records'), 60) }}</strong>
                            <small>{{ $latestRecord->doctor?->name }} · {{ $latestRecord->published_at->translatedFormat('j F Y') }}</small>
                        </span>
                        <i class="far fa-angle-right record-row__arrow"></i>
                    </a>
                @else
                    <div class="account-empty">
                        <i class="far fa-file-medical"></i>
                        <p class="mb-0">{{ trans('site.dashboard.no_records') }}</p>
                    </div>
                @endif
            </div>
        </div>
    </div>

    <div class="account-card mt-4">
        <div class="account-card__head">
            <h2 class="account-card__title">{{ trans('site.dashboard.recent') }}</h2>
            @if ($recentBookings->isNotEmpty())
                <a href="{{ route('clinic.my-bookings.index') }}" class="text-theme1">{{ trans('site.dashboard.view_all') }}</a>
            @endif
        </div>
        @if ($recentBookings->isEmpty())
            <div class="account-empty">
                <i class="far fa-calendar-alt"></i>
                <p class="mb-0">{{ trans('site.dashboard.no_bookings') }}</p>
            </div>
        @else
            <div class="row g-3">
                @foreach ($recentBookings as $booking)
                    <div class="col-md-6 col-xl-4">
                        @include('web_site.account.partials.booking-card', ['booking' => $booking])
                    </div>
                @endforeach
            </div>
        @endif
    </div>
@endsection