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

{% block content %}
{% include "netbox_kea/inc/sync_nav.html" %}
<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>
              {% if latest_job.completed %}<p class="small text-muted mb-1">{{ latest_job.completed }}</p>{% endif %}
              {% with counts=latest_result.counts %}
                {% if counts %}
                  <hr>
                  <div class="d-flex flex-wrap gap-3 small">
                    <span>✅ Created: <strong>{{ counts.created }}</strong></span>
                    <span>✏️ Updated: <strong>{{ counts.updated }}</strong></span>
                    {% if counts.errors > 0 %}
                      <span class="text-danger">❌ Errors: <strong>{{ counts.errors }}</strong></span>
                    {% else %}
                      <span>✔ Errors: <strong>0</strong></span>
                    {% endif %}
                    {% if counts.conflicts %}
                      <span class="text-warning" title="Foreign NetBox IPs skipped to avoid overwriting them">⚠ Conflicts: <strong>{{ counts.conflicts }}</strong></span>
                    {% endif %}
                  </div>
                {% elif latest_result %}
                  <hr>
                  {% include "netbox_kea/inc/sync_run_state.html" with result=latest_result %}
                {% endif %}
              {% endwith %}
            {% 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="{{ sync_toggle_url }}" 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="{{ sync_now_url }}">
              {% 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 sync_settings_url %}
              (<a href="{{ sync_settings_url }}">configure</a>){% endif %}:
            </p>
            <div class="d-flex flex-wrap gap-1 mb-2">
              {% for badge in type_badges %}
              <span class="badge {% if badge.global_on %}text-bg-success{% else %}text-bg-secondary{% endif %}">{{ badge.label }}</span>
              {% endfor %}
            </div>
            <p class="small text-muted mb-1">Server overrides{% if can_change_server %}
              (<a href="{{ server_edit_url }}">configure</a>){% endif %}:
            </p>
            <div class="d-flex flex-wrap gap-1">
              {% for badge in type_badges %}
              <span class="badge {% if badge.server_on %}text-bg-success{% else %}text-bg-secondary{% endif %}">{{ badge.label }}</span>
              {% endfor %}
            </div>
            <p class="small text-muted mt-2 mb-0">
              Deprecate stale Prefixes and IP Ranges: {% checkmark object.sync_deprecate_prefixes_and_ranges %}
            </p>
            {% endif %}
          </div>
        </div>
      </div>

      {# Job history card #}
      <div class="col-md-4">
        <div class="card h-100">
          <h5 class="card-header d-flex justify-content-between align-items-center gap-2">
            Recent Runs
            <a href="{{ jobs_list_url }}" class="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 %}