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

{% block title %}{{ project.path }} | CI{% endblock %}

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

  <div class="flex items-end justify-between flex-wrap gap-4">
    <div>
      <h1 class="text-xl sm:text-2xl font-bold tracking-tight text-slate-100">
        <i class="bi bi-folder2-open text-sky-400"></i> {{ project.path }}
      </h1>
      <p class="text-slate-400 mt-1 text-sm">
        {% if project.bot %}vinculado ao bot <a href="{% url 'bot_detail' project.bot.id %}" class="text-sky-400 hover:underline font-semibold">{{ project.bot.name }}</a>
        {% else %}<span class="text-amber-400">sem vínculo com bot</span>{% endif %}
      </p>
    </div>
    {# .fx-input tem width:100%; na barra de ações precisa de largura própria #}
    <div class="flex items-center gap-2 flex-wrap">
      {% if project.web_url %}<a href="{{ project.web_url }}" target="_blank" rel="noopener" class="btn-ghost whitespace-nowrap"><i class="bi bi-box-arrow-up-right"></i> Abrir no CI</a>{% endif %}
      {% if pode_editar and not project.archived %}
      <form method="post" action="{% url 'ci_project_archive' project.id %}" class="flex items-center gap-2">
        {% csrf_token %}
        {% if not project.local_archived %}
        <input type="text" name="motivo" class="fx-input text-sm" style="width: 14rem"
               placeholder="motivo (opcional)">
        <button class="btn-ghost whitespace-nowrap"><i class="bi bi-archive"></i> Arquivar no painel</button>
        {% else %}
        <button class="btn-ghost whitespace-nowrap"><i class="bi bi-arrow-counterclockwise"></i> Reativar</button>
        {% endif %}
      </form>
      {% endif %}
      <a href="{% url 'ci_projects' %}" class="btn-ghost whitespace-nowrap"><i class="bi bi-arrow-left"></i> Projetos</a>
    </div>
  </div>

  {% if project.archived or project.local_archived %}
  <div class="fx-header rounded-xl p-4 border-l-4 border-amber-500">
    <div class="text-sm text-amber-300 font-semibold">
      <i class="bi bi-archive-fill"></i>
      {% if project.archived %}Inativo — arquivado no servidor de CI
      {% else %}Inativo — arquivado neste painel{% endif %}
    </div>
    <p class="text-xs text-slate-300 mt-1">
      Não é sincronizado nem gera alerta.
      {% if project.local_archived %}
        Arquivado em {{ project.local_archived_at|date:"d/m/Y H:i" }}
        {% if project.local_archived_by %}por {{ project.local_archived_by }}{% endif %}
        {% if project.local_archived_reason %}— “{{ project.local_archived_reason }}”{% endif %}.
        Para arquivar também no servidor de CI, use
        <a class="text-sky-400 hover:underline" href="{{ project.web_url }}/edit" target="_blank" rel="noopener">as configurações do projeto</a>.
      {% endif %}
    </p>
  </div>
  {% endif %}

  {% if project.last_sync_error %}
  <div class="fx-header rounded-xl p-4 border-l-4 border-amber-500">
    <div class="text-sm text-amber-300"><i class="bi bi-exclamation-triangle"></i> Último erro de sincronização</div>
    <pre class="text-xs text-slate-300 mt-2 whitespace-pre-wrap">{{ project.last_sync_error }}</pre>
  </div>
  {% endif %}

  {% if pode_editar %}
  <div class="fx-header rounded-xl p-4">
    {% if project.bot %}
    <div class="flex items-center gap-3 flex-wrap mb-3">
      <span class="text-sm text-slate-300">
        <i class="bi bi-robot text-blue-400"></i>
        vinculado a <a href="{% url 'bot_detail' project.bot.id %}" class="text-sky-400 hover:underline font-semibold">{{ project.bot.name }}</a>
      </span>
      <form method="post" action="{% url 'ci_project_link_bot' project.id %}">
        {% csrf_token %}
        <input type="hidden" name="desvincular" value="1">
        <button class="btn-ghost text-xs py-1 whitespace-nowrap"><i class="bi bi-x-lg"></i> Desvincular</button>
      </form>
    </div>
    {% endif %}

    {% if bots_sugeridos %}
    <div class="mb-3">
      <div class="fx-label mb-1">Sugestões por semelhança de nome</div>
      <div class="flex flex-wrap gap-2">
        {% for b in bots_sugeridos %}
        <form method="post" action="{% url 'ci_project_link_bot' project.id %}">
          {% csrf_token %}
          <input type="hidden" name="bot_id" value="{{ b.id }}">
          <button class="btn-ghost text-xs py-1 whitespace-nowrap" title="vincular a {{ b.name }}">
            <i class="bi bi-link-45deg"></i> {{ b.name }}
          </button>
        </form>
        {% endfor %}
      </div>
    </div>
    {% endif %}

    <form method="post" action="{% url 'ci_project_link_bot' project.id %}" class="flex items-end gap-2 flex-wrap">
      {% csrf_token %}
      <div class="min-w-[22rem]">
        <label class="fx-label">Ou buscar pelo nome do bot</label>
        {# input+datalist: pesquisável ao digitar, sem depender de lib externa #}
        <input list="ci-bots-{{ project.id }}" name="bot_name"
               class="fx-input w-full" autocomplete="off"
               placeholder="digite parte do nome do bot">
        <datalist id="ci-bots-{{ project.id }}">
          {% for b in bots_sugeridos %}<option value="{{ b.name }}">sugerido</option>{% endfor %}
          {% for b in bots_outros %}<option value="{{ b.name }}"></option>{% endfor %}
        </datalist>
      </div>
      <button class="btn-primary text-xs py-2 whitespace-nowrap"><i class="bi bi-link-45deg"></i> Vincular</button>
    </form>
    <p class="text-xs text-slate-500 mt-2 max-w-xl">
      Os bots com nome parecido aparecem primeiro na lista. Confirme o bot antes
      de vincular.
    </p>
  </div>
  {% endif %}

  <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-clock-history"></i> Agendamentos</h2>
    </div>
    <div class="overflow-x-auto">
      <table class="fx-table w-full text-sm">
        <thead><tr>
          <th class="text-left">Descrição</th><th class="text-left">Cron</th>
          <th class="text-left">Timezone</th><th class="text-center">Ativo</th>
          <th class="text-left">Próxima execução</th>
        </tr></thead>
        <tbody>
          {% for s in schedules %}
          <tr>
            <td>{{ s.description|default:"—" }}</td>
            <td><code class="text-slate-300">{{ s.cron }}</code></td>
            <td class="text-slate-400">{{ s.cron_timezone|default:"—" }}</td>
            <td class="text-center">{% if s.active %}<i class="bi bi-check-circle-fill text-emerald-400"></i>{% else %}<i class="bi bi-dash-circle text-slate-600"></i>{% endif %}</td>
            <td class="text-slate-400">{{ s.next_run_at|date:"d/m/Y H:i"|default:"—" }}</td>
          </tr>
          {% empty %}
          <tr><td colspan="5" class="text-slate-400 py-4 text-center">Nenhum agendamento.</td></tr>
          {% endfor %}
        </tbody>
      </table>
    </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-play-circle"></i> Pipelines recentes</h2>
    </div>
    <div class="overflow-x-auto">
      <table class="fx-table w-full text-sm">
        <thead><tr>
          <th class="text-left">#</th><th class="text-left">Status</th>
          <th class="text-left">Origem</th><th class="text-left">Ref</th>
          <th class="text-left">Quando</th><th class="text-left">Duração</th>
          <th class="text-left">Disparado por</th><th class="text-left">Ações</th>
        </tr></thead>
        <tbody>
          {% for p in pipelines %}
          <tr>
            <td><a class="text-sky-400 hover:underline" href="{% url 'ci_pipeline_detail' p.id %}">{{ p.external_id }}</a></td>
            <td>
              {% if p.status == 'success' and p.has_masked_error %}
                <span class="text-amber-400" title="sucesso com erro no log">success ⚠</span>
              {% elif p.status == 'success' %}<span class="text-emerald-400">success</span>
              {% else %}<span class="text-red-400">{{ p.status }}</span>{% endif %}
            </td>
            <td class="text-slate-400">{{ p.source|default:"—" }}</td>
            <td class="text-slate-400">{{ p.ref|default:"—" }}</td>
            <td>{{ p.created_at|date:"d/m H:i"|default:"—" }}</td>
            <td class="text-slate-400">{{ p.duration|default:"—" }}</td>
            <td class="text-slate-400">{{ p.triggered_by|default:"—" }}</td>
            <td>
              <button type="button" class="btn-ghost text-xs py-1 whitespace-nowrap"
                      data-pipeline="{{ p.id }}"
                      data-rotulo="Pipeline #{{ p.external_id }} · {{ project.path }}"
                      onclick="abrirLogsPipeline(this)">
                <i class="bi bi-file-text"></i> Ver logs
              </button>
            </td>
          </tr>
          {% empty %}
          <tr><td colspan="8" class="text-slate-400 py-4 text-center">Nenhum pipeline sincronizado.</td></tr>
          {% endfor %}
        </tbody>
      </table>
    </div>
  </div>

  {% include "botapp/_ci_log_modal.html" %}

</div>
{% endblock %}