@extends('layouts.public')

@section('content')
    <section class="container-shell section-gap">
        <div class="max-w-3xl">
            <div class="eyebrow">{{ __('messages.chamber_schedule') }}</div>
            <h1 class="mt-5 text-4xl font-semibold tracking-[-0.04em] text-slate-950 dark:text-white sm:text-5xl">{{ __('messages.chambers_page_title') }}</h1>
            <p class="mt-4 body-lg">{{ __('messages.direction_hint') }}</p>
        </div>
        <div class="mt-10">
            @livewire('public.chamber-schedule-display', ['chambers' => $chambers, 'expanded' => true])
        </div>
    </section>

    <section class="container-shell section-gap pt-0">
        @include('components.public.google-map', [
            'chambers' => $chambers,
            'title' => __('messages.map_overview'),
            'description' => __('messages.direction_hint'),
        ])
    </section>
@endsection