{% extends "botapp/base.html" %}

{% block title %}CI | RPA Monitor{% endblock %}

{% block content %}
<div class="space-y-6">

  <div class="flex items-end justify-between flex-wrap gap-4">
    <div>
      <h1 class="text-2xl sm:text-3xl font-bold tracking-tight text-slate-100">
        <i class="bi bi-diagram-3 text-sky-400"></i> Integração de CI
      </h1>
      <p class="text-slate-400 mt-1">
        Projetos, agendamentos e execuções observados no servidor de CI.
        {% if ultima_descoberta %}<span class="text-slate-500 text-sm">·
        repositórios verificados {{ ultima_descoberta|timesince }} atrás</span>{% endif %}
      </p>
    </div>
    <div class="flex items-center gap-2 flex-wrap">
      {% if pode_editar %}
      <form method="post" action="{% url 'ci_discover_now' %}">
        {% csrf_token %}
        <input type="hidden" name="voltar" value="ci_overview">
        <button class="btn-ghost whitespace-nowrap" title="procura repositórios novos agora">
          <i class="bi bi-arrow-repeat"></i> Sincronizar agora
        </button>
      </form>
      {% endif %}
      <a href="{% url 'ci_projects' %}" class="btn-ghost whitespace-nowrap">
        <i class="bi bi-list-ul"></i> Projetos
      </a>
      {% if user.is_staff %}
      <a href="{% url 'ci_connections' %}" class="btn-ghost">
        <i class="bi bi-plug"></i> Conexões
      </a>
      {% endif %}
    </div>
  </div>

  <form method="get" class="fx-header p-4 rounded-xl flex flex-wrap items-end gap-3">
    <div>
      <label class="fx-label">Situação</label>
      <select name="situacao" class="fx-select" onchange="this.form.submit()">
        <option value="ativos"   {% if situacao == 'ativos' %}selected{% endif %}>Só ativos</option>
        <option value="inativos" {% if situacao == 'inativos' %}selected{% endif %}>Só inativos</option>
        <option value=""         {% if situacao == '' %}selected{% endif %}>Todos</option>
      </select>
    </div>
    <button class="btn-ghost"><i class="bi bi-funnel"></i> Filtrar</button>
    <p class="text-xs text-slate-500 self-center">
      Projeto arquivado ou com bot desativado não é sincronizado.
    </p>
  </form>

  <div class="grid grid-cols-2 lg:grid-cols-4 gap-4">
    <div class="fx-header p-4 rounded-xl">
      <div class="text-xs uppercase tracking-wide text-slate-400">Monitorados</div>
      <div class="text-3xl font-bold text-slate-100 mt-1">{{ total_monitorados }}</div>
    </div>
    <div class="fx-header p-4 rounded-xl">
      <div class="text-xs uppercase tracking-wide text-slate-400">Última execução falhou</div>
      <div class="text-3xl font-bold {% if com_falha %}text-red-400{% else %}text-slate-100{% endif %} mt-1">{{ com_falha }}</div>
    </div>
    <div class="fx-header p-4 rounded-xl">
      <div class="text-xs uppercase tracking-wide text-slate-400">Sucesso com erro no log</div>
      <div class="text-3xl font-bold {% if mascarados %}text-amber-400{% else %}text-slate-100{% endif %} mt-1">{{ mascarados }}</div>
      <div class="text-[11px] text-slate-500 mt-1">status de sucesso com padrão de erro no log</div>
    </div>
    <div class="fx-header p-4 rounded-xl">
      <div class="text-xs uppercase tracking-wide text-slate-400">Sem execução</div>
      <div class="text-3xl font-bold text-slate-100 mt-1">{{ sem_execucao }}</div>
    </div>
  </div>

  <div class="fx-header rounded-xl overflow-hidden">
    <div class="px-4 py-3 border-b border-slate-700">
      <h2 class="font-semibold text-slate-100">
        <i class="bi bi-exclamation-diamond text-amber-400"></i>
        Execução de CI sem registro do SDK
      </h2>
      <p class="text-xs text-slate-400 mt-1">
        Projetos cuja última execução no CI é mais recente que o último registro
        do SDK.
      </p>
    </div>
    <div class="overflow-x-auto">
      <table class="fx-table w-full text-sm">
        <thead>
          <tr>
            <th class="text-left">Projeto</th>
            <th class="text-left">Bot</th>
            <th class="text-left">Situação</th>
            <th class="text-left">Último pipeline</th>
            <th class="text-left">Última task do SDK</th>
          </tr>
        </thead>
        <tbody>
          {% for p in sem_instrumentacao %}
          <tr>
            <td><a class="text-sky-400 hover:underline" href="{% url 'ci_project_detail' p.id %}">{{ p.path }}</a></td>
            <td>{% if p.bot %}<a class="text-sky-400 hover:underline" href="{% url 'bot_detail' p.bot.id %}">{{ p.bot.name }}</a>{% else %}—{% endif %}</td>
            <td>
              {% if p.motivo_inatividade %}
                <span class="chip chip-muted" title="{{ p.motivo_inatividade }}">Inativo</span>
              {% else %}
                <span class="chip chip-success"><span class="w-1.5 h-1.5 rounded-full bg-emerald-400"></span>Ativo</span>
              {% endif %}
            </td>
            <td>{{ p.last_pipeline_at|date:"d/m/Y H:i"|default:"—" }}</td>
            <td>{{ p.bot.last_execution_at|date:"d/m/Y H:i"|default:"nunca" }}</td>
          </tr>
          {% empty %}
          <tr><td colspan="5" class="text-slate-400 py-6 text-center">
            Nenhum caso — todo projeto vinculado registrou a última execução.
          </td></tr>
          {% endfor %}
        </tbody>
      </table>
    </div>
  </div>

</div>
{% endblock %}