{##
 # @file dashboard_navbar.html
 # Copyright (C) 2015 Pressa. All rights reserved.
 #}

<!-- START | DASHBOARD/NAVBAR -->
<div class="navbar navbar-dark navbar-expand-lg navbar-inverse navbar-fixed-top" role="navigation" id="navbar">
 <div class="container-fluid">
  <div class="navbar-header">
   <button type="button" class="navbar-toggler" data-toggle="collapse"
           data-target=".navbar-collapse">
    <span class="sr-only">{{ lang['dashboard']['navbar']['toggle_nav'] }}</span>
    <span class="icon-bar"></span>
    <span class="icon-bar"></span>
    <span class="icon-bar"></span>
   </button>
   <a class="navbar-brand" href="#">
    {{ lang['dashboard']['navbar']['title'] }}
   </a>
  </div>
  <div class="navbar-collapse collapse">
   <ul class="nav navbar-nav" style="margin-left: auto;">
    <li class="nav-item active">
     <a class="nav-link" href="#" id="navbar-button-orders">
      {{ lang['dashboard']['navbar']['button_orders'] }}
     </a>
    </li>
    <li class="nav-item">
     <a class="nav-link" href="#" id="navbar-button-puntos">
      {{ lang['dashboard']['navbar']['button_puntos'] }}
     </a>
    </li>
    <li class="nav-item">
     <a class="nav-link" href="#" id="navbar-button-choferes">
      {{ lang['dashboard']['navbar']['button_choferes'] }}
     </a>
    </li>
    <li class="nav-item">
     <a class="nav-link" href="#" id="navbar-button-camiones">
      Vehículos
     </a>
    </li>
    <li class="nav-item">
     <a class="nav-link" href="#" id="navbar-button-empresas-transportistas">
      {{ lang['dashboard']['navbar']['button_empresas_transportistas'] }}
     </a>
    </li>
    {% if profile == 'ADMIN' %}
    <li class="nav-item">
     <a class="nav-link" href="#" id="navbar-button-usuarios">
      {{ lang['dashboard']['navbar']['button_usuarios'] }}
     </a>
    </li>
    {% endif %}
    <li class="navbar-button-logout nav-item ml-4">
     <a class="nav-link" href="#" id="navbar-button-logout">
      {{ lang['dashboard']['navbar']['button_logout'] }}
     </a>
    </li>
   </ul>
  </div>
 </div>
</div>
<!-- END | DASHBOARD/NAVBAR -->