<!-- Header -->
<header class="header">
    <div class="sidebar-logo">
        <a href="{{ url('home') }}">
            <img src="{{ asset('images/logo.png') }}" alt="" class="big-logo">
            <img src="{{ asset('images/nav_menu.png') }}" alt="" class="small-logo">
        </a>
    </div>
    <div class="clearfix header-right">
        <div class="menu-icon">
            <a href="javascript:void(0);" class="sidebar-toggle"><i class="fa fa-bars"></i></a>                 
        </div>
        <div class="head-r">
            <div class="sub-title">
                <!--<h2>Dashboard</h2> -->
            </div>
            <ul class="navbar-nav ml-auto">
                <!--<li class="nav-item">
                    <a href="javascript:void(0);" class="nav-link"><i class="fa fa-user"></i></a>
                </li>-->
                <li class="nav-item">
                    <a href="{{ route('logout') }}" onclick="event.preventDefault(); document.getElementById('logout-form').submit();" class="nav-link"><i class="fa fa-lock"></i></a>
                     <form id="logout-form" action="{{ route('logout') }}" method="POST" style="display: none;">
                        @csrf
                    </form>
                </li>
            </ul>
        </div>
    </div>
</header>
<!-- End Header -->