{% load i18n %}
{% load staticfiles %}
{% load sass_tags %}
<!DOCTYPE html>
<!--[if IE 8]> <html class="no-js lt-ie9" lang="en"> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="no-js" lang="pt-br">
<!--<![endif]-->

  <head>
    <meta charset="utf-8">
    <title>{% block head_title %}{% trans 'SAPL - Sistema de Apoio ao Processo Legislativo' %}{% endblock %}</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    {% block head_content %}
      <link rel="icon" href="{% static 'img/favicon.ico' %}"  type="image/png" >

      {# Styles #}
      <link rel="stylesheet" href="{% static 'foundation-datepicker/css/foundation-datepicker.min.css' %}">
      <link rel="stylesheet" href="{% static 'components-font-awesome/css/font-awesome.css' %}">
      <link rel="stylesheet" href="{% static 'foundation-icon-fonts/foundation-icons.css' %}">
      <link rel="stylesheet" href="{% sass_src 'styles/app.scss' %}" type="text/css">

      {# Scripts #}
      {# modernizr must be in head (see http://modernizr.com/docs/#installing) #}
      <script type="text/javascript" src="{% static 'foundation/js/vendor/modernizr.js' %}"></script>
      <script type="text/javascript" src="{% static 'foundation/js/vendor/jquery.js' %}"></script>
      <script type="text/javascript" src="{% static 'foundation/js/foundation.min.js' %}"></script>
      <script type="text/javascript" src="{% static 'foundation-datepicker/js/foundation-datepicker.js' %}"></script>
      <script type="text/javascript" src="{% static 'jQuery-runner/build/jquery.runner.js' %}"></script>
      <script type="text/javascript" src="{% static 'jquery-mask-plugin/dist/jquery.mask.js' %}"></script>
    {% endblock %}
  </head>

  <body>
    <div class="page fadein">

      {# Navigation #}
      {% block navigation %}
        <div id="navigation" class="navigation fixed contain-to-grid">
          <nav class="top-bar" data-topbar role="navigation">
            <ul class="title-area left">
              <li class="name"></li>
              <li class="toggle-topbar menu-icon"><a href="#"><span>Menu</span></a></li>
            </ul>

            <div class="nav right">
              <div class="icon-bar three-up">
                <a class="item" tabindex="0" role="button" aria-label="{% trans 'Pesquisa' %}">
                  <img src="{% static 'img/search.png' %}">
                </a>
                <a class="item" tabindex="0" role="button" aria-label="{% trans 'Manual' %}">
                  <img src="{% static 'img/manual.png' %}">
                </a>
                <a class="item" tabindex="0" role="button" aria-label="{% trans 'Usuário' %}">
                  <img src="{% static 'img/user.png' %}">
                </a>
              </div>
            </div>

            <section class="top-bar-section">
              <ul class="nav left">
                <li class="nav__item has-dropdown"><a class="nav__link">Institucional</a>
                  <ul class="nav__sub-nav dropdown">
                    <li class="nav__sub-item"><a class="nav__sub-link" href="{% url 'mesa_diretora' %}">Mesa Diretora</a></li>
                    <li class="nav__sub-item"><a class="nav__sub-link" href="{% url 'comissao:list' %}">Comissões</a></li>
                    <li class="nav__sub-item"><a class="nav__sub-link" href="#">Bancadas</a></li>
                    <li class="nav__sub-item"><a class="nav__sub-link" href="{% url 'parlamentares' %}">Parlamentares</a></li>
                  </ul>
                </li>
                <li class="nav__item has-dropdown"><a class="nav__link">Protocolo</a>
                  <ul class="nav__sub-nav dropdown">
                    <li class="nav__sub-item"><a class="nav__sub-link" href="{% url 'protocolo' %}">Pesquisar</a></li>
                    <!-- <li class="nav__sub-item"><a class="nav__sub-link" href="/materia">Protocolo Legislativo</a></li> -->
                    {# <li class="nav__sub-item"><a class="nav__sub-link" href="">Protocolo Geral</a></li> #}
                    {# <li class="nav__sub-item"><a class="nav__sub-link" href="{% url 'proposicao' %}">Proposições</a></li> #}
                  </ul>
                </li>
                <li class="nav__item has-dropdown"><a class="nav__link">Atividade Legislativa</a>
                  <ul class="nav__sub-nav dropdown">
                    <li class="nav__sub-item"><a class="nav__sub-link" href="{% url 'list_proposicao' %}">Proposições</a></li>
                    <li class="nav__sub-item"><a class="nav__sub-link" href="{% url 'materialegislativa:list' %}">Matérias Legislativas</a></li>
                    <li class="nav__sub-item"><a class="nav__sub-link" href="{% url 'sessaoplenaria:list_sessao' %}">Sessões Plenárias</a></li>
                    <li class="nav__sub-item"><a class="nav__sub-link" href="{% url 'sessaoplenaria:list_pauta_sessao' %}">Pautas das Sessões</a></li>
                    <li class="nav__sub-item"><a class="nav__sub-link" href="#">Atas das Sessões</a></li>
                    <li class="nav__sub-item"><a class="nav__sub-link" href="#">Reuniões das Comissões</a></li>
<!--                     <li class="nav__sub-item"><a class="nav__sub-link" href="#">Tramitação em Lote</a></li>
                    <li class="nav__sub-item"><a class="nav__sub-link" href="#">Impressos</a></li>
                    <li class="nav__sub-item"><a class="nav__sub-link" href="#">Relatórios</a></li> -->
                  </ul>
                </li>
                 <li class="nav__item has-dropdown"><a class="nav__link">{% trans 'Legislação'%}</a>
                  <ul class="nav__sub-nav dropdown">
                    <li class="nav__sub-item"><a class="nav__sub-link" href="{% url 'normajuridica:list'%}">{% trans 'Normas Jurídicas'%}</a></li>
                    <li class="nav__sub-item"><a class="nav__sub-link" href="#">Índice de Assuntos</a></li>
                  </ul>
                </li>
                <li class="nav__item has-dropdown"><a class="nav__link">Sistema</a>
                  <ul class="nav__sub-nav dropdown">
                    <li class="nav__sub-item"><a class="nav__sub-link" href="/sistema">Tabelas Auxiliares</a></li>
<!--                     <li class="nav__sub-item"><a class="nav__sub-link" href="#">Provedor LexML</a></li>
                    <li class="nav__sub-item"><a class="nav__sub-link" href="#">Publicador LexML</a></li>
                    <li class="nav__sub-item"><a class="nav__sub-link" href="#">Gerenciar Usuários</a></li>
                    <li class="nav__sub-item"><a class="nav__sub-link" href="#">Backup e Restauração</a></li>
                    <li class="nav__sub-item"><a class="nav__sub-link" href="#">Migração de Dados</a></li>
                    <li class="nav__sub-item"><a class="nav__sub-link" href="#">Sobre</a></li>
                    <li class="nav__sub-item"><a class="nav__sub-link" href="#">ZopeEdit Windows</a></li>
                    <li class="nav__sub-item"><a class="nav__sub-link" href="#">Troca de Senha</a></li> -->
                  </ul>
                </li>
              </ul>
            </section>
          </nav>
        </div>
      {% endblock navigation %}

      {# Header #}
      {% block main_header %}
        <header id="masthead" class="masthead page__row">
            <div class="container">
                <div class="container">
                    <a class="masthead__logo" href="#">
                        {% if logotipo %}
                            <img src="{{ MEDIA_URL }}{{ logotipo }}" alt="Logo">
                        {% else %}
                            <img src="{% static 'img/logo.png' %}" alt="Logo">
                        {% endif %}
                    </a>
                    <div class="masthead__heading">
                        {# XXX Make better use of translation tags in html blocks ie. actually use the proper blocktrans tag efficiently #}
                        <h1>{{ parliament_type }} {% trans 'de' %} {{ city }} - {{ state }}</h1>
                        <h2>{% trans 'Sistema de Apoio ao Processo Legislativo' %}</h2>
                    </div>


                    {% block sections_nav %}
                    {% endblock sections_nav %}


                </div>
            </div>
        </header>
      {% endblock main_header %}

      {# Main content #}
      {% block content_container %}
        <main id="content" class="content page__row">
          <div class="container">

            {# Feedback messages #}
            {% for message in messages %}
              <div data-alert class="alert-box {% if message.tags == 'error' %}alert{% else %}{{ message.tags }}{% endif %} radius">
                {{ message|safe }}
                <a href="#" class="close">&times;</a>
              </div>
            {% endfor %}

            {# Content header #}
            {% block base_header %}
              <div class="clearfix">

                {% block help %}
                  {% if view.help_path %}
                    <a class="contextual-help right" href="{% url 'help_base' %}{{ view.help_path }}">{% trans 'Ajuda' %}</a>
                  {% endif %}
                {% endblock %}

                {% block title %}
                  {% if view.title %}
                    <h1>{{ view.title|linebreaksbr  }}</h1>
                  {% endif %}
                {% endblock %}

              </div>
            {% endblock base_header %}

            {# Content per se #}
            {% block base_content %}
            {% endblock base_content %}

          </div>
        </main>

      {% endblock content_container %}

      <footer id="footer" class="footer page__row">
        <div class="container">
          <div class="footer__block footer__block--about footer__block--separator">
            <a class="footer__logo" href="#">
              <img src="{% static 'img/logo_interlegis.png' %}" alt="{% trans 'Logo do Interlegis' %} ">
            </a>
            <small>
              Desenvolvido pelo <a href="#">Interlegis</a> em software livre e aberto sobre o <a href="#">Zope</a>.
            </small>
          </div>
          <div class="footer__block footer__block--license footer__block--separator">
            <a class="footer__logo" href="#">
              <img src="{% static 'img/logo_cc.png' %}" alt="{% trans 'Logo do Creative Commons BY SA' %}">
            </a>
            <small>
              Conteúdo e dados sob licença <a href="#">Creative Commons</a> 4.0 <a href="#">Atribuir Fonte - Compartilhar Igual</a>
            </small>
          </div>

          <div class="footer__block footer__block--parliament-info vcard">
            <span class="org">{{ parliament_type }}</span> de <span class="locality">{{ city }}</span> - <abbr class="region" title="{{ state }}">{{ state_abbr }}</abbr>
            <br>
            <span class="street-address">{{ address }}</span>
            <br> CEP: <span class="postal-code">{{ postal_code }}</span> | Telefone: <span>{{ phone_number }}</span>
            <br>
            <a href="{{url_portal}}" class="url">{% trans 'Site da Câmara' %}</a> | <a href="{{url_email}}" class="email">{% trans 'Fale Conosco' %}</a>
            <br>
          </div>
        </div>
      </footer>
    </div>

    {% block foot_js %}
      <script type="text/javascript" src="{% static 'foundation/js/foundation.min.js' %}"></script>
      <script type="text/javascript" src="{% static 'foundation/js/vendor/fastclick.js' %}"></script>
      <script src="{% static 'tinymce/tinymce.min.js' %}"></script>


      <script type="text/javascript" src="{% static 'js/app.js' %}"></script>

      <script>

      </script>

      {% block extra_js %}
      {% endblock %}

    {% endblock foot_js %}
  </body>
</html>