{# SPDX-FileCopyrightText: 2025 Marcin Zieba <marcinpsk@gmail.com> #}
{# SPDX-License-Identifier: Apache-2.0 #}
{% extends "generic/object.html" %}
{% load helpers %}

{% block content %}
<div class="row">
  <div class="col-md-10">
    <div class="row g-3">

      {# Last sync stats card #}
      <div class="col-md-4">
        <div class="card h-100">
          <h5 class="card-header">Last Sync</h5>
          <div class="card-body">
            {% if latest_job %}
              <p class="mb-1">
                {% if latest_job.status == "completed" %}
                  <span class="badge text-bg-success">OK</span>
                {% elif latest_job.status == "failed" %}
                  <span class="badge text-bg-danger">Error</span>
                {% elif latest_job.status == "running" %}
                  <span class="badge text-bg-warning">Running</span>
                {% else %}
                  <span class="badge text-bg-secondary">{{ latest_job.status }}</span>
                {% endif %}
              </p>
              <p class="small text-muted mb-1">{{ latest_job.completed }}</p>
              {% if latest_job.data.summary %}
                {% for entry in latest_job.data.summary %}
                  {% if entry.pk == object.pk %}
                    <hr>
                    <div class="d-flex gap-3 small">
                      <span>✅ Created: <strong>{{ entry.created }}</strong></span>
                      <span>✏️ Updated: <strong>{{ entry.updated }}</strong></span>
                      {% if entry.errors > 0 %}
                        <span class="text-danger">❌ Errors: <strong>{{ entry.errors }}</strong></span>
                      {% else %}
                        <span>✔ Errors: <strong>0</strong></span>
                      {% endif %}
                    </div>
                  {% endif %}
                {% endfor %}
              {% endif %}
            {% else %}
              <p class="text-muted">No sync runs recorded yet.</p>
            {% endif %}
          </div>
        </div>
      </div>

      {# Controls card #}
      <div class="col-md-4">
        <div class="card h-100">
          <h5 class="card-header">Controls</h5>
          <div class="card-body">
            <p class="small text-muted mb-2">
              IPAM sync is currently
              {% if object.sync_enabled %}
                <span class="badge text-bg-success">enabled</span>
              {% else %}
                <span class="badge text-bg-secondary">disabled</span>
              {% endif %}
              for this server.
            </p>
            {% if can_change_server %}
            <form method="post" action="{% url 'plugins:netbox_kea:server_sync_toggle' object.pk %}" class="mb-2">
              {% csrf_token %}
              <button type="submit" class="btn btn-sm btn-outline-secondary">
                {% if object.sync_enabled %}
                  <i class="mdi mdi-pause" aria-hidden="true"></i> Disable Sync
                {% else %}
                  <i class="mdi mdi-play" aria-hidden="true"></i> Enable Sync
                {% endif %}
              </button>
            </form>
            <form method="post" action="{% url 'plugins:netbox_kea:server_sync_now' object.pk %}">
              {% csrf_token %}
              <button type="submit" class="btn btn-sm btn-primary">
                <i class="mdi mdi-play-circle-outline" aria-hidden="true"></i> Run Now
              </button>
            </form>
            {% endif %}
            {% if sync_cfg %}
            <hr class="my-2">
            {% if not sync_cfg.sync_enabled %}
            <div class="alert alert-warning py-1 px-2 small mb-2" role="alert">
              <i class="mdi mdi-alert-outline" aria-hidden="true"></i> Sync is globally disabled — all types are inactive regardless of per-server settings.
            </div>
            {% endif %}
            <p class="small text-muted mb-1">Global sync types{% if perms.netbox_kea.change_syncconfig %}
              (<a href="{% url 'plugins:netbox_kea:sync_jobs' %}">configure</a>){% endif %}:
            </p>
            <div class="d-flex flex-wrap gap-1 mb-2">
              <span class="badge {% if sync_cfg.sync_enabled and sync_cfg.sync_leases_enabled %}text-bg-success{% else %}text-bg-secondary{% endif %}">Leases</span>
              <span class="badge {% if sync_cfg.sync_enabled and sync_cfg.sync_reservations_enabled %}text-bg-success{% else %}text-bg-secondary{% endif %}">Reservations</span>
              <span class="badge {% if sync_cfg.sync_enabled and sync_cfg.sync_prefixes_enabled %}text-bg-success{% else %}text-bg-secondary{% endif %}">Prefixes</span>
              <span class="badge {% if sync_cfg.sync_enabled and sync_cfg.sync_ip_ranges_enabled %}text-bg-success{% else %}text-bg-secondary{% endif %}">IP Ranges</span>
            </div>
            <p class="small text-muted mb-1">Server overrides{% if can_change_server %}
              (<a href="{% url 'plugins:netbox_kea:server_edit' object.pk %}">configure</a>){% endif %}:
            </p>
            <div class="d-flex flex-wrap gap-1">
              <span class="badge {% if sync_cfg.sync_enabled and object.sync_leases_enabled and sync_cfg.sync_leases_enabled %}text-bg-success{% else %}text-bg-secondary{% endif %}">Leases</span>
              <span class="badge {% if sync_cfg.sync_enabled and object.sync_reservations_enabled and sync_cfg.sync_reservations_enabled %}text-bg-success{% else %}text-bg-secondary{% endif %}">Reservations</span>
              <span class="badge {% if sync_cfg.sync_enabled and object.sync_prefixes_enabled and sync_cfg.sync_prefixes_enabled %}text-bg-success{% else %}text-bg-secondary{% endif %}">Prefixes</span>
              <span class="badge {% if sync_cfg.sync_enabled and object.sync_ip_ranges_enabled and sync_cfg.sync_ip_ranges_enabled %}text-bg-success{% else %}text-bg-secondary{% endif %}">IP Ranges</span>
            </div>
            {% endif %}
          </div>
        </div>
      </div>

      {# Job history card #}
      <div class="col-md-4">
        <div class="card h-100">
          <h5 class="card-header">
            Recent Runs
            <a href="{{ jobs_list_url }}" class="float-end small text-muted">View manual runs →</a>
          </h5>
          <div class="card-body p-0">
            {% if recent_jobs %}
              <table class="table table-sm mb-0">
                <tbody>
                  {% for job in recent_jobs %}
                    <tr>
                      <td class="small">{{ job.created|date:"Y-m-d H:i" }}</td>
                      <td>
                        {% if job.status == "completed" %}
                          <span class="badge text-bg-success">OK</span>
                        {% elif job.status == "failed" %}
                          <span class="badge text-bg-danger">Error</span>
                        {% else %}
                          <span class="badge text-bg-secondary">{{ job.status }}</span>
                        {% endif %}
                      </td>
                      <td class="small text-muted">
                        {% if job.object_id %}manual{% else %}periodic{% endif %}
                      </td>
                    </tr>
                  {% endfor %}
                </tbody>
              </table>
            {% else %}
              <p class="text-muted small p-3 mb-0">No history yet.</p>
            {% endif %}
          </div>
        </div>
      </div>

    </div>
  </div>
</div>
{% endblock %}