{% 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 %}
<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: false,
    };
</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 %}