{# SPDX-License-Identifier: Apache-2.0 #}
{# Copyright (C) 2025 Marcin Zieba <marcinpsk@gmail.com> #}
{% extends 'generic/_base.html' %}

{% block title %}Apply Rule — Preview{% endblock %}

{% block content %}
<div class="mb-3">
  <a href="{% url 'plugins:netbox_interface_name_rules:interfacenamerule_apply' %}" class="btn btn-outline-secondary btn-sm">
    <i class="mdi mdi-arrow-left me-1"></i>Back to rule list
  </a>
</div>

{# ── Rule summary ─────────────────────────────────────────────────────────────── #}
<div class="card mb-4">
  <div class="card-header"><h5 class="card-title mb-0"><i class="mdi mdi-book-outline me-2"></i>Rule</h5></div>
  <div class="card-body">
    <dl class="row mb-0">
      <dt class="col-sm-3">Module Type</dt>
      <dd class="col-sm-9">
        {% if rule.module_type_is_regex %}
          <code>{{ rule.module_type_pattern }}</code>
          <span class="badge text-bg-info ms-1">regex</span>
        {% elif rule.module_type %}
          <a href="{{ rule.module_type.get_absolute_url }}">{{ rule.module_type.model }}</a>
        {% else %}
          <span class="text-muted">—</span>
        {% endif %}
      </dd>
      <dt class="col-sm-3">Parent Module Type</dt>
      <dd class="col-sm-9">
        {% if rule.parent_module_type %}
          <a href="{{ rule.parent_module_type.get_absolute_url }}">{{ rule.parent_module_type.model }}</a>
        {% else %}
          <span class="text-muted">Any</span>
        {% endif %}
      </dd>
      <dt class="col-sm-3">Device Type</dt>
      <dd class="col-sm-9">
        {% if rule.device_type %}
          <a href="{{ rule.device_type.get_absolute_url }}">{{ rule.device_type.model }}</a>
        {% else %}
          <span class="text-muted">Any</span>
        {% endif %}
      </dd>
      <dt class="col-sm-3">Platform</dt>
      <dd class="col-sm-9">
        {% if rule.platform %}
          <a href="{{ rule.platform.get_absolute_url }}">{{ rule.platform.name }}</a>
        {% else %}
          <span class="text-muted">Any</span>
        {% endif %}
      </dd>
      <dt class="col-sm-3">Name Template</dt>
      <dd class="col-sm-9"><code>{{ rule.name_template }}</code></dd>
      {% if rule.channel_count %}
        <dt class="col-sm-3">Channels</dt>
        <dd class="col-sm-9">{{ rule.channel_count }} starting at {{ rule.channel_start }}</dd>
        <dt class="col-sm-3">Breakout Mode</dt>
        <dd class="col-sm-9">
          <span class="badge text-bg-{{ rule.get_breakout_mode_color }}">{{ rule.get_breakout_mode_display }}</span>
        </dd>
      {% endif %}
      {% if rule.parent_name_template %}
        <dt class="col-sm-3">Parent Name Template</dt>
        <dd class="col-sm-9"><code>{{ rule.parent_name_template }}</code></dd>
      {% endif %}
    </dl>
  </div>
</div>

{# ── Preview table ────────────────────────────────────────────────────────────── #}
<form id="apply-form" method="post">
{% csrf_token %}
<div class="card mb-4">
  <div class="card-header d-flex justify-content-between align-items-center">
    <h5 class="card-title mb-0"><i class="mdi mdi-eye me-2"></i>Preview</h5>
    <span class="badge text-bg-info fs-6 fw-normal"
          {% if families_supported %}title="A channelized interface and its channels count as one family"{% endif %}>
      {% if has_more %}
        Showing {{ preview|length }} of {{ total_checked }}+ {{ checked_unit }} examined that would change
        <span class="ms-1 badge text-bg-warning">(batch limit: {{ batch_limit }})</span>
      {% else %}
        {{ preview|length }} would change ({{ total_checked }} {{ checked_unit }} examined)
      {% endif %}
    </span>
  </div>

  {% if preview %}
    <div class="card-body p-0">
      <table class="table table-sm table-hover mb-0">
        <thead>
          <tr>
            <th style="width:2rem">
              <input type="checkbox" id="select-all" checked title="Select/deselect all"
                     aria-label="Select all interfaces">
            </th>
            <th>Device</th>
            <th>Module Type</th>
            <th>Current Name</th>
            <th>→</th>
            <th>New Name(s)</th>
          </tr>
        </thead>
        <tbody>
          {% for entry in preview %}
            <tr>
              <td>
                <input type="checkbox" name="interface_ids" value="{{ entry.interface.pk }}"
                       checked class="row-check" aria-label="Select {{ entry.current_name }}">
              </td>
              <td>
                {% if entry.module.device %}
                  <a href="{{ entry.module.device.get_absolute_url }}">{{ entry.module.device }}</a>
                {% else %}<span class="text-muted">—</span>{% endif %}
              </td>
              <td>
                {% if entry.module.module_type %}
                  <code>{{ entry.module.module_type.model }}</code>
                {% else %}
                  <span class="text-muted">—</span>
                {% endif %}
              </td>
              <td><code class="text-danger">{{ entry.current_name }}</code></td>
              <td class="text-muted">→</td>
              <td>
                {% for detail in entry.name_details %}
                  <code class="text-success">{{ detail.name }}</code>
                  {% if detail.channel_id %}
                    <span class="badge text-bg-secondary" title="Channel {{ detail.channel_id }} of this interface">
                      ch {{ detail.channel_id }}
                    </span>
                  {% endif %}
                  {% if not forloop.last %}<br>{% endif %}
                {% endfor %}
              </td>
            </tr>
          {% endfor %}
        </tbody>
      </table>
    </div>
  {% else %}
    <div class="card-body text-muted">No installed interfaces would be affected by this rule.</div>
  {% endif %}
</div>

{# ── Apply controls ───────────────────────────────────────────────────────────── #}
{% if preview %}
  <div class="card">
    <div class="card-header"><h5 class="card-title mb-0"><i class="mdi mdi-play me-2"></i>Apply</h5></div>
    <div class="card-body">
      {% if has_more %}
        <div class="alert alert-warning mb-3">
          <i class="mdi mdi-alert me-1"></i>
          At least {{ batch_limit }} {{ checked_unit }} would be affected. Synchronous apply is limited to
          {{ batch_limit }} {{ checked_unit }} per run. Use <strong>Run as Background Job</strong> to process all of them.
        </div>
      {% endif %}

      {% if can_apply %}
        <button type="submit" name="action" value="apply" id="apply-btn"
                class="btn btn-primary me-2">
          <i class="mdi mdi-check me-1"></i><span id="apply-btn-label">Apply Now ({{ preview|length }} selected)</span>
        </button>

        <button type="submit" name="action" value="background"
                class="btn btn-outline-primary"
                onclick="return confirm('Enqueue a background job to apply this rule to ALL matching interfaces?')">
          <i class="mdi mdi-server me-1"></i>Run as Background Job (all)
        </button>
      {% else %}
        <p class="text-muted mb-0">
          <i class="mdi mdi-lock me-1"></i>You do not have permission to apply interface changes.
          <span class="text-muted small">(requires <code>dcim.change_interface</code>)</span>
        </p>
      {% endif %}
    </div>
  </div>
{% endif %}
</form>

{# ── Flat → channelized conversion ────────────────────────────────────────────── #}
{% if conversions %}
<form id="convert-form" method="post">
{% csrf_token %}
<div class="card mt-4">
  <div class="card-header d-flex justify-content-between align-items-center">
    <h5 class="card-title mb-0"><i class="mdi mdi-call-split me-2"></i>Convert flat families</h5>
    <span class="badge text-bg-info fs-6 fw-normal">
      {% if conversions_have_more %}
        Showing {{ conversions|length }} of {{ conversions|length }}+ flat family(ies) found
        <span class="ms-1 badge text-bg-warning">(batch limit: {{ batch_limit }})</span>
      {% else %}
        {{ conversions|length }} flat family(ies) found
      {% endif %}
    </span>
  </div>
  <div class="card-body pb-0">
    <div class="alert alert-warning">
      <div>
        These modules carry a flat breakout family an earlier apply installed. Converting one rewrites
        existing rows: the ch-0 interface keeps its ID, its cable and its type and becomes the channelized
        parent, while a new channel 1 interface takes over its name and its configuration. Applying a rule
        never does this — confirm it here, per family.
      </div>
    </div>
    {% if conversions_have_more %}
      <div class="alert alert-warning">
        <i class="mdi mdi-alert me-1"></i>
        More families are waiting. Each one is checked by performing the conversion and rolling it back, so
        this page checks and converts at most {{ batch_limit }} per run. Use
        <strong>Convert as Background Job</strong> to convert all of them.
      </div>
    {% endif %}
  </div>
  <div class="card-body p-0">
    <table class="table table-sm mb-0 align-middle">
      <thead>
        <tr>
          <th style="width:2rem"></th>
          <th>Device</th>
          <th>Current Family</th>
          <th style="width:2rem">→</th>
          <th>New Family</th>
          <th>Status</th>
        </tr>
      </thead>
      <tbody>
        {% for verdict in conversions %}
          <tr class="border-bottom-0">
            <td>
              {% if verdict.convertible %}
                <input type="checkbox" name="convert_ids" value="{{ verdict.interface.pk }}"
                       class="convert-check" aria-label="Select {{ verdict.current_name }}">
              {% endif %}
            </td>
            <td>
              {% if verdict.module.device %}
                <a href="{{ verdict.module.device.get_absolute_url }}">{{ verdict.module.device }}</a>
              {% else %}<span class="text-muted">—</span>{% endif %}
            </td>
            <td>
              {% for name in verdict.current_names %}
                <div><code class="text-danger">{{ name }}</code></div>
              {% endfor %}
            </td>
            <td class="text-muted">→</td>
            <td>
              {% for detail in verdict.name_details %}
                <div>
                  <code class="text-success">{{ detail.name }}</code>
                  {% if detail.channel_id %}
                    <span class="badge text-bg-secondary" title="Channel {{ detail.channel_id }} of the parent">ch {{ detail.channel_id }}</span>
                  {% else %}
                    <span class="badge text-bg-primary">parent</span>
                  {% endif %}
                </div>
              {% endfor %}
            </td>
            <td>
              {% if verdict.convertible %}
                <span class="badge text-bg-success">Convertible</span>
              {% else %}
                <span class="badge text-bg-danger">Blocked</span>
              {% endif %}
            </td>
          </tr>
          <tr>
            <td></td>
            <td colspan="5" class="small text-muted pt-0">
              {% if verdict.convertible %}
                {{ verdict.metadata_note }}
              {% else %}
                <span class="text-danger">{{ verdict.reason }}</span>
              {% endif %}
            </td>
          </tr>
        {% endfor %}
      </tbody>
    </table>
  </div>
  {% if can_apply %}
    <div class="card-footer">
      <button type="submit" name="action" value="convert" class="btn btn-warning me-2"
              onclick="return confirm('Convert the selected flat families to the channelized topology?')">
        <i class="mdi mdi-call-split me-1"></i>Convert Selected
      </button>
      <button type="submit" name="action" value="convert_background" class="btn btn-outline-warning"
              onclick="return confirm('Enqueue a background job to convert ALL convertible families of this rule?')">
        <i class="mdi mdi-server me-1"></i>Convert as Background Job (all)
      </button>
    </div>
  {% else %}
    <div class="card-footer text-muted">
      <i class="mdi mdi-lock me-1"></i>You do not have permission to apply interface changes.
      <span class="text-muted small">(requires <code>dcim.change_interface</code>)</span>
    </div>
  {% endif %}
</div>
</form>
{% endif %}

<script>
(function () {
  const selectAll = document.getElementById('select-all');
  const applyBtn  = document.getElementById('apply-btn');
  const applyLabel = document.getElementById('apply-btn-label');
  const checks = Array.from(document.querySelectorAll('.row-check'));

  function updateApplyLabel() {
    const n = checks.filter(c => c.checked).length;
    if (applyLabel) applyLabel.textContent = `Apply Now (${n} selected)`;
    if (applyBtn)   applyBtn.disabled = (n === 0);
  }

  if (selectAll) {
    selectAll.addEventListener('change', function () {
      checks.forEach(c => { c.checked = this.checked; });
      updateApplyLabel();
    });
  }

  checks.forEach(c => {
    c.addEventListener('change', function () {
      if (selectAll) selectAll.checked = checks.every(c => c.checked);
      updateApplyLabel();
    });
  });

  // Confirm before applying to avoid accidental renames
  if (document.getElementById('apply-form')) {
    document.getElementById('apply-form').addEventListener('submit', function (e) {
      const btn = e.submitter;
      if (btn && btn.value === 'apply') {
        const n = checks.filter(c => c.checked).length;
        if (!confirm(`Apply this rule to ${n} selected interface(s)?`)) {
          e.preventDefault();
        }
      }
    });
  }

  updateApplyLabel();
})();
</script>
{% endblock %}