{% extends 'base.html' %}
{% load static %}

{% block title %}ROBÔS RPA :: TJPA :: SEEU{% endblock %}

{% block conteudo %}
<div class="card hero-section my-3">
  <div class="card-body text-center py-5">
    <h1 class="display-4 fw-bold mb-4">
      <img src="{% static 'img/favicon.ico' %}" alt="Logo" class="floating-logo me-3" width="200"
      height="200" />
    </h1>
    <h2 class="display-6 mb-4">ROBÔS RPA :: TJPA :: SEEU</h2>
    <p class="lead mb-4">
      Sistema de Automação de Processos Robóticos desenvolvido pelo Tribunal de Justiça do Pará
      para o SEEU.
    </p>
  </div>
</div>

<div class="row g-4">
  <div class="col-md-6 col-lg-4">
    <div class="card h-100 shadow-sm border-0">
      <div class="card-header text-center py-3">
        <i class="bi bi-search fs-2 mb-2"></i>
        <h5 class="mb-0">Pré-Análise de Processo</h5>
      </div>
      <div class="card-body d-flex flex-column">
        <p class="card-text flex-grow-1">
          Automatiza o procedimento de seleção de minuta expressa para análise.
        </p>
        <div class="mt-auto">
          <a href="{% url 'automacoes:seeu:pre_analise_processo' %}" class="btn btn-primary w-100">
            <i class="bi bi-play-circle me-2"></i>Acessar
          </a>
          <a href="{% url 'automacoes:seeu:pre_analise_processo_logs' %}" class="btn btn-outline-secondary w-100 mt-2">
            <i class="bi bi-file-text me-2"></i>Ver Logs
          </a>
        </div>
      </div>
    </div>
  </div>

  <div class="col-md-6 col-lg-4">
    <div class="card h-100 shadow-sm border-0">
      <div class="card-header text-center py-3">
        <i class="bi bi-envelope-paper fs-2 mb-2"></i>
        <h5 class="mb-0">Intimação do Ministério Público, Advogado e Defensor Público</h5>
      </div>
      <div class="card-body d-flex flex-column">
        <p class="card-text flex-grow-1">
          Automatiza o processo de intimações jurídicas, facilitando o envio e controle
          das notificações processuais de forma eficiente e organizada.
        </p>
        <div class="mt-auto">
          <a href="{% url 'automacoes:seeu:intimacao_juridica' %}" class="btn btn-primary w-100">
            <i class="bi bi-play-circle me-2"></i>Acessar
          </a>
          <a href="{% url 'automacoes:seeu:intimacao_juridica_logs' %}" class="btn btn-outline-secondary w-100 mt-2">
            <i class="bi bi-file-text me-2"></i>Ver Logs
          </a>
        </div>
      </div>
    </div>
  </div>

  <div class="col-md-6 col-lg-4">
    <div class="card h-100 shadow-sm border-0">
      <div class="card-header text-center py-3">
        <i class="bi bi-person-check fs-2 mb-2"></i>
        <h5 class="mb-0">Intimar Pessoalmente a partir de Despacho Pré-Determinado</h5>
      </div>
      <div class="card-body d-flex flex-column">
        <p class="card-text flex-grow-1">
          O robô de Intimar Pessoalmente a partir de Despacho Pré-Determinado faz a expedição de
          mandados e posterga a assinatura dos mesmos para posterior assinamento em lote pelo servidor.
        </p>
        <div class="mt-auto">
          <a href="{% url 'automacoes:seeu:intimar_pessoalmente' %}" class="btn btn-primary w-100">
            <i class="bi bi-play-circle me-2"></i>Acessar
          </a>
          <a href="{% url 'automacoes:seeu:intimar_pessoalmente_logs' %}" class="btn btn-outline-secondary w-100 mt-2">
            <i class="bi bi-file-text me-2"></i>Ver Logs
          </a>
        </div>
      </div>
    </div>
  </div>

  <div class="col-md-6 col-lg-4">
    <div class="card h-100 shadow-sm border-0 opacity-75">
      <div class="card-header text-center py-3">
        <i class="bi bi-hourglass-split fs-2 mb-2"></i>
        <h5 class="mb-0">Em Desenvolvimento</h5>
      </div>
      <div class="card-body d-flex flex-column">
        <p class="card-text flex-grow-1 text-muted">
          Nova automação em desenvolvimento. Em breve estará disponível para uso.
        </p>
        <div class="mt-auto">
          <button class="btn btn-secondary w-100" disabled>
            <i class="bi bi-clock me-2"></i>Em Breve
          </button>
        </div>
      </div>
    </div>
  </div>

  <div class="col-md-6 col-lg-4">
    <div class="card h-100 shadow-sm border-0 opacity-75">
      <div class="card-header text-center py-3">
        <i class="bi bi-plus-circle fs-2 mb-2"></i>
        <h5 class="mb-0">Próxima Automação</h5>
      </div>
      <div class="card-body d-flex flex-column">
        <p class="card-text flex-grow-1 text-muted">
          Espaço reservado para a próxima automação do sistema.
        </p>
        <div class="mt-auto">
          <button class="btn btn-secondary w-100" disabled>
            <i class="bi bi-clock me-2"></i>Em Breve
          </button>
        </div>
      </div>
    </div>
  </div>

  <div class="col-md-6 col-lg-4">
    <div class="card h-100 shadow-sm border-0 opacity-75">
      <div class="card-header text-center py-3">
        <i class="bi bi-stars fs-2 mb-2"></i>
        <h5 class="mb-0">Futuras Melhorias</h5>
      </div>
      <div class="card-body d-flex flex-column">
        <p class="card-text flex-grow-1 text-muted">
          Área destinada a novas funcionalidades e melhorias do sistema.
        </p>
        <div class="mt-auto">
          <button class="btn btn-secondary w-100" disabled>
            <i class="bi bi-clock me-2"></i>Em Breve
          </button>
        </div>
      </div>
    </div>
  </div>
</div>
{% endblock %}