<link rel="stylesheet" href="{{ asset('assets/frontend/css/app.css') }}">
<style>
    .navbar-profile-picture {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        object-fit: cover;
        border: 2px solid #ddd;
    }

    /* Add padding to body to prevent content from hiding behind fixed navbar */
    body {
        padding-top: 70px;
    }
</style>
<nav class="navbar navbar-expand-lg navbar-dark bgGrad text-white fixed-top">
    <div class="container-fluid">
        <div class="d-flex customPos">
            <div class="d-block d-md-none">
                <div class="btn btn-transparent" data-bs-toggle="offcanvas" data-bs-target="#sidebar" aria-controls="offcanvasScrolling">
                    <img src="{{asset("assets/frontend/images/list.svg")}}" alt="list">
                </div>
            </div>
            <a>
                <img src="{{ asset('assets/frontend/logos/logoWhite.png') }}" alt="logo" width="72px">
            </a>
            <a class="navbar-brand text-light ms-md-3 textLg">Faculty Documentation Portal</a>
        </div>
        @if (!Auth::guest())
        <ul class="navbar-nav me-md-5">
            <div class="d-flex align-items-center bgRightShade">

                <div class="d-none d-md-inline ms-2">
                    {{ auth()->user()->name }}
                </div>
            </div>
        </ul>
        @endif
        @yield('login')
    </div>
</nav>