{% extends 'generic/object.html' %}
{% load static %}

{# Breadcrumbs, the tab strip and the page body all come from the declarative layout on the #}
{# floorplan tab views. Only the asset blocks, which a panel cannot reach, are overridden #}
{# here; the canvas itself lives in inc/floorplan_canvas.html as a TemplatePanel. #}

{% block head %}
    {{ block.super }}
    <script src="{% static 'netbox_floorplan/vendors/fabric-js-5.2.1.js' %}"></script>
    <script src="{% static 'netbox_floorplan/vendors/jquery-3.7.1.js' %}"></script>
    <style>
      #drag_zone {
          box-sizing: content-box;
      }

      .drag {
          z-index: 999;
      }

      #drag-container {
          padding-right: 1rem
      }
    </style>
{% endblock head %}

{% block javascript %}
    {{ block.super }}
    <script>
      // MEDIA_URL from NetBox settings, so the canvas does not have to assume /media/.
      window.NETBOX_MEDIA_URL = "{{ MEDIA_URL|escapejs }}";
    </script>
    <script type="module" src="{% static 'netbox_floorplan/floorplan/view.js' %}"></script>
{% endblock javascript %}