@extends('layouts.dashboard')

@section('title', 'Bookings')

@section('content')
    <div class="flex items-center justify-between mb-6 flex-wrap gap-4">
        <h1 class="font-display text-3xl">Bookings</h1>

        <div class="flex items-center gap-3">
            <a href="{{ route('dashboard.bookings.index', ['view' => 'month', 'date' => $anchor->toDateString()]) }}" class="btn {{ $view === 'month' ? 'btn-dark' : 'btn-outline' }} !min-h-8 !py-1 text-sm">Month</a>
            <a href="{{ route('dashboard.bookings.index', ['view' => 'week', 'date' => $anchor->toDateString()]) }}" class="btn {{ $view === 'week' ? 'btn-dark' : 'btn-outline' }} !min-h-8 !py-1 text-sm">Week</a>
            <a href="{{ route('dashboard.manual-bookings.create') }}" class="btn btn-primary !min-h-8 !py-1 text-sm">New phone booking</a>
        </div>
    </div>

    <div class="flex items-center justify-between mb-4">
        <a href="{{ route('dashboard.bookings.index', ['view' => $view, 'date' => $previousDate]) }}" class="underline text-sm">&larr; Previous</a>
        <p class="label">{{ $view === 'week' ? $anchor->clone()->startOfWeek()->format('d M').' – '.$anchor->clone()->endOfWeek()->format('d M Y') : $anchor->format('F Y') }}</p>
        <a href="{{ route('dashboard.bookings.index', ['view' => $view, 'date' => $nextDate]) }}" class="underline text-sm">Next &rarr;</a>
    </div>

    <div class="grid grid-cols-7 gap-2 mb-4 text-center">
        @foreach (['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'] as $label)
            <div class="label text-muted">{{ $label }}</div>
        @endforeach
    </div>

    <div class="grid grid-cols-7 gap-2">
        @foreach ($days as $day)
            <div class="card p-2 min-h-[110px] {{ $day['inCurrentPeriod'] ? '' : 'bg-band-grey' }} {{ $day['isToday'] ? '!border-brand-yellow' : '' }}">
                <p class="text-xs {{ $day['inCurrentPeriod'] ? '' : 'text-muted' }}">{{ $day['date']->format('d') }}</p>
                <div class="mt-1 space-y-1">
                    @foreach ($day['entries'] as $entry)
                        @php $status = $entry['booking']->status; @endphp
                        <a href="{{ route('dashboard.bookings.show', $entry['booking']) }}"
                           class="block text-xs rounded px-1 py-0.5 truncate"
                           style="background: var(--color-status-{{ $status->color() }}-bg); color: var(--color-status-{{ $status->color() }});"
                           title="{{ ucfirst($entry['type']) }} — {{ $entry['booking']->reference }}">
                            {{ $entry['type'] === 'delivery' ? 'D' : 'C' }} {{ $entry['booking']->last_name }}
                        </a>
                    @endforeach
                </div>
            </div>
        @endforeach
    </div>
@endsection