{% extends "mvp/base.html" %}
{% load flex_menu static %}

{% comment %}
  FairDM's own stylesheet is linked here rather than from any one page's
  template, so it reaches every page — plugin views included, since they render
  inside this base template and cannot add a `<link>` of their own. It loads
  after django-mvp's build, so what it declares wins.
{% endcomment %}
{% block styles %}
  {{ block.super }}
  {# The page blocks' own utilities, all prefixed `dce:`, which django-mvp's build has no way to know about. #}
  <link rel="stylesheet" href="{% static 'css/daisy-cotton-ext.css' %}" />
  <link rel="stylesheet" href="{% static 'css/fairdm.css' %}" />
  <link rel="stylesheet" href="{% static 'django_tomselect/vendor/tom-select/css/tom-select.default.css' %}" />
  <link rel="stylesheet" href="{% static 'django_tomselect/css/django-tomselect.css' %}" />
  <link rel="stylesheet" href="{% static 'mvp_forms/tomselect.css' %}" />
{% endblock styles %}

{% block head %}
  {{ block.super }}
  <script src="https://cdn.jsdelivr.net/npm/htmx.org@2.0.10/dist/htmx.min.js"
          integrity="sha384-H5SrcfygHmAuTDZphMHqBJLc3FhssKjG7w/CeCpFReSfwBWDTKpkzPP8c+cLsK+V"
          crossorigin="anonymous"></script>
  <script type="text/javascript"
          src="{% url 'javascript-catalog' %}"></script>
  {% comment %} temporary until spacing fixed in django-mvp {% endcomment %}
  <style>
    .mvp-header {
      /* px-3 */
      padding-inline: calc(var(--spacing) * 3);
    }

    .mvp-header>* {
      padding: 0;
    }
  </style>
  {{ plugin_media.css }}
  <script src="{% static 'django_tomselect/js/django-tomselect.min.js' %}"></script>
{% endblock head %}

{% block app.navbar.end %}
  <c-actions.create-new />
{% endblock app.navbar.end %}

{% block app.header.tray %}
  {% if plugin_menu %}
    {% render_menu plugin_menu renderer="plugin-menu-renderer" object=object uuid=object.uuid %}
  {% endif %}
{% endblock app.header.tray %}

{% block extra_js %}
  {{ block.super }}
  {{ plugin_media.js }}
{% endblock extra_js %}