student-admission/resources/views/application/layouts/header.blade.php

<header id="topnav" class="defaultscroll sticky">
    <div class="container">
        <!-- Logo container-->
        <div class="col-md-12">
            <div class="row">
                <div class="col md-4 mt-1" style="margin-left: 10px;">
                    <a class="logo" href="index.html">
                        <h3 style="font-family:Ubuntu !important;">Research Admission</h3>
                    </a>
                </div>
                <div class="col md-6">
                    <div class="mt-4 pt-1" style="display:flex; justify-content: end;">
                            <!-- <i class="fa fa-user me-2" style="color:black !important; font-size: 13px; height: 25px; padding: 3.5px 5.9px; border: 2px solid black; border-radius: 100%;"></i> -->
                                <p style="color:black; font-weight:600 !important; text-transform: capitalize;">Hello, {{ Auth::user()->first_name }} {{ Auth::user()->last_name }}</p>
                        <ul class="nav navbar-nav align-items-center ml-auto header_right ps-2">
                            <li class="nav-item dropdown dropdown-notification">
                                <div class="dropdown tooltips click_for_notification_list_popup" style="float: right; margin-top: 0px;" title="Notifications" id="notification_part">
                                <a href="javascript:void(0)">
                                    <i class="fa fa-bell btn1" style="padding: 8px 9px; font-size: 13px; margin-top: -2px;"></i>
                                    @if(count($unreadnotifications) > 0)
                                    <span style="position: absolute; background: #dc3545;border-radius: 50%; margin-left: -15px; margin-top: -8px; color: #fff; font-size: 8.5px;font-family: cursive; width: 15px; height: 15px; text-align-last: center;"><span style="top: 1px; position: relative;">{{ count($unreadnotifications) }}</span></span>
                                    @endif
                                </a>
                                </div>
                            </li>
                        </ul> 

                      
                        
                        <ul class="nav navbar-nav align-items-center ml-auto header_right ps-2">
                            <li class="nav-item dropdown dropdown-notification">
                                <a href="{{ url('std-logout') }}"
                                    onclick="event.preventDefault();
                                                    document.getElementById('logout-form').submit();">
                                    <button class="btn btn2">Log Out</button>
                                </a>
                                <form id="logout-form" action="{{ url('std-logout') }}" method="POST" class="d-none">
                                    @csrf
                                </form>
                            </li>
                        </ul>
                    </div>
                    <!-- End Logo container-->
                </div>
            </div>
        </div>
    </div>
    <div style="border-top: 1px solid #d2d2d2; border-bottom: 1px solid #d2d2d2; background-color: #463993;">
    <div class="container">
        <div id="navigation" >
            <!-- Navigation Menu-->   
            <ul class="navigation-menu" style="margin-top: 15px; margin-bottom: -14px; ">
                <li><a href="{{ url('/home') }}" class="sub-menu-item {{ active(url('/home')) }}" style="margin-top: -2rem;">Home</a></li>
                <li class="has-submenu parent-parent-menu-item">
                    <a href="{{ url('application') }}" class="sub-menu-item" style="margin-top: -2rem;">Application</a>
                </li>

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

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