{% load i18n %}
<div id="menu_3" class="mbmenu">
	<!-- <a data-type="text">
	<form>
		<img src="{{ MEDIA_URL }}imagenes/browser.png" alt="img" style="position:absolute;margin-top:-20px; margin-left:-25px;margin-bottom:10px"/>
		<br/>
		<input id="myInput" type="text" name="tuoTesto" value="" />
		<input type="button" name="tuoTesto" value="Enviar" onclick="$.fn.removeMbMenu($.mbMenu.options.actualOpenedMenu,true);"/>
		<table>
			<tr>
				<td>
				<input type="checkbox" checked value="aaa"/>
				</td><td>checkbox 1</td>
			</tr>
			<tr>
				<td>
				<input type="checkbox" value="aaa"/>
				</td><td>checkbox 1</td>
			</tr>
			<tr>
				<td>
				<input type="checkbox" value="aaa"/>
				</td><td>checkbox 2</td>
			</tr>
			<tr>
				<td>
				<input type="checkbox" value="aaa"/>
				</td><td>checkbox 3</td>
			</tr>
		</table>
		<br>
		<br/>
		* Los valores de los campos no son reservados si cierra el menú!
	</form> </a> -->
	<a data-type="separator"> </a>
	{% if user.is_superuser %}<a href="{{ BASE_URL}}/admin/auth/user/" class="{ img: 'iconDone.png'}">{% trans "usuarios" %}</a>{% endif %}
	<a id="aaa" class="{menu:'sub_menu_idioma'}"  >{% trans "idioma" %}</a>
</div>
<div id="sub_menu_idioma" class="mbmenu">
	<a class="{action: 'document.formlang.language.value=\'en\';document.formlang.submit();', img: 'session-interrupteur-icone-8166-48.png'}">{% trans "ingles" %}</a>
	<a class="{action: 'document.formlang.language.value=\'es\';document.formlang.submit();', img: 'session-interrupteur-icone-8166-48.png'}">{% trans "español" %}</a>
</div>

<!-- end menus -->

<div id="banner">
	{% include "header.html" %}
</div>

<div style="text-align: right; font-size: 12px">
	{% blocktrans with user.username as username and user.last_login|date:"D, d M Y \a\t h:i:s A" as last_login %}
		Bienvenido de nuevo {{ username }}. Usted se logueo al sistema por última vez el {{ last_login }}
	{% endblocktrans %}.
</div>

<table id="menu_container">
	<tr>
		<td style="width: 100%">
			<table class="myMenu rootVoices" style="border: 0; padding: 0; margin: 0; background-color: #FFF">
				<tr>
					<td style="width: 10%" class="rootVoice {menu: 'empty'}"><a href="{{ BASE_URL }}/"><i class="icon-home"></i>&nbsp;{% trans "inicio" %}</a></td>
					<td style="width: 10%" class="rootVoice {menu: 'empty'}"><a href="{{BASE_URL}}/mapa">{% trans "mapa" %}</a></td>
					<td style="width: 20%" class="rootVoice {menu: 'empty'}"><a href="{{BASE_URL}}/flujo">{% trans "flujo_comercial" %}</a></td>
					<!-- <td style="width: 10%" class="rootVoice {menu: 'empty'}"><a href="{{BASE_URL}}/mapa/reporte">{% trans "listado" %}</a></td> -->
					<td style="width: 10%" class="rootVoice {menu: 'empty'}"><a href="{{BASE_URL}}/reportes">{% trans "reportes" %}</a></td>
					<td style="width: 10%" class="rootVoice {menu: 'empty'}"><a href="{{BASE_URL}}/convenios/convenios">{% trans "Convenios" %}</a></td>
					<td style="width: 15%" class="rootVoice {menu: 'empty'}"><a href="{{BASE_URL}}/complementariedad">{% trans "complementariedad" %}</a></td>
					<td style="width: 15%" class="rootVoice {menu: 'menu_3', disabled:false}" ><a href="#">{% trans "administracion" %}</a></td>									
					<td style="width: 10%" class="rootVoice {menu: 'empty'}"><a href="{{ BASE_URL }}/signout" title="Salir del Sistema"><i class="icon-signout"></i>&nbsp;{% trans "salir" %}</a></td>
				</tr>
			</table>
		</td>
	</tr>
</table>