<div class="text-center">
<!-- Menu Bar -->
<div class="menu-bar dark mb60">
    <!-- menu Filter
                ============================================= -->
    <ul id="menu-fillter" class="clearfix">
        <li><a href="{{ route("home") }}">Home</a></li>
        <li><a href="{{ route("menu") }}">Menu</a></li>
        <li><a href="{{ route("contact") }}">Contact</a></li>
        @guest
        @if (Route::has('register'))
            <li><a href="{{ route('register') }}">{{ __('Register') }}</a></li>
        @endif
        @if (Route::has('login'))
            <li><a href="{{ route('login') }}">{{ __('Login') }}</a></li>
        @endif
    @else
    <li>
        @if (Auth::user()->user_group == '1')
            <a href="{{ route("admin") }}">{{ Auth::user()->first_name .' '. Auth::user()->last_name }}</a>
        @endif
        @if (Auth::user()->user_group == '2')
            <a href="{{ route("dashboard") }}">{{ Auth::user()->first_name .' '. Auth::user()->last_name }}</a>
        @endif
        <li>
            <a class="dropdown-item" href="{{ route('logout') }}"
            onclick="event.preventDefault();
                          document.getElementById('logout-form').submit();">
                          {{ __('Logout') }}
            </a>
            <form id="logout-form" action="{{ route('logout') }}" method="POST" class="d-none">
                @csrf
            </form>
        </li>
    @endguest
        <li class="search_form" style="margin-right:15px;">
            <form action="{{ route("search") }}" class="search_form_submit" method="GET">
                <div id='input_group'>
                    <label id='label' for="input">
                        <i class="fa fa-search js_submit_search" style="color:black;font-size:20px;"></i>
                    </label>
                    <input id='input' type="text" name="query" class="form-control" style="color:black" placeholder="Search food.">
                </div>
            </form>
        </li>
        <li class="cart_sub">
            <a href="{{ route("cart") }}"><i class="fa fa-shopping-cart"></i><span>{{ countItemInCart() }}</span></a>
        </li>
    </ul>
    <!-- #menu-filter end -->
    </div>
    <!-- End menu bar -->
</div>
