@php
    $logoUrl = asset('images/logotipo-regiticket.png');
@endphp

<header class="rt-header rt-header--fixed fixed-top">
    <nav class="navbar navbar-expand-lg py-3" data-bs-theme="dark">
        <div class="container">
            <a class="navbar-brand d-flex align-items-center py-0" href="{{ url('/') }}">
                <img src="{{ $logoUrl }}" alt="{{ config('app.name') }}" height="54" width="auto" class="d-inline-block rt-header-logo">
            </a>

            <button class="navbar-toggler border-secondary text-white" type="button" data-bs-toggle="collapse" data-bs-target="#rtNav" aria-controls="rtNav" aria-expanded="false" aria-label="Menú">
                <span class="navbar-toggler-icon"></span>
            </button>

            <div class="collapse navbar-collapse" id="rtNav">
                <ul class="navbar-nav mx-auto align-items-lg-center gap-lg-1 mt-3 mt-lg-0">
                    <li class="nav-item">
                        <a class="nav-link rt-nav-link" href="{{ url('/') }}#inicio">{{ __('Inicio') }}</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link rt-nav-link" href="{{ url('/') }}#resultados">{{ __('Resultados') }}</a>
                    </li>
                    <li class="nav-item">
                        @auth
                            <a class="nav-link rt-nav-link" href="{{ route('home') }}">{{ __('Mi cuenta') }}</a>
                        @else
                            <a class="nav-link rt-nav-link" href="{{ route('login') }}">{{ __('Mi cuenta') }}</a>
                        @endauth
                    </li>
                    <li class="nav-item">
                        <a class="nav-link rt-nav-link" href="{{ route('landing.events') }}">{{ __('Eventos') }}</a>
                    </li>
                </ul>

                <div class="d-flex align-items-center gap-2 mt-3 mt-lg-0 ms-lg-2">
                    <button type="button" class="btn rt-btn-cart position-relative" title="{{ __('Carrito') }}" aria-label="{{ __('Carrito') }}">
                        <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" class="bi bi-cart3" viewBox="0 0 16 16" aria-hidden="true">
                            <path d="M0 1.5A.5.5 0 0 1 .5 1H2a.5.5 0 0 1 .485.379L2.89 3H14.5a.5.5 0 0 1 .49.598l-1 5a.5.5 0 0 1-.465.401l-9.397.472L4.415 11H13a.5.5 0 0 1 0 1H4a.5.5 0 0 1-.491-.408L2.01 3.607 1.61 2H.5a.5.5 0 0 1-.5-.5zM3.102 4l.84 4.479h9.144l.8-4H3.102zM5 12a2 2 0 1 0 0 4 2 2 0 0 0 0-4zm7 0a2 2 0 1 0 0 4 2 2 0 0 0 0-4zm-7 1a1 1 0 1 1 0 2 1 1 0 0 1 0-2zm7 0a1 1 0 1 1 0 2 1 1 0 0 1 0-2z"/>
                        </svg>
                        <span class="position-absolute top-0 start-100 translate-middle badge rounded-pill bg-danger" style="font-size: 0.65rem;">0</span>
                    </button>
                    @guest
                        <a class="btn btn-sm rt-btn-cherry px-3" href="{{ route('login') }}">{{ __('Entrar') }}</a>
                    @endguest
                </div>
            </div>
        </div>
    </nav>
</header>
