@props(['href', 'icon', 'text', 'active' => false, 'logout' => false])

<div class="nav-item-wrapper">
    @if ($logout)
        <form method="POST" action="{{ $href }}" class="w-100">
            @csrf
            <button type="submit" class="nav-link label-1 w-100 text-start {{ $active ? 'active' : '' }}">
                <div class="d-flex align-items-center">
                    <span class="nav-link-icon">
                        <span data-feather="{{ $icon }}"></span>
                    </span>
                    <span class="nav-link-text-wrapper">
                        <span class="nav-link-text">{{ $text }}</span>
                    </span>
                </div>
            </button>
        </form>
    @else
        <a class="nav-link label-1 {{ $active ? 'active' : '' }}" href="{{ $href }}" role="button" data-bs-toggle="" aria-expanded="false">
            <div class="d-flex align-items-center">
                <span class="nav-link-icon">
                    <span data-feather="{{ $icon }}"></span>
                </span>
                <span class="nav-link-text-wrapper">
                    <span class="nav-link-text">{{ $text }}</span>
                </span>
                @if ($active)
                    <span class="fa-solid fa-circle text-info ms-1 new-page-indicator" style="font-size: 6px"></span>
                @endif
            </div>
        </a>
    @endif
</div>