@php
    $quickLinks = [
        ['title' => 'Explore Kala', 'icon' => 'travel_explore', 'url' => url('/explore-kala'), 'status' => 'active'],
        ['title' => 'Plan Your Visit', 'icon' => 'explore', 'url' => url('/plan-your-visit'), 'status' => 'active'],
        ['title' => 'Online Booking', 'icon' => 'confirmation_number', 'url' => url('/booking'), 'status' => 'active'],
        ['title' => 'Publications', 'icon' => 'menu_book', 'url' => url('/books'), 'status' => 'active'],
        ['title' => 'Downloads', 'icon' => 'download', 'status' => 'disabled'],
        ['title' => 'RTI', 'icon' => 'description', 'status' => 'disabled'],
        ['title' => 'Recruitment', 'icon' => 'work', 'status' => 'disabled'],
        ['title' => 'Tenders', 'icon' => 'gavel', 'url' => url('/tenders'), 'status' => 'active'],
        ['title' => 'Contact', 'icon' => 'call', 'url' => url('/contact'), 'status' => 'active'],
    ];
@endphp

<section class="home-pattern-section my-space-xl py-space-lg" id="quick-links">
    <div class="content-container">
        <div class="quick-access-panel">
            <div class="quick-access-copy">
                <span class="font-label-md text-label-md text-primary tracking-widest uppercase block mb-space-xs">Quick Access</span>
                <h2 class="font-headline-xl text-headline-xl text-on-surface font-semibold">Visitor &amp; Public Services</h2>
                <p class="font-body-md text-body-md text-on-surface-variant mt-space-xs mb-0">
                    Direct access to important visitor services, public information and enquiry options.
                </p>
            </div>
            <div class="quick-access-grid">
                @foreach ($quickLinks as $link)
                    @if (($link['status'] ?? 'active') === 'active')
                        <a class="quick-access-card"
                            href="{{ $link['url'] }}">
                            <span class="quick-access-icon material-symbols-outlined">{{ $link['icon'] }}</span>
                            <span class="quick-access-title">{{ $link['title'] }}</span>
                        </a>
                    @else
                        <button class="quick-access-card quick-access-card-disabled nav-disabled"
                            type="button" disabled>
                            <span class="quick-access-icon material-symbols-outlined">{{ $link['icon'] }}</span>
                            <span class="quick-access-title">{{ $link['title'] }}</span>
                        </button>
                    @endif
                @endforeach
            </div>
        </div>
    </div>
</section>