@php
    $user = auth()->user();
    if (Route::is('screens.playback.show') || Route::is('public-upload.show')) {
        $urlHome = '#';
    } else {
        $urlHome = Auth::check() ? route('dashboard') : route('home');
    }

    $avatarUrl = null;
    if ($user) {
        $instagram = $user->instagramAccounts()->first();
        
        if ($instagram && $instagram->avatar) {
            if (Storage::disk('avatars')->exists($instagram->avatar)) {
                $avatarUrl = Storage::disk('avatars')->url($instagram->avatar);
            } 
        }
    }
@endphp

<nav class="navbar navbar-expand-lg navbar-dark fixed-top">
    <div class="container" id="navbarContainer">

        <a class="navbar-brand align-items-center" href="{{ $urlHome }}">
            <img src="{{ asset('images/logo.svg') }}" alt="Logo VagalumeTV" style="height: 40px; margin-right: 10px;">
            <span class="text-white">VagalumeTV</span>
        </a>

        @if (Route::currentRouteName() != 'screens.playback.show' && Route::currentRouteName() != 'public-upload.show') 
            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
            </button>

            <div class="collapse navbar-collapse" id="navbarNav">
                @if ($user)
                    <ul class="navbar-nav mx-auto navbar-center">
                        <li class="nav-item">
                            <a class="nav-link {{ Route::currentRouteName() == 'dashboard' ? 'active' : '' }}" href="{{ route('dashboard') }}">Dashboard</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link {{ Route::currentRouteName() == 'media.index' ? 'active' : '' }}" href="{{ route('media.index') }}" id="linkGalery">Galeria</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link {{ Route::currentRouteName() == 'screens.play' ? 'active' : '' }}" href="{{ route('screens.play') }}" id="linkTelas">Telas</a>
                        </li>
                    </ul>
    
                    <div class="navbar-nav ms-auto d-flex flex-row align-items-center justify-content-end mt-mob">
    
                        @if (!$user->subscriber)
                            <div class="nav-item d-none d-lg-block me-lg-2">
                                <a style="padding-left: 2%;" href="{{ route('plans.index') }}">
                                    <button id="uploadBtnDesktop" class="btn btn-primary">Seja um assinante!</button>
                                </a>
                            </div>
    
                            <div class="nav-item d-lg-none me-auto"> 
                                 <a href="{{ route('plans.index') }}">
                                    <button id="uploadBtnMobile" class="btn btn-sm btn-primary">Assine já!</button>
                                </a>
                            </div>
                        @else
                            <div class="nav-item d-none d-lg-block me-lg-2">
                                <button id="renewalBtnDesktop" class="btn btn-primary" type="button" data-bs-toggle="modal" data-bs-target="#renewalOptionsModal">
                                    Renovar Plano
                                </button>
                            </div>
                            <div class="nav-item d-lg-none me-auto">
                                <button id="renewalBtnMobile" class="btn btn-sm btn-primary" type="button" data-bs-toggle="modal" data-bs-target="#renewalOptionsModal">
                                    Renovar Plano
                                </button>
                            </div>
                        @endif
    
                        <div class="nav-item user-menu-container">
                            <a class="nav-link user-toggle" href="#" role="button" aria-label="Menu do usuário">
                                
                                @if ($avatarUrl)
                                    <img src="{{ $avatarUrl }}" alt="Avatar" class="user-avatar-img" 
                                         style="width: 35px; height: 35px; object-fit: cover; border-radius: 50%; border: 2px solid #E6B34A;">
                                @else
                                    <span class="user-initial">
                                        {{ $user->name ? strtoupper(substr($user->name, 0, 1)) : '' }}
                                    </span>
                                @endif

                                <i class="fas fa-angle-down ms-1"></i>
                            </a>
                            <div class="user-menu">
                                <div class="user-menu-header">
                                    
                                    @if ($avatarUrl)
                                        <img src="{{ $avatarUrl }}" alt="Avatar" 
                                             style="width: 40px; height: 40px; object-fit: cover; border-radius: 50%; margin-right: 10px; border: 2px solid #E6B34A;">
                                    @else
                                        <span class="user-initial-dropdown">
                                            {{ $user->name ? strtoupper(substr($user->name, 0, 1)) : '' }}
                                        </span>
                                    @endif

                                    <div class="user-info">
                                        <span class="user-name">{{ $user->name }}</span>
                                        <span class="user-email">{{ $user->email }}</span>
                                    </div>
                                </div>
                                @if(auth()->user()->is_vendor)
                                    <a href="{{ route('vendor.dashboard') }}" class="user-menu-item">Painel do Vendedor</a>
                                    <hr class="user-menu-divider">
                                @endif
                                <a class="user-menu-item" href="{{ route('profile.edit') }}">Conta</a>
                                <a class="user-menu-item" href="{{ route('profile.instagram.settings') }}">Instagram</a>
                                {{-- <a class="user-menu-item" href="{{ route('financials.index') }}">Saques</a> --}}
                                @if(Route::currentRouteName() != 'home')
                                    <a class="user-menu-item d-none d-md-block rotateScreen" href="#" id="rotateScreen">Girar Tela</a>
                                @endif
                                <hr class="user-menu-divider">
                                <form action="{{ route('logout') }}" method="POST" class="user-menu-form">
                                    @csrf
                                    <button type="submit" class="user-menu-item">Logout</button>
                                </form>
                            </div>
                        </div>
                    </div>
    
                @else
                    <ul class="navbar-nav mx-auto">
                        <li class="nav-item">
                            <a class="nav-link {{ Route::currentRouteName() == 'home' ? 'active' : '' }}" href="{{ route('home') }}">Home</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link {{ Route::currentRouteName() == 'plans.index' ? 'active' : '' }}" href="{{ route('plans.index') }}">Planos</a>
                        </li>
                    </ul>
                    
                    <ul class="navbar-nav" id="login_register">
                        <li class="nav-item">
                            <a class="nav-link {{ Route::currentRouteName() == 'login' ? 'active' : '' }}" href="{{ route('login') }}">Login</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link {{ Route::currentRouteName() == 'register' ? 'active' : '' }}" href="{{ route('register') }}">Registre-se</a>
                        </li>
                    </ul>
                @endif
            </div>
        @endif
    </div>
</nav>