@php
    $routeName = request()->segment(2);
    $routeName_3 = request()->segment(3);
    //    $routeName = Route::currentRouteName();
    $userDetails = auth('web')->user();
    $header_logo = get_setting('header_logo');
@endphp
<div class="lr-header">
    <div class="container">
        <div class="lr-header-left">
            <a href="{{ route('home') }}" class="lr-logo">
                <img src="{{ asset('storage/site/' . $header_logo) }}" alt="">
            </a>
            {{-- <a href="{{ route('home') }}" class="lr-logo"><span></span> {{ env('APP_NAME') }}</a> --}}
            <a href="" id="azMenuShow" class="lr-header-menu-icon d-lg-none"><span></span></a>
        </div><!-- lr-header-left -->
        <div class="lr-header-menu">
            <div class="lr-header-menu-header">
                <a href="{{ route('home') }}" class="lr-logo">
                    <img src="{{ asset('storage/site/' . $header_logo) }}" alt="">
                </a>
                <a href="" class="close">&times;</a>
            </div><!-- lr-header-menu-header -->
            <ul class="nav">
                <li class="nav-item {{ $routeName == 'dashboard' ? 'active' : '' }}">
                    <a href="{{ route('user.dashboard_2') }}" class="nav-link "> {{-- wire:navigate --}}
                        <i class="typcn typcn-chart-area-outline"></i>Dashboard</a>
                </li>

                <li class="nav-item {{ $routeName == 'tasks' && $routeName_3 != 'mytask' ? 'active' : '' }}">
                    <a href="{{ route('user.tasks.index') }}" class="nav-link ">
                        <i class="fa fa-list me-2"></i>Tasks</a>
                </li>

                <li class="nav-item {{ $routeName_3 == 'mytask' ? 'active' : '' }}">
                    <a href="{{ route('user.tasks.mytask') }}" class="nav-link ">
                        <i class="fa fa-check me-2"></i>My Tasks</a>
                </li>

                <li class="nav-item {{ $routeName == 'referrals' ? 'active' : '' }}">
                    <a href="{{ route('user.referrals.index') }}" class="nav-link ">
                        <i class="fa fa-link me-2"></i>Referrals</a>
                </li>

                <li class="nav-item {{ $routeName == 'tickets' ? 'active' : '' }}">
                    <a href="{{ route('user.tickets.index') }}" class="nav-link ">
                        <i class="fas fa-ticket-alt me-2"></i>Tickets</a>
                </li>
                <li class="nav-item {{ $routeName == 'finance' ? 'active' : '' }}">
                    <a href="{{ route('user.withdrawals.index') }}" class="nav-link ">
                        <i class="fas fa-money-bill me-2"></i>Finance</a>
                </li>


            </ul>
        </div><!-- lr-header-menu -->
        <div class="lr-header-right">
            {{-- <a href="{{ route('user.dashboard') }}" class="lr-header-search-link"><i class="fas fa-search"></i></a> --}}
            <a href="{{ route('user.referrals.index') }}"
                class="lr-header-search-link"><b>${{ $userDetails->balance }}</b></a>

            <a href="{{ route('user.account.profile') }}" class="lr-img-user show-mobile">
                <img src="{{ $userDetails->image_path }}" alt=""></a>

            <div class="dropdown lr-profile-menu hide-mobile">
                <a href="" class="lr-img-user"><img src="{{ $userDetails->image_path }}" alt=""></a>
                <div class="dropdown-menu">
                    <div class="lr-dropdown-header d-sm-none">
                        <a href="" class="lr-header-arrow"><i class="icon ion-md-arrow-back"></i></a>
                    </div>
                    <div class="lr-header-profile">
                        <div class="lr-img-user">
                            <img src="{{ $userDetails->image_path }}" alt="">
                        </div><!-- lr-img-user -->
                        <h6>{{ $userDetails->full_name }}</h6>
                        <span>Member: #{{ $userDetails->rand_id }}</span>
                    </div>

                    <a href="{{ route('user.account.profile') }}" class="dropdown-item">
                        <i class="typcn typcn-user"></i> Profile</a>

                    <a href="{{ route('user.account.bankdetails') }}" class="dropdown-item">
                        <i class="typcn typcn-business-card"></i> Payout Details</a>

                    <a href="{{ route('user.account.changepassword') }}" class="dropdown-item">
                        <i class="typcn typcn-cog-outline"></i> Change Password</a>
                    @livewire('logout', ['type' => 'web'])
                </div>
            </div>
        </div>
    </div>
</div>