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

{% block title %}Re-scope VLAN {{ state.vlan.vid }}{% endblock %}

{% block content %}
<div class="row">
  <div class="col col-md-8 offset-md-2">
    <div class="card">
      <h5 class="card-header">Re-scope VLAN {{ state.vlan.vid }} — {{ object }}</h5>
      <div class="card-body">
        <p class="text-muted">
          VLAN <strong>{{ state.vlan.vid }}</strong> ({{ state.vlan.name|default:"—" }}) is currently in group
          <code>{{ state.vlan.group }}</code>. Move it into another group (e.g. a site-wide / shared group) and it
          <strong>stays synced</strong> with the device — sync follows the overlay, not the group. If the target group
          already has VLAN {{ state.vlan.vid }}, this <strong>merges</strong> onto that shared VLAN (re-pointing this
          device's interfaces) and removes the per-device duplicate.
        </p>

        {% if groups %}
        <form method="post">
          {% csrf_token %}
          <div class="mb-3">
            <label class="form-label" for="group">Target VLAN group</label>
            <select class="form-select" id="group" name="group" required>
              {% for g in groups %}
                <option value="{{ g.group.pk }}">{{ g.group }}{% if g.merges %} — merge onto existing VLAN {{ state.vlan.vid }}{% endif %}</option>
              {% endfor %}
            </select>
          </div>
          <button type="submit" class="btn btn-primary">Re-scope</button>
          <a href="{% url 'dcim:device_nso' pk=object.pk %}" class="btn btn-outline-secondary">Cancel</a>
        </form>
        {% else %}
          <p class="text-warning mb-0">No other VLAN group available. Create one first (Plugins → IPAM → VLAN Groups).</p>
        {% endif %}
      </div>
    </div>
  </div>
</div>
{% endblock %}