@php
    $botttomNavigations = [
        (object) [
            'name' => __('mobile.rewards'),
            'icon' =>
                '<i class="fa-solid fa-gift text-xl ' .
                (request()->routeIs('mobile.rewards') ? 'text-blue-800' : 'text-gray-500') .
                '"></i>',
            'routeName' => 'mobile.rewards',
        ],
        (object) [
            'name' => __('mobile.wallet'),
            'icon' =>
                '<i class="fa-solid fa-wallet text-xl ' .
                (request()->routeIs('mobile.wallet') ? 'text-blue-800' : 'text-gray-500') .
                '"></i>',
            'routeName' => 'mobile.wallet',
        ],
        (object) [
            'name' => __('mobile.noti'),
            'icon' =>
                '<i class="fa-solid fa-bell text-xl ' .
                (request()->routeIs('mobile.noti') ? 'text-blue-800' : 'text-gray-500') .
                '"></i>',
            'routeName' => 'mobile.noti',
        ],
    ];
@endphp
<div
    class="fixed bottom-0 left-0 z-50 w-full h-16 bg-white border-t border-gray-200 dark:bg-gray-700 dark:border-gray-600">
    <div class="grid h-full max-w-lg grid-cols-3 mx-auto font-medium">
        @foreach ($botttomNavigations as $navigation)
            <a href="{{ route($navigation->routeName) ?? '' }}"
                class="inline-flex flex-col items-center justify-center px-5 hover:bg-gray-50 dark:hover:bg-gray-800 group">
                {!! $navigation->icon !!}
                <span
                    class="text-sm  dark:text-gray-400 dark:group-hover:text-blue-500 wire:
            {{ request()->routeIs($navigation->routeName) ? 'text-blue-800' : 'text-gray-500' }}">{{ $navigation->name }}</span>
            </a>
        @endforeach
    </div>
</div>