27 lines
1.1 KiB
PHP
27 lines
1.1 KiB
PHP
@php
|
|
$tabs = [
|
|
['label' => 'Prices', 'icon' => 'lucide:fuel', 'route' => 'home'],
|
|
['label' => 'Alerts', 'icon' => 'lucide:bell', 'route' => null],
|
|
['label' => 'Forecourts', 'icon' => 'lucide:map-pin', 'route' => null],
|
|
['label' => 'Trends', 'icon' => 'lucide:trending-up','route' => null],
|
|
];
|
|
$currentRoute = request()->routeIs('home') ? 'home' : null;
|
|
@endphp
|
|
|
|
<nav class="fixed inset-x-0 bottom-0 z-50 border-t border-[#e5ded7] bg-[#faf6f3] pb-8">
|
|
<div class="flex">
|
|
@foreach ($tabs as $tab)
|
|
@php
|
|
$isActive = $tab['route'] && $currentRoute === $tab['route'];
|
|
$colour = $isActive ? 'text-[#bb5b3e]' : 'text-[#89726c]';
|
|
@endphp
|
|
<div class="flex flex-1 flex-col items-center gap-1 pt-3">
|
|
<iconify-icon icon="{{ $tab['icon'] }}" class="text-xl {{ $colour }}"></iconify-icon>
|
|
<span class="text-[10px] font-bold uppercase tracking-wide {{ $colour }}">
|
|
{{ $tab['label'] }}
|
|
</span>
|
|
</div>
|
|
@endforeach
|
|
</div>
|
|
</nav>
|