@extends('layouts.frontend')

@section('content')
    @include('frontend.partials.inner-hero', [
        'title' => 'Halls & Auditorium',
        'eyebrow' => 'Venue Facilities',
        'summary' => 'Major Kalakshetra auditoriums for cultural programmes, public gatherings and institutional events.',
        'image' => asset('images/Kalakshetra-Profile-1/International Convention centre SSK/ICCSSK-0-500kb.jpg'),
        'breadcrumbs' => ['Halls & Auditorium' => null],
    ])

    <section class="content-container my-space-xl py-space-md">
        @include('frontend.partials.section-heading', [
            'eyebrow' => 'Auditorium Directory',
            'title' => 'Cultural Venues for Programmes & Events',
            'summary' => 'Explore venue options, capacity notes, amenities and booking enquiry information.',
        ])
        <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-space-lg">
            @foreach ($auditoriums as $auditorium)
                @include('frontend.partials.auditorium-card', ['auditorium' => $auditorium])
            @endforeach
        </div>
    </section>
@endsection