<body data-spy="scroll" data-offset="80">

    <!-- START PRELOADER -->
    <div class="preloader">
        <div class="spinner">
            <div class="double-bounce1"></div>
            <div class="double-bounce2"></div>
        </div>
    </div>
    <!-- END PRELOADER -->

    <!-- START NAVBAR -->
    <div class="site-mobile-menu site-navbar-target">
        <div class="site-mobile-menu-header">
            <div class="site-mobile-menu-close mt-3">
                <span class="icon-close2 js-menu-toggle"></span>
            </div>
        </div>
        <div class="site-mobile-menu-body"></div>
    </div>

    <header class="site-navbar js-sticky-header site-navbar-target" role="banner" style="background-color: #ffff;">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-6 col-xl-2">
                    <h1 class="mb-0 site-logo"><a href="{{ URL::to('/') }}"><img src="{{ asset('assets/img/logo.png') }}" alt=""></a></h1>
                </div>
                <div class="col-12 col-md-10 d-none d-xl-block">
                    <nav class="site-navigation position-relative text-right" role="navigation">
                        <ul class="site-menu main-menu js-clone-nav mr-auto d-none d-lg-block">
                            <li {{ request()->segment(1) == '/' ? 'active' : '' }}><a href="{{ URL::to('/') }}" class="nav-link" style="color: #000 !important;">Home</a></li>
                            @if (!auth()->user())
                            <li {{ request()->segment(1) == '/login' ? 'active' : '' }}><a href="{{ URL::to('/login') }}" class="nav-link" style="color: #000 !important;">Login</a></li>
                            @else
                            <li {{ request()->segment(1) == '/materi' ? 'active' : '' }}><a href="{{ URL::to('/materi') }}" class="nav-link" style="color: #000 !important;">Materi</a></li>
                            <li {{ request()->segment(1) == '/kasus' ? 'active' : '' }}><a href="{{ URL::to('/kasus') }}" class="nav-link" style="color: #000 !important;">Kasus</a></li>
                            <li {{ request()->segment(1) == '/hasil' ? 'active' : '' }}><a href="{{ URL::to('/hasil') }}" class="nav-link" style="color: #000 !important;">Hasil</a></li>
                            <li><a href="{{ URL::to('/logout') }}"><button class="btn btn-warning btn-sm" class="nav-link" style="color: #000 !important;">Logout</button></a></li>
                            @endif
                        </ul>
                    </nav>
                </div>
                <div class="col-6 d-inline-block d-xl-none ml-md-0 py-3" style="position: relative; top: 3px;">
                    <a href="#" class="site-menu-toggle js-menu-toggle float-right"><span
                            class="icon-menu h3"></span></a>
                </div>
            </div>
        </div>
    </header>
    <!-- END NAVBAR-->