<!-- Search Bar -->
<!-- <div class="search-bar">
    <div class="search-icon">
        <i class="material-icons">search</i>
    </div>
    <input type="text" placeholder="START TYPING...">
    <div class="close-search">
        <i class="material-icons">close</i>
    </div>
</div> -->
<!-- #END# Search Bar -->
<!-- Top Bar -->
<nav class="navbar">
    <div class="container-fluid">
        <div class="navbar-header">
            <!-- <a href="javascript:void(0);" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false"></a> -->
            <%if current_login_employee.role !="waiter" %>
                <a href="javascript:void(0);" class="bars"></a>
                <a class="navbar-brand" href="<%=dashboard_path%>" style="margin-left: 20px;">
            <% else %>
                <a class="navbar-brand m-0" href="<%=dashboard_path%>">
            <%end%>
                <img src="<%= asset_path('SX-Logo-small.png') %>" width="40" height="40" alt="Logo" />
                <span class="navbar-brand-txt">SX Restaurant</span>
            </a>
                       
        </div>
        <!-- Start Delete confirrm text !-->
        <div class="navbar-right">
            <a href="javascript:void(0);" class="dropdown-toggle waves-block" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true"> 
                <% if current_login_employee %>
                   <span><%= current_login_employee.name %></span>
                <% end %>
            </a>
            <ul class="dropdown-menu">
                <li>
                    <!-- <%if current_login_employee.role !="waiter" %> -->
                    <!-- <%end%> -->  
                    <p class="delete waves-effect waves-block p-l-30 m-b-5" data-ref="<%=logout_path%>" data-method="delete">
                        <i class="material-icons font-10 logout_icon">exit_to_app</i>
                        <span class="font-18">Logout</span>
                    </p>
                     <span class="hidden" id="delete_text">
                        <h6>Are you sure you want to Logout ?</h6>
                        <!-- <h6>This action can't be undo. </h6> -->
                    </span>
                </li>   
            </ul>
            <!-- NO Need for color Change
            <a href="javascript:void(0);" class="js-right-sidebar" data-close="true">
                <i class="material-icons">more_vert</i>
            </a> -->
        </div>
    </div>
</nav>