@extends('layouts.app')

@section('title', 'Landmark')

@section('content')

<section class="module-bookings-listing">
    <div class="module-bookings-listing__inner">
        <div class="module-bookings-listing__content">
            @error('message')
            <div>
                <p class="invalid-credentials">
                    {{ $message }}
                </p>
            </div>
            @enderror
            <h2 class="font-secondary-playfair-heading mb-5">Upcoming Company Bookings</h2>

            @if(isset($upcomingBookings))
            @if(count($upcomingBookings) === 0)
            <p>You currently have no upcoming bookings. <a class="font-link" href="{{ route('home') }}">Browse our spaces</a></p>
            @endif
            @foreach($upcomingBookings as $upcoming)
            @include('components.account.bookings-card', ['booking' => $upcoming, 'upcoming' => true])
            @endforeach
            @endif


            <h2 class="font-secondary-playfair-heading mb-5">Previous Company Bookings</h2>
            @if(isset($pastBookings))
            @if(count($pastBookings) === 0)
            <p>You currently have no previous bookings. <a class="font-link" href="{{ route('home') }}">Browse our spaces</a></p>
            @endif
            @foreach($pastBookings as $past)
            @include('components.account.bookings-card', ['booking' => $past, 'upcoming' => false])
            @endforeach
            @endif

            <h2 class="font-secondary-playfair-heading mb-5">Cancelled Company Bookings</h2>
            @if(isset($cancelledBookings))
            @if(count($cancelledBookings) === 0)
            <p>You currently have no cancelled bookings. <a class="font-link" href="{{ route('home') }}">Browse our spaces</a></p>
            @endif
            @foreach($cancelledBookings as $cancelled)
            @include('components.account.bookings-card', ['booking' => $cancelled, 'upcoming' => false])
            @endforeach
            @endif
        </div>
    </div>
</section>

@endsection