{% extends 'dcim/device/base.html' %}
{% load static %}
{% load helpers %}
{% load i18n %}

{% block title %}{% trans "Splice Editor" %}: {{ device }}{% endblock %}

{% block head %}
{{ block.super }}
<link rel="stylesheet" href="{% static 'netbox_fms/css/splice_editor.css' %}">
{% endblock %}

{% block content %}
{% if closure_draft_plan_count > 1 %}
<div class="d-flex align-items-center flex-wrap gap-2 mb-2" id="fms-plan-selector">
  <span class="text-muted small">{% trans "Draft plans" %}:</span>
  {% for draft_plan in closure_draft_plans %}
  <a href="?plan={{ draft_plan.pk }}" class="btn btn-sm {% if plan and draft_plan.pk == plan.pk %}btn-primary{% else %}btn-outline-primary{% endif %}">{{ draft_plan.name }}</a>
  {% endfor %}
</div>
{% endif %}
<div class="m-n3" style="margin-top: -1.25rem;">
{% if plan %}
    {% include "netbox_fms/inc/splice_editor_widget.html" with back_url=plan.get_absolute_url back_label="Plan Details" %}
{% else %}
    {% include "netbox_fms/inc/splice_editor_widget.html" %}
{% endif %}
</div>
<script>
    window.SPLICE_EDITOR_CONFIG = {
        deviceId: {{ device.pk }},
        planId: {{ plan.pk|default:"null" }},
        contextMode: "{{ context_mode }}",
        planStatus: "{{ plan.status|default:'' }}",
        strandsUrl: "{% url 'plugins-api:netbox_fms-api:closure_strands' device_id=device.pk %}",
        bulkUpdateUrl: {% if plan %}"{% url 'plugins-api:netbox_fms-api:spliceplan-bulk-update-entries' pk=plan.pk %}"{% else %}null{% endif %},
        quickAddFormUrl: "{% url 'plugins:netbox_fms:spliceplan_quick_add_form' %}?closure_id={{ device.pk }}",
        quickAddApiUrl: "{% url 'plugins-api:netbox_fms-api:spliceplan-quick-add' %}",
        csrfToken: "{{ csrf_token }}",
        debug: {{ debug|yesno:"true,false" }},
        readOnly: {{ is_readonly|yesno:"true,false" }},
        closurePlanCount: {{ closure_plan_count }},
        closureDraftPlanCount: {{ closure_draft_plan_count }},
        createDraftPlanUrl: {% if closure_draft_plan_count == 0 %}"{% url 'plugins:netbox_fms:spliceplan_add' %}?closure={{ device.pk }}"{% else %}null{% endif %},
    };
</script>
<script src="https://cdn.jsdelivr.net/npm/d3@7/dist/d3.min.js"></script>
<script src="{% static 'netbox_fms/dist/splice-editor.min.js' %}"></script>
{% endblock %}