<header id="topnav" class="defaultscroll sticky">
    <div class="container">
        <!-- Logo container-->
        <div class="col-md-12">
            <div class="row">
                <div class="col md-6">
                    <a class="logo" href="index.html">
                        <img src="web/images/logo.png" height="100" class="logo-light-mode" alt="">
                        <img src="web/images/logo.png" height="24" class="logo-dark-mode" alt="">
                    </a>
                </div>
                <div class="col md-6">
                    <!-- <div class="mt-4" style="display:flex; justify-content: end;">
                            <i class="fa fa-user me-2" style="font-size: 13px; height: 25px; padding: 3.5px 5.9px; border: 2px solid #75A7FD; color: #75A7FD; border-radius: 100%;"></i>
                            <p style="color:white;">{{$user_info->first_name}} , {{$user_info->last_name}}</p>
                        <ul class="nav navbar-nav align-items-center ml-auto header_right ps-3">
                            <li class="nav-item dropdown dropdown-notification">
                                <a href="{{ route('logout') }}"
                                    onclick="event.preventDefault();
                                                    document.getElementById('logout-form').submit();">
                                    <i class="fa fa-sign-out" style="color:#75A7FD;"></i>
                                </a>
                                <form id="logout-form" action="{{ route('logout') }}" method="POST" class="d-none">
                                    @csrf
                                </form>
                            </li>
                        </ul>
                    </div> -->
                    <!-- End Logo container-->
                </div>
            </div>    
        </div>
    </div>
    <div class="container">
        <div id="navigation">
            <!-- Navigation Menu-->   
            <ul class="navigation-menu">
                <li><a href="{{ url('/home') }}" class="sub-menu-item" style="margin-top: -2rem;">Home</a></li>
                <li class="has-submenu parent-parent-menu-item">
                    <a href="{{ url('application') }}"  style="margin-top: -2rem;">My Application</a>
                </li>

                <li class="has-submenu parent-parent-menu-item">
                    <a href="{{ url('profile') }}"  style="margin-top: -2rem;">My Profile & Proposal</a>
                </li>

                <li class="has-submenu parent-parent-menu-item">
                    <a href="{{ url('explore') }}"  style="margin-top: -2rem;">Explore</a>
                </li>
            </ul><!--end navigation menu-->
        </div><!--end navigation-->
    </div><!--end container-->
</header>