@php
            $login_user = Auth::guard('customer')->user();
        @endphp
        <div class="container">
            <nav class="navbar navbar-expand-lg navbar-light">
                <a class="navbar-brand" href="{{ route('home') }}">
                    <img src="{{ asset('storage/'.getSettingData('company_logo')) }}" alt="">
                </a>
                <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarTogglerDemo02" aria-controls="navbarTogglerDemo02" aria-expanded="false" aria-label="Toggle navigation">
                    <span class="navbar-toggler-icon"></span>
                </button>
                <div class="collapse navbar-collapse" id="navbarTogglerDemo02">
                    <ul class="navbar-nav align-items-center ms-auto mb-2 mb-lg-0 desk-nav">
                        <li class="nav-item dropdown ms-md-2 ms-lg-4">
                            @if(!$login_user)
                                <a class="btn btn-custom position-relative active" aria-current="page" href="{{ route('home') }}">Login</a>
                            @else
                                <a href="javascript:void(0);" data-bs-toggle="dropdown" data-bs-display="static" aria-expanded="false" class="nav-link dropdown-toggle">
                                    <img src="{{ asset('frontend/images/profile-user.png') }}" class="mb-1 me-1" alt="">Welcome {{ ucwords($login_user->first_name).' '.ucwords($login_user->last_name) }}
                                </a>
                                <ul class="dropdown-menu">
                                    <li><a href="{{ route('registered_complaint') }}" class="dropdown-item">Registered Complaint</a></li>
                                    <li><a href="{{ route('new_complaint') }}" class="dropdown-item">Add New Complaint</a></li>
                                    <li><a href="{{ route('logout') }}" class="dropdown-item">Logout</a></li>
                                </ul>
                            @endif
                        </li>
                    </ul>
                </div>
            </nav>
        </div>