{% extends "master.html" %}

{% block title %}Logs · Anitya{% endblock %}

{% block header %}
{% if refresh %}
<meta http-equiv="refresh" content="5">
{% endif %}
{% endblock %}

{% block body %}

<div class="d-flex justify-content-between align-items-center mb-3">
  <div>
    <h1 class="h2 mb-0 fw-bold">Logs</h1>
    {% if refresh %}
    <small class="text-muted">Auto-refreshing every 5 seconds</small>
    {% endif %}
  </div>
  <div>
    {% if refresh %}
    <a href="{{ url_for('anitya_ui.browse_logs') }}?page={{ page }}" class="btn btn-outline-danger btn-sm" id="checknow">
      Remove auto-refresh
    </a>
    {% else %}
    <a href="{{ url_for('anitya_ui.browse_logs') }}?page={{ page }}&refresh=True" class="btn btn-outline-success btn-sm" id="checknow">
      Activate auto-refresh
    </a>
    {% endif %}
  </div>
</div>

{% if total_page > 1 %}
<div class="d-flex justify-content-end mb-3">
  <nav aria-label="Logs pagination">
    <ul class="pagination pagination-sm mb-0">
      {% if page > 1 %}
      <li class="page-item">
        <a class="page-link" href="{{ page_url }}?page={{ page - 1 }}{% if refresh %}&refresh=True{% endif %}">«</a>
      </li>
      {% else %}
      <li class="page-item disabled">
        <span class="page-link">«</span>
      </li>
      {% endif %}
      <li class="page-item disabled">
        <span class="page-link">{{ page }} / {{ total_page }}</span>
      </li>
      {% if page < total_page %}
      <li class="page-item">
        <a class="page-link" href="{{ page_url }}?page={{ page + 1 }}{% if refresh %}&refresh=True{% endif %}">»</a>
      </li>
      {% else %}
      <li class="page-item disabled">
        <span class="page-link">»</span>
      </li>
      {% endif %}
    </ul>
  </nav>
</div>
{% endif %}

<div class="table-responsive">
  <table class="table table-striped table-hover align-middle mt-2 w-100" id="log_list">
    <thead>
      <tr>
        <th style="width: 20%;">Name</th>
        <th style="width: 22%;">Updated</th>
        <th class="text-center" style="width: 14%;">Status</th>
        <th>Description</th>
      </tr>
    </thead>
    <tbody>
      {% for project in projects %}
      <tr>
        <td class="text-break">
          <a href="{{ url_for('anitya_ui.project', project_id=project.id) }}" class="fw-semibold text-decoration-none">
            {{ project.name }}
          </a>
        </td>
        <td class="text-nowrap small text-muted">
          {% if project.last_check %}
          {{ project.last_check.strftime('%Y-%m-%d %H:%M:%S') }} (UTC)
          {% else %}
          N/A
          {% endif %}
        </td>
        <td class="text-center">
          {% if project.check_successful is none %}
          <span class="badge bg-secondary">Not updated</span>
          {% elif project.check_successful %}
          <span class="badge bg-success">OK</span>
          {% else %}
          <span class="badge bg-danger">Fail</span>
          {% endif %}
        </td>
        <td class="text-break">
          <small class="text-monospace text-body-secondary">{{ project.logs or '' }}</small>
        </td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
</div>

{% endblock %}