{% extends "common/no_auth_page.twig" %}

{% block body %}

<nav class="navbar navbar-expand-lg navbar-light bg-light">
  <a class="navbar-brand" href="#"><img src="/static/images/delicom-logo.png" style="height:40px;max-width:100%;"></a>
  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
    <span class="navbar-toggler-icon"></span>
  </button>

  <div class="collapse navbar-collapse" id="navbarSupportedContent">
    
    
    <ul class="navbar-nav mr-auto">
      {% if not menuScreen  %}
    	{% for key, url in menu %}
    		<li class="nav-item ml-3 {% if page == key %}active{% endif %}">
    		  <a class="nav-link" href="{{url}}"><i class="fa fa-{{menuIcons[key]}} ml-3" aria-hidden="true"></i> {{key|trans}}</a>
    		</li>
    	{% endfor %}
      {% endif %}
    </ul>

    {% if isAdminUserLogged and not menuScreen %}  	
    <form class="form-inline my-2 my-lg-0" autocomplete="off" >
      <input type="hidden" name="usersSearchUrl" id="usersSearchUrl" value="{{ usersSearchUrl }}">
      <input type="hidden" name="usersSearchUrl" id="usersUrl" value="{{ usersUrl }}">
      <input type="hidden" id="userSearched">
      {% if not disableGeneralSearch %}
      <input class="form-control mr-sm-2 userSearch" type="search" placeholder="{{search|trans}}" aria-label="Search" name="users-search" id="users-search" autocomplete="off" style="width:300px;" >
      {% endif %}
    </form>
    {% endif %}

    {% if not menuScreen  %}
    <div>      
      <span style="font-size:20px;">{{userLogged.getName()}} {{userLogged.getSurname()}}</span> ( <span class="user-balance-logged">{% if userLogged.balance %} {{userLogged.balance }} {% else %}0{% endif %}</span> € )
    </div>
    {% endif %}

    <div class="ml-3">
      {% if menuScreen  %}
      <a href="{{path_for(constant('GestionComedor\\Configuration\\Routers\\MenuRouters::MENU_SCREEN'))}}"><button class="btn btn-danger" style="width: 200px;vertical-align:midlle;">{{'exit'|trans|upper}}   <i class="fa fa-sign-out" aria-hidden="true"></button></i> </a>
      {% else %}
      <a href="{{path_for(constant('GestionComedor\\Configuration\\Routers\\LoginRouters::LOGOUT'))}}"><i class="fa fa-sign-out" aria-hidden="true"></i></a>
      {% endif %}
    </div>

    <style type="text/css">
    img.language-selector-option {
        height: 25px;
    }
    </style>

    <select id="select-language-selector" class="form-control select-language-selector" data-width="fit" style="width: 100px;">
        <option {% if language == 'es' %}selected="selected"{% endif %} value="es" data-content='<img class="language-selector-option" src="/static/images/flags/es_ES.svg">'></option>
        <option {% if language == 'de' %}selected="selected"{% endif %} value="de" data-content='<img class="language-selector-option" src="/static/images/flags/de_DE.png">'></option>
      
    </select>
    

  </div>
</nav>
<div class="container mt-4">
	{% block content %}{% endblock %}
</div>
{% endblock %}