<div class="p-3 text-center">
<img class="img-fluid" src="{{ asset('light-bootstrap/img/banner.png') }}" alt="...">
<h3 class="font-weight-bold" style="color: #006634;">Sistem Infromasi Penjamin Mutu Internal</h3>
</div>
<nav class="navbar navbar-expand-lg d-flex navbar-fixed-top navbar-absolute" style="background-color: #006634; color:#fff !important;">
    <div class="container">
        <!-- <div class="navbar-wrapper">
            <a class="navbar-brand" href="#pablo">{{ __('Light Bootstrap Dashboard Laravel') }}</a>
            <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" aria-controls="navigation-index" aria-expanded="false" aria-label="Toggle navigation">
                <span class="navbar-toggler-bar burger-lines"></span>
                <span class="navbar-toggler-bar burger-lines"></span>
                <span class="navbar-toggler-bar burger-lines"></span>
            </button>
        </div> -->
        <div class="collapse d-flex navbar-collapse" id="navbar">
            <ul class="navbar-nav">
                <li class="nav-item @if($activePage == 'welcome') active @endif">
                    <a href="{{ route('welcome') }}" class="nav-link">
                        <!-- <i class="nc-icon nc-chart-pie-35"></i>  -->
                        {{ __('Home') }}
                    </a>
                </li>
                <li class="nav-item @if($activePage == 'visiMisi') active @endif">

                    <a href="{{ route('visiMisi') }}" class="nav-link">
                        <!-- <i class="nc-icon nc-badge"></i>  -->
                        {{ __('Visi & Misi') }}
                    </a>
                </li>
                <!-- <li class="nav-item @if($activePage == 'login') active @endif">
                    <a href="#" class="nav-link">
                        {{ __('Gallery') }}
                    </a>
                </li> -->
                <li class="nav-item @if($activePage == 'spmi') active @endif">
                    <a href="{{ route('docs.view') }}" class=" nav-link" >
                        <!-- <i class="nc-icon nc-planet"></i> -->
                        <!-- <span class="notification">5</span> -->
                        {{ __('SPMI') }}
                    </a>
                    
                </li>
            </ul>
            <ul class="navbar-nav  justify-content-en  d-flex align-items-center">
                @if (auth()->check() && request()->route()->getName() != "" && auth()->user()->level == 'guest')
                <li class="nav-item dropdown">
                    <a class="nav-link dropdown-toggle" href="http://example.com" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                        <i class="nc-icon nc-single-02"></i>
                        <span class="ml-1">
                            {{Auth()->user()->name}}
                        </span> 
                    </a>
                    <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
                        <form id="logout-form" action="{{ route('logout') }}" method="POST">
                            @csrf
                            
                            <a class="dropdown-item" href="{{ route('logout') }}" onclick="event.preventDefault(); document.getElementById('logout-form').submit();">
                            {{ __('Log out') }} </a>
                        </form>
                        <!-- <a class="dropdown-item" href="#">{{ __('Action') }}</a>
                        <a class="dropdown-item" href="#">{{ __('Another action') }}</a>
                        <a class="dropdown-item" href="#">{{ __('Something') }}</a>
                        <a class="dropdown-item" href="#">{{ __('Something else here') }}</a>
                        <div class="divider"></div>
                        <a class="dropdown-item" href="#">{{ __('Separated link') }}</a> -->
                    </div>
                </li>
                @endif
            </ul>
        </div>
    </div>
</nav>