{% load static from staticfiles %}
{% load i18n %}
<div class="navbar navbar-inverse navbar-static-top bg_sections">
    <div class="container">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" rel="home" href="https://miv.cenditel.gob.ve" title="Mapa Productivo de Venezuela">
                <img src="{% static 'images/logompv.png' %}" style="max-width:120px; margin-top: -7px;">
            </a>
        </div>
        <div class="collapse navbar-collapse navbar-left">
            <ul class="nav navbar-nav">
                <li><a style="color:#FFFFFF"><strong>Simulador Integral de Cadenas Productivas</strong></a></li>
            </ul>
        </div>
        <div class="collapse navbar-collapse navbar-right">
            {% if request.user.is_authenticated %}
                <ul class="nav navbar-nav">
                    <li class="active">
                        <a href="{% url 'inicio' %}">
                            <i class="glyphicon glyphicon-home"></i> {% trans 'Inicio' %}
                        </a>
                    </li>
                    <li>
                        <a href="{% url 'consulta_ue' %}">
                            <i class="glyphicon glyphicon-object-align-horizontal"></i> {% trans 'Modelado de Cadena' %}
                        </a>
                    </li>
                    <li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                            <i class="glyphicon glyphicon-question-sign"></i> {% trans 'Ayuda' %} <i class="glyphicon glyphicon-chevron-down"></i>
                        </a>
                        <ul class="dropdown-menu">
                            <li>
                                <a href="{% static 'docs/usuario/Entrada.html' %}" data-toggle="tooltip"
                                   title="{% trans 'Presione para ver el manual de usuario' %}" target="_blank">
                                    <i class="glyphicon glyphicon-book"></i> {% trans 'Manual Usuario' %}
                                </a>
                            </li>
                            <li>
                                <a href="{% static 'docs/sistema/index.html' %}" data-toggle="tooltip"
                                   title="{% trans 'Presione para ver el manual del sistema' %}" target="_blank">
                                    <i class="glyphicon glyphicon-book"></i> {% trans 'Manual Sistema' %}
                                </a>
                            </li>
                            <li>
                                <a href="#" onclick="acerca_de()" data-toggle="tooltip"
                                   title="{% trans 'Precione para ver detalles sobre el Simulador Integral de Cadenas Productivas (SICP)' %}">
                                    <i class="glyphicon glyphicon-certificate"></i> {% trans 'Acerca de...' %}
                                </a>
                            </li>
                        </ul>
                    </li>
                    <li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                            <i class="glyphicon glyphicon-user"></i> {% trans 'Usuario' %} <i class="glyphicon glyphicon-chevron-down"></i>
                        </a>
                        <ul class="dropdown-menu">
                            <li>
                                <a href="{% if request.user.profile.id %}{% url 'detalle_perfil' request.user.profile.id %}{% else %}#{% endif %}" data-toggle="tooltip"
                                   title="{% trans 'Presione para ver y/o modificar datos del perfil de usuario' %}">
                                    <i class="glyphicon glyphicon-user"></i> {% trans 'Perfil' %}
                                </a>
                            </li>
                            <li>
                                <a href="{% url 'modificar_clave' %}" data-toggle="tooltip"
                                   title="{% trans 'Presione para modificar la contraseña' %}">
                                    <i class="glyphicon glyphicon-eye-close"></i> {% trans 'Modificar contraseña' %}
                                </a>
                            </li>
                            <li>
                                <a href="{% url 'salir' %}" data-toggle="tooltip"
                                   title="{% trans 'Presione para salir del sistema' %}">
                                    <i class="glyphicon glyphicon-log-out"></i> {% trans 'Salir' %}
                                </a>
                            </li>
                        </ul>
                    </li>
                </ul>
            {% else %}
                <ul class="nav navbar-nav">
                    <li>
                        <a href="{% url 'acceso' %}" data-toggle="tooltip"
                           title="{% trans 'Presione para acceder al sistema' %}">
                            <i class="glyphicon glyphicon-user"></i> {% trans 'Acceso' %}
                        </a>
                    </li>
                </ul>
            {% endif %}
        </div><!--/.nav-collapse -->
    </div>
</div>
<script type="text/javascript">
    function acerca_de() {
        var msg = "<strong>"+"{% trans 'VERSION' %}"+"</strong>"+": 3.0.0"+"<br/><br/>";
        msg += "<strong>"+"{% trans 'LICENCIA' %}"+": "+"</strong>"+"General Public Licence (GPL) V2"+"<br/><br/>";
        msg += "<strong>"+"{% trans 'DESCRIPCION' %}"+": "+"</strong>"+"{% trans 'Herramienta para el modelaje y simulacion de cadenas productivas desde diversas fuentes de datos.' %}"+"<br/><br/>";
        msg += "<strong>"+"{% trans 'ORGANIZACION' %}"+": "+"</strong>"+"{% trans 'Centro Nacional de Desarrollo e Investigacion en Tecnologias Libres (CENDITEL) Nodo Merida - Venezuela' %}"+"<br/><br/>";
        msg += "<strong>"+"{% trans 'EQUIPO' %}"+":"+"</strong>"+"<br/>";
        msg += "<ul>";
        msg += "<li>Ing. Roldan Vargas - Analista de Desarrollo</li>";
        msg += "<li>Ing. Solazver Solé - Analista de Desarrollo</li>";
        msg += "<li>Ing. Alejandro Mujica - Analista de Desarrollo</li>";
        msg += "<li>Ing. Erwin Paredes - Analista de Desarrollo</li>";
        msg += "<li>Lic. Julie Vera - Analista de Investigación</li>";
        msg += "</ul><br/>";
        msg += "<strong>"+"{% trans 'COLABORADOR' %}:"+"</strong><br/>";
        msg += "Dr. Leandro Rabindranath León";

        bootbox.dialog({
            message: msg,
            title: "{% trans 'SIMULADOR INTEGRAL DE CADENAS PRODUCTIVAS (SICP)' %}",
            buttons: {
                success: {
                    label: "{% trans 'Cerrar' %}",
                    className: "btn-primary",
                    callback: function() {

                    }
                }
            }
        });
    }
</script>