@php
    $firstFeatureNavbar = [
        [
            'title' => 'About',
            'url' => route('page', 'about'),
        ],
        [
            'title' => 'Accommodation',
            'url' => route('page', 'accommodation'),
        ],
        [
            'title' => 'Service & Facilities',
            'url' => route('page', 'service-facilities'),
        ],
        [
            'title' => 'Restaurant',
            'url' => route('page', 'restaurant'),
        ],
        [
            'title' => 'Special Offers',
            'url' => route('page', 'special-offers'),
        ],
        [
            'title' => 'Galleries',
            'url' => route('page', 'galleries'),
        ],
    ];

    $secondFeatureNavbar = [
        [
            'title' => 'Superior Room',
            'url' => route('accommodation.detail', 'superior-room'),
        ],
        [
            'title' => 'Deluxe Room',
            'url' => route('accommodation.detail', 'deluxe-room'),
        ],
        [
            'title' => 'Premier Room',
            'url' => route('accommodation.detail', 'premier-room'),
        ],
        [
            'title' => 'Joglo House',
            'url' => route('accommodation.detail', 'joglo-house'),
        ],
    ];

    $thirdFeatureNavbar = [
        [
            'title' => 'Yoga Sala SPA',
            'url' => route('service-facilities.detail', 'yoga-sala-spa'),
        ],
        [
            'title' => 'Amora Bisma',
            'url' => route('service-facilities.detail', 'amora-bisma'),
        ],
        [
            'title' => 'Candle Light Dinner',
            'url' => route('service-facilities.detail', 'candle-light-dinner'),
        ],
        [
            'title' => 'Activities',
            'url' => route('service-facilities.detail', 'activities'),
        ],
    ];

    $fourthFeatureNavbar = [
        [
            'title' => config('social.address.name'),
            'target' => '_blank',
            'url' => config('social.address.url'),
        ],
        [
            'title' => config('social.customer_service.whatsapp'),
            'target' => '_blank',
            'url' => config('social.customer_service.url_whatsapp'),
        ],
        [
            'title' => config('social.customer_service.email'),
            'target' => '_blank',
            'url' => config('social.customer_service.url_email'),
        ],
    ];
@endphp
<footer>
    <div class="text-white pt-12 pb-6 text-sm font-light">
        <div class="max-w-7xl mx-auto px-6">
            <div class="flex justify-center space-x-6 text-xl mb-10">
                <a href="{{ config('social.facebook.url') }}" target="_blank"
                    aria-label="Faceboook {{ config('app.name') }}">
                    <i class="fab fa-facebook-f"></i>
                </a>
                <a href="{{ config('social.instagram.url') }}" target="_blank"
                    aria-label="Instagram {{ config('app.name') }}">
                    <i class="fab fa-instagram"></i>
                </a>
                <a href="{{ config('social.customer_service.url_whatsapp') }}" target="_blank"
                    aria-label="phone {{ config('app.name') }}">
                    <i class="fas fa-phone"></i>
                </a>
                <a href="{{ config('social.address.url') }}" target="_blank"
                    aria-label="Address {{ config('app.name') }}">
                    <i class="fas fa-map-marker-alt"></i>
                </a>
                <a href="{{ config('social.customer_service.url_email') }}" target="_blank"
                    aria-label="Email {{ config('app.name') }}">
                    <i class="fas fa-envelope"></i>
                </a>
            </div>
            <div class="border-t  mb-10"></div>
            <div class="grid grid-cols-1 md:grid-cols-4 gap-10">
                <div >
                    <h4 class="uppercase text-white font-semibold tracking-widest mb-4">Links</h4>
                    <ul class="space-y-1">
                        @foreach ($firstFeatureNavbar ?? [] as $first)
                            <li><a href="{{ $first['url'] ?? '#' }}">
                                    <h5>{{ $first['title'] ?? '' }}</h5>
                                </a></li>
                        @endforeach
                    </ul>
                </div>
                <div >
                    <h4 class="uppercase text-white font-semibold tracking-widest mb-4">Our Rooms</h4>
                    <ul class="space-y-1">
                        @foreach ($secondFeatureNavbar ?? [] as $second)
                            <li><a href="{{ $second['url'] ?? '#' }}">
                                    <h5>{{ $second['title'] ?? '' }}</h5>
                                </a></li>
                        @endforeach
                    </ul>
                </div>
                <div >
                    <h4 class="uppercase text-white font-semibold tracking-widest mb-4">Services</h4>
                    <ul class="space-y-1">
                                            </ul>
                </div>
                <div >
                    <h4 class="uppercase text-white font-semibold tracking-widest mb-4">Contact Us</h4>
                    <ul class="space-y-1">
                        @foreach ($fourthFeatureNavbar ?? [] as $item)
                            <li><a href="{{ $item['url'] ?? '#' }}"
                                    target="{{ $item['target'] ?? '_self' }}">{{ $item['title'] ?? '' }}</a></li>
                        @endforeach
                    </ul>
                </div>
            </div>
            <div
                class="border-t text-white mt-10 pt-6 flex flex-col md:flex-row justify-center items-center text-xs  space-y-4 md:space-y-0">
                <div class="text-center">
                    <p>© {{ date('Y') }} {{ config('app.name') }}. Design and maintained by
                    <h6>BOOKNPAY</h6></p>
                </div>
                <div class="flex items-center space-x-6 mt-4 md:mt-0">

                </div>
            </div>
        </div>
    </div>
</footer>