@php
    $path = '/'.ltrim(request()->path(), '/');
    if ($path === '') {
        $path = '/';
    }
    $showAddPill = collect(['/transactions', '/budgets', '/goals', '/subscriptions', '/debts'])
        ->contains(fn ($p) => str_starts_with($path, $p));
    $isSearchFab = collect(['/transactions', '/budgets', '/goals', '/subscriptions', '/debts'])
        ->contains(fn ($p) => str_starts_with($path, $p));
    $addLabel = match (true) {
        str_starts_with($path, '/transactions') => __('budgets.mobile.add_transaction'),
        str_starts_with($path, '/budgets') => __('budgets.mobile.add_budget'),
        str_starts_with($path, '/goals') => __('budgets.mobile.add_goal'),
        str_starts_with($path, '/subscriptions') => __('budgets.mobile.add_subscription'),
        str_starts_with($path, '/debts') => __('budgets.mobile.add_debt'),
        default => __('budgets.mobile.generic_add'),
    };
@endphp

@if ($showAddPill)
    <div class="fixed inset-x-4 bottom-[5.9rem] z-40 lg:hidden">
        <a
            href="{{ match (true) {
                str_starts_with($path, '/transactions') => url('/transactions').'?create=transaction',
                str_starts_with($path, '/budgets') => url('/budgets').'?create=budget',
                str_starts_with($path, '/goals') => url('/goals').'?create=goal',
                str_starts_with($path, '/subscriptions') => url('/subscriptions').'?create=subscription',
                str_starts_with($path, '/debts') => url('/debts').'?create=debt',
                default => url('/dashboard'),
            } }}"
            wire:navigate
            class="ios-transition ios-press flex h-14 w-full items-center justify-center rounded-[24px] border border-border/40 bg-white/80 px-5 text-base font-semibold text-[#0A84FF] shadow-[0_14px_35px_rgba(15,23,42,0.10)] backdrop-blur-2xl"
        >
            {{ $addLabel }}
        </a>
    </div>
@endif

<div class="pointer-events-none fixed inset-x-4 bottom-0 z-40 pb-[max(12px,env(safe-area-inset-bottom))] lg:hidden">
    <div class="pointer-events-auto flex w-full items-end justify-between gap-3">
        <nav class="flex min-h-[72px] flex-1 items-center justify-around rounded-full border border-border/40 bg-white/92 px-2 py-2 shadow-[0_14px_35px_rgba(15,23,42,0.10)] hover:bg-white backdrop-blur-2xl" aria-label="{{ __('budgets.mobile.nav_primary_aria') }}">
            @foreach ([
                ['label' => __('budgets.nav.dashboard'), 'path' => '/dashboard', 'icon' => 'layout-dashboard'],
                ['label' => __('budgets.nav.transactions'), 'path' => '/transactions', 'icon' => 'arrow-left-right'],
                ['label' => __('budgets.nav.budgets'), 'path' => '/budgets', 'icon' => 'piggy-bank'],
                ['label' => __('budgets.nav.goals'), 'path' => '/goals', 'icon' => 'target'],
            ] as $item)
                @php
                    $active = $path === $item['path'] || ($item['path'] !== '/dashboard' && str_starts_with($path, $item['path']));
                @endphp
                <a
                    href="{{ url($item['path']) }}"
                    wire:navigate
                class="ios-transition-fast ios-press flex min-w-0 flex-1 flex-col items-center justify-center gap-1 rounded-full px-2 py-2 text-[11px] font-medium {{ $active ? 'bg-[#0A84FF]/10 text-[#0A84FF]' : 'text-foreground/55' }}"
                >
                    <i data-lucide="{{ $item['icon'] }}" class="h-5 w-5 {{ $active ? 'text-[#0A84FF]' : 'text-foreground/50' }}"></i>
                    <span class="truncate">{{ $item['label'] }}</span>
                </a>
            @endforeach
        </nav>

        @if ($isSearchFab)
            <a
                href="{{ match (true) {
                    str_starts_with($path, '/transactions') => url('/transactions').'?search=1',
                    str_starts_with($path, '/budgets') => url('/budgets').'?search=1',
                    str_starts_with($path, '/goals') => url('/goals').'?search=1',
                    str_starts_with($path, '/subscriptions') => url('/subscriptions').'?search=1',
                    str_starts_with($path, '/debts') => url('/debts').'?search=1',
                    default => url('/dashboard'),
                } }}"
                wire:navigate
                class="ios-transition ios-press mb-[2px] flex h-[72px] w-[72px] shrink-0 items-center justify-center rounded-full border border-border/40 bg-white/92 text-foreground shadow-[0_14px_35px_rgba(15,23,42,0.12)] hover:bg-white backdrop-blur-2xl"
                aria-label="{{ __('budgets.mobile.search') }}"
            >
                <i data-lucide="search" class="h-7 w-7 text-foreground/65"></i>
            </a>
        @else
            <button
                type="button"
                x-data
                @click="$dispatch('open-quick-create')"
                class="ios-transition ios-press mb-[2px] flex h-[72px] w-[72px] shrink-0 items-center justify-center rounded-full border border-border/40 bg-white/92 text-foreground shadow-[0_14px_35px_rgba(15,23,42,0.12)] hover:bg-white backdrop-blur-2xl"
                aria-label="{{ __('budgets.mobile.quick_add') }}"
            >
                <i data-lucide="plus" class="h-8 w-8 text-[#0A84FF]"></i>
            </button>
        @endif
    </div>
</div>