@if (session('error'))
    <script>
        toastr.options = {
            "closeButton": true,
            "progressBar": true
        }
        toastr.error("{{ session('error') }}");
    </script>
@endif

@if (session('success'))
    <script>
        toastr.options = {
            "closeButton": true,
            "progressBar": true
        }
        toastr.success("{{ session('success') }}");
    </script>
@endif

<header class="header bg-white fixed-top">
    <div class=" container-fluid  position-relative d-flex align-items-center">
        <!-- <a class="navbar-brand mr-auto" href="{{ route('home') }}"><img src="images/logo/logo.svg" class="img-fluid"
          alt="header logo"></a> -->

        <div class="logo  mr-auto"> <a href="{{ route('home') }}" class="logo d-flex align-items-center"> <img
                    src="{{ asset('assets/web/images/logo/logo.svg')}}" alt="clearly logo" class="d-lg-block d-md-block d-none"></a>
            <a href="{{ route('home') }}" class="hero_link"><img src="{{ asset('assets/web/images/logo/logo-mobile.svg')}}" alt="clearly logo"
                    class="img-fluid d-xl-none d-lg-none d-md-none d-block"></a>
        </div>


        <nav class="navbar navbar-expand-lg navbar-light p-0 ">
            <button class="navbar-toggler x" type="button" data-toggle="collapse" data-target="#mainmenu"
                aria-controls="navbarsExample05" aria-expanded="false" aria-label="Toggle navigation"> <span
                    class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>
            <div class="collapse navbar-collapse " id="mainmenu">
                <ul class="nav navbar-nav  mx-auto menu">
                    <li class="nav-item"> <a class="nav-link {{ Request::is('/') ? 'active' : '' }} hero_link" href="{{ route('home') }}">Home </a> </li>
                    <li class="nav-item"> <a class="nav-link {{ Request::is('about') ? 'active' : '' }} about_link" href="{{ route('about') }}">About Us</a> </li>
                    <li class="nav-item"> <a class="nav-link {{ Request::is('library') ? 'active' : '' }} courses_link" href="{{ route('library') }}">Courses </a> </li>
                    <li class="nav-item"> <a class="nav-link {{ Request::is('pricing') ? 'active' : '' }} pricing_link" href="{{ route('pricing') }}">Pricing </a> </li>
                    <li class="nav-item"> <a class="nav-link {{ Request::is('faculty') ? 'active' : '' }}  faculty_link" href="{{ route('faculty') }}">Faculty </a> </li>
                    <li class="nav-item"> <a class="nav-link {{ Request::is('press') ? 'active' : '' }} press_release_link" href="{{ route('press') }}">Press</a> </li>
                    <li class="nav-item"> <a class="nav-link {{ Request::is('contact-us') ? 'active' : '' }} contact_us_link" href="{{ route('contactus') }}">Contact Us</a> </li>
                    <li class="nav-item"> <a class="nav-link app_redirect_link" href="{{ env('CL_APP_URL') }}">Sign In</a> </li>
                </ul>
            </div>

        </nav> <a class="btn-getstarted btn signup" href="{{ env('CL_APP_URL').'/register' }}">Subscribe Now</a>
    </div>
</header>