@extends('web_site.account.layout')

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

@section('account_content')
    <div class="account-card">
        <div class="account-card__head">
            <h2 class="account-card__title">{{ trans('site.account.menu.bookings') }}</h2>
            <a href="{{ route('appointment') }}" class="vs-btn style2">{{ trans('site.account.book_now') }} <i class="far fa-calendar-plus"></i></a>
        </div>

        <nav class="account-tabs" aria-label="{{ trans('site.account.menu.bookings') }}">
            @foreach (\App\Http\Controllers\Site\Clinic\MyBookingController::TABS as $name)
                <a href="{{ route('clinic.my-bookings.index', $name === 'all' ? [] : ['status' => $name]) }}"
                   class="{{ $tab === $name ? 'active' : '' }}" @if ($tab === $name) aria-current="page" @endif>
                    {{ trans('site.bookings.tabs.'.$name) }}
                    <span class="account-tabs__count">{{ $counts[$name] }}</span>
                </a>
            @endforeach
        </nav>

        @if ($bookings->isEmpty())
            <div class="account-empty">
                <i class="far fa-calendar-alt"></i>
                <p>{{ trans('site.bookings.empty') }}</p>
                <a href="{{ route('appointment') }}" class="vs-btn style2">{{ trans('site.account.book_now') }} <i class="far fa-calendar-plus"></i></a>
            </div>
        @else
            <div class="row g-3">
                @foreach ($bookings as $booking)
                    <div class="col-md-6 col-xl-4">
                        @include('web_site.account.partials.booking-card', ['booking' => $booking])
                    </div>
                @endforeach
            </div>
            <div class="mt-4">{{ $bookings->links() }}</div>
        @endif
    </div>
@endsection