{{--
=====================================================
Etebarit - by Gisoo Web Solutions
------------------------------------------------------
Gisoo.net
------------------------------------------------------
Copyright (c) 2026 Gisoo Web Solutions
=====================================================
This code is protected by copyright
=====================================================
File: nav-link.blade.php
------------------------------------------------------
Use: One sidebar navigation item of the panel shell.
     Pass the icon as the `icon` slot, an `active`
     flag, and an optional numeric `badge`.
=====================================================
--}}

@props(['href' => '#', 'active' => false, 'badge' => null])

<a
    href="{{ $href }}"
    @class([
        'flex items-center gap-3 rounded-xl px-3.5 py-3 text-sm transition',
        'border-r-[3px]',
        'border-primary-600 bg-primary-600/10 font-bold text-primary-600' => $active,
        'border-transparent text-ink-soft hover:bg-[#f2f0fa] hover:text-primary-600' => ! $active,
    ])
    @if ($active) aria-current="page" @endif
>
    {{ $icon ?? '' }}
    {{ $slot }}

    @if ($badge !== null)
        <span class="mr-auto flex h-5 min-w-5 items-center justify-center rounded-full bg-secondary-500 px-1.5 text-[11px] font-bold text-white">
            @fa($badge)
        </span>
    @endif
</a>