{% extends 'generic/_base.html' %}

{% block title %}Sync Logs — {{ runner.name }}{% endblock %}

{% block content %}
<div class="row">
  <div class="col col-md-12">
    <div class="card">
      <div class="card-header d-flex justify-content-between align-items-center">
        <strong>Sync Logs</strong>
        <a href="{{ runner.get_absolute_url }}" class="btn btn-sm btn-outline-secondary">Back to Runner</a>
      </div>
      <div class="card-body">
        {% if page.object_list %}
          <table class="table table-hover">
            <thead>
              <tr>
                <th>Started</th>
                <th>Status</th>
                <th>Log Level</th>
                <th>Finished</th>
                <th></th>
              </tr>
            </thead>
            <tbody>
              {% for log in page %}
                <tr>
                  <td>{{ log.started|date:"Y-m-d H:i:s" }}</td>
                  <td>
                    {% if log.status == "running" %}
                      <span class="badge text-bg-warning">Running</span>
                    {% elif log.status == "completed" %}
                      <span class="badge text-bg-success">Completed</span>
                    {% else %}
                      <span class="badge text-bg-danger">Failed</span>
                    {% endif %}
                  </td>
                  <td><span class="badge text-bg-secondary">{{ log.log_level }}</span></td>
                  <td>
                    {% if log.finished %}
                      {{ log.finished|date:"Y-m-d H:i:s" }}
                    {% else %}
                      <span class="text-muted">&mdash;</span>
                    {% endif %}
                  </td>
                  <td>
                    <a href="{% url 'plugins:netbox_zabbix_sync_plugin:sync_log_detail' pk=log.pk %}" class="btn btn-sm btn-outline-primary">
                      View Log
                    </a>
                  </td>
                </tr>
              {% endfor %}
            </tbody>
          </table>

          {% if page.has_other_pages %}
            <nav aria-label="Sync log pagination">
              <ul class="pagination justify-content-center mb-0">
                {% if page.has_previous %}
                  <li class="page-item">
                    <a class="page-link" href="?page={{ page.previous_page_number }}">Previous</a>
                  </li>
                {% else %}
                  <li class="page-item disabled"><span class="page-link">Previous</span></li>
                {% endif %}

                {% for num in page.paginator.page_range %}
                  {% if page.number == num %}
                    <li class="page-item active"><span class="page-link">{{ num }}</span></li>
                  {% elif num > page.number|add:"-3" and num < page.number|add:"3" %}
                    <li class="page-item"><a class="page-link" href="?page={{ num }}">{{ num }}</a></li>
                  {% endif %}
                {% endfor %}

                {% if page.has_next %}
                  <li class="page-item">
                    <a class="page-link" href="?page={{ page.next_page_number }}">Next</a>
                  </li>
                {% else %}
                  <li class="page-item disabled"><span class="page-link">Next</span></li>
                {% endif %}
              </ul>
            </nav>
          {% endif %}
        {% else %}
          <p class="text-muted">No sync logs yet. Trigger a sync to see output here.</p>
        {% endif %}
      </div>
    </div>
  </div>
</div>
{% endblock content %}