{% extends "base.html" %}
{% load webpack_static from webpack_loader %}

{% block title %}{% endblock title %}

{% block base_content%}
  <div class="container-home">
    <div id="homeIndex">
      <!-- Proposições -->
      {% if is_parlamentar %}
      <div class="homeBlock">
        <div class="card-icon">
          <i class="fas fa-file-signature"></i>
        </div>
        <h3 class="card-title">Proposições</h3>
        <p class="card-description">Crie e gerencie suas proposições legislativas</p>
        <div class="card-actions">
          <a href="{% url 'sapl.materia:proposicao_create' %}" class="btn-action" title="Criar Proposição">
            <i class="fas fa-plus"></i> Criar
          </a>
          <a href="{% url 'sapl.materia:proposicao_list' %}" class="btn-action" title="Listar Proposições">
            <i class="fas fa-list"></i> Listar
          </a>
        </div>
      </div>
      <!-- Matérias Legislativas (Vereador) -->
      <div class="homeBlock">
        <div class="card-icon">
          <i class="fas fa-file-alt"></i>
        </div>
        <h3 class="card-title">Matérias Legislativas</h3>
        <p class="card-description">Pesquise projetos de lei e proposições</p>
        <div class="card-actions">
          <a href="{% url 'sapl.materia:pesquisar_materia' %}" class="btn-action" title="Pesquisar Matérias">
            <i class="fas fa-search"></i> Pesquisar
          </a>
        </div>
      </div>
      {% endif %}

      <!-- Proposições Pendentes (Operador de Protocolo) -->
      {% if is_operador_protocolo %}
      <div class="homeBlock">
        <div class="card-icon">
          <i class="fas fa-inbox"></i>
        </div>
        <h3 class="card-title">Proposições Pendentes</h3>
        <p class="card-description">Proposições aguardando recebimento</p>
        <div class="card-actions">
          <a href="{% url 'sapl.materia:proposicao-pendente' %}" class="btn-action" title="Ver Pendentes">
            <i class="fas fa-clock"></i> Pendentes
          </a>
          <a href="{% url 'sapl.materia:proposicao-recebida' %}" class="btn-action" title="Ver Recebidas">
            <i class="fas fa-check"></i> Recebidas
          </a>
        </div>
      </div>
      {% endif %}

      <!-- Mesa Diretora -->
      {% if not is_parlamentar %}
      <div class="homeBlock">
        <div class="card-icon">
          <i class="fas fa-users-cog"></i>
        </div>
        <h3 class="card-title">Mesa Diretora</h3>
        <p class="card-description">Órgão colegiado que dirige os trabalhos legislativos</p>
        <div class="card-actions">
          <a href="{% url 'sapl.parlamentares:mesa_diretora' %}" class="btn-action" title="Ver Mesa Diretora">
            <i class="fas fa-eye"></i> Visualizar
          </a>
        </div>
      </div>

      <!-- Comissões -->
      <div class="homeBlock">
        <div class="card-icon">
          <i class="fas fa-users"></i>
        </div>
        <h3 class="card-title">Comissões</h3>
        <p class="card-description">Órgãos técnicos especializados da Casa</p>
        <div class="card-actions">
          <a href="{% url 'sapl.comissoes:comissao_list' %}" class="btn-action" title="Ver Comissões">
            <i class="fas fa-list"></i> Listar
          </a>
        </div>
      </div>

      <!-- Parlamentares -->
      <div class="homeBlock">
        <div class="card-icon">
          <i class="fas fa-user-tie"></i>
        </div>
        <h3 class="card-title">Parlamentares</h3>
        <p class="card-description">Representantes do Poder Legislativo</p>
        <div class="card-actions">
          <a href="{% url 'sapl.parlamentares:parlamentar_list' %}" class="btn-action" title="Ver Parlamentares">
            <i class="fas fa-list"></i> Listar
          </a>
        </div>
      </div>

      <!-- Pautas -->
      <div class="homeBlock">
        <div class="card-icon">
          <i class="fas fa-calendar-alt"></i>
        </div>
        <h3 class="card-title">Pautas</h3>
        <p class="card-description">Matérias a serem discutidas e votadas</p>
        <div class="card-actions">
          <a href="{% url 'sapl.sessao:pauta_sessao' %}" class="btn-action" title="Ver Pautas">
            <i class="fas fa-calendar-check"></i> Consultar
          </a>
        </div>
      </div>

      <!-- Sessões Plenárias -->
      <div class="homeBlock">
        <div class="card-icon">
          <i class="fas fa-gavel"></i>
        </div>
        <h3 class="card-title">Sessões Plenárias</h3>
        <p class="card-description">Reuniões para votação de matérias</p>
        <div class="card-actions">
          <a href="{% url 'sapl.sessao:pesquisar_sessao' %}" class="btn-action" title="Pesquisar Sessões">
            <i class="fas fa-search"></i> Pesquisar
          </a>
        </div>
      </div>

      <!-- Matérias Legislativas -->
      <div class="homeBlock">
        <div class="card-icon">
          <i class="fas fa-file-alt"></i>
        </div>
        <h3 class="card-title">Matérias Legislativas</h3>
        <p class="card-description">Projetos de lei e proposições</p>
        <div class="card-actions">
          <a href="{% url 'sapl.materia:pesquisar_materia' %}" class="btn-action" title="Pesquisar Matérias">
            <i class="fas fa-search"></i> Pesquisar
          </a>
        </div>
      </div>

      <!-- Normas Jurídicas -->
      <div class="homeBlock">
        <div class="card-icon">
          <i class="fas fa-balance-scale"></i>
        </div>
        <h3 class="card-title">Normas Jurídicas</h3>
        <p class="card-description">Leis, decretos e resoluções</p>
        <div class="card-actions">
          <a href="{% url 'sapl.norma:norma_pesquisa'%}" class="btn-action" title="Pesquisar Normas">
            <i class="fas fa-search"></i> Pesquisar
          </a>
        </div>
      </div>

      <!-- Relatórios -->
      <div class="homeBlock">
        <div class="card-icon">
          <i class="fas fa-chart-bar"></i>
        </div>
        <h3 class="card-title">Relatórios</h3>
        <p class="card-description">Estatísticas e análises legislativas</p>
        <div class="card-actions">
          <a href="/sistema/relatorios/" class="btn-action" title="Ver Relatórios">
            <i class="fas fa-file-chart"></i> Acessar
          </a>
        </div>
      </div>

      <!-- Guia do Projeto -->
      <div class="homeBlock">
        <div class="card-icon">
          <i class="fas fa-book"></i>
        </div>
        <h3 class="card-title">Guia do Projeto</h3>
        <p class="card-description">Documentação completa do sistema SGVP</p>
        <div class="card-actions">
          <a href="{% url 'sapl.base:guia_projeto' %}" class="btn-action" title="Ver Guia do Projeto">
            <i class="fas fa-book-reader"></i> Consultar
          </a>
        </div>
      </div>
      {% endif %}

      <!-- Minhas Matérias (Documentos de autoria do Vereador) -->
      {% if is_parlamentar and autor_id %}
      <div class="homeBlock">
        <div class="card-icon">
          <i class="fas fa-folder-open"></i>
        </div>
        <h3 class="card-title">Minhas Matérias</h3>
        <p class="card-description">Visualize e assine seus documentos de autoria</p>
        <div class="card-actions">
          <a href="{% url 'sapl.materia:pesquisar_materia' %}?autoria__autor={{ autor_id }}" class="btn-action" title="Ver Minhas Matérias">
            <i class="fas fa-eye"></i> Visualizar
          </a>
        </div>
      </div>
      {% endif %}

      <!-- Tribunal de Contas (TCE) -->
      {% if not is_parlamentar %}
      <div class="homeBlock">
        <div class="card-icon">
          <i class="fas fa-file-invoice"></i>
        </div>
        <h3 class="card-title">Tribunal de Contas</h3>
        <p class="card-description">Gestão de processos e prestação de contas ao TCE</p>
        <div class="card-actions">
          <a href="{% url 'sapl.tce:admin_index' %}" class="btn-action" title="Acessar Módulo TCE">
            <i class="fas fa-folder-open"></i> Acessar
          </a>
        </div>
      </div>
      {% endif %}
    </div>
  </div>
{% endblock %}

{% block extra_js %}
  <script>
    $(document).on('keyup', (e) => {
      if (e.keyCode == 86){
        window.open("{% url 'sapl.painel:voto_individual' %}",'Voto Individual','width=1000, height=800, scrollbars=yes');
      };
    });
  </script>
{% endblock %}