{% load helpers %}
{% load plugins %}
{% load static %}

<script src="{% static 'jquery/jquery-3.7.1.min.js' %}" onerror="nb.media.handleFailure(this)"></script>
<script src="{% static 'jquery-ui-1.13.2/jquery-ui.min.js' %}" onerror="nb.media.handleFailure(this)"></script>
<script src="{% static 'bootstrap-3.4.1-dist/js/bootstrap.min.js' %}" onerror="nb.media.handleFailure(this)"></script>
<script src="{% static 'select2-4.0.13/select2.min.js' %}" onerror="nb.media.handleFailure(this)"></script>
<script src="{% static 'clipboard.js-2.0.9/clipboard.min.js' %}" onerror="nb.media.handleFailure(this)"></script>
<script src="{% static 'flatpickr-4.6.9/flatpickr.min.js' %}" onerror="nb.media.handleFailure(this)"></script>
<script src="{% static 'highlight.js-11.9.0/highlight.min.js' %}" onerror="nb.media.handleFailure(this)"></script>
<script src="{% versioned_static 'js/forms.js' %}" onerror="nb.media.handleFailure(this)"></script>
<script src="{% versioned_static 'js/nav_menu.js' %}" onerror="nb.media.handleFailure(this)"></script>
<script src="{% versioned_static 'js/theme.js' %}" onerror="nb.media.handleFailure(this)"></script>
<script src="{% versioned_static 'js/table_sorting_indicator.js' %}" onerror="nb.media.handleFailure(this)"></script>
<script src="{% versioned_static 'js/dropdown.js' %}" onerror="nb.media.handleFailure(this)"></script>
<script type="text/javascript">
    var nautobot_static_url = "{% static '' %}";
    var nautobot_api_path = "{% url 'api-root' %}";
    var nautobot_csrf_token = "{{ csrf_token }}";
    var loading = $(".loading");
    $(document).ajaxStart(function() {
        loading.show();
    }).ajaxStop(function() {
        loading.hide();
    });
    // Applies bootstrap tooltip to all elements with the title attribute.
    // Button groups are "special" and require child tooltips to have
    // `{ container: 'body' }` option not to break their styles:
    // https://getbootstrap.com/docs/3.4/javascript/#markup-1
    $("*:not(.btn-group) > [title]").tooltip();
    $(".btn-group > [title]").tooltip({ container: 'body' });
</script>
<script type="text/javascript">
    hljs.configure({ cssSelector: '.language-graphql, .language-json, .language-xml, .language-yaml' });
    hljs.highlightAll();
</script>
{% if settings.BRANDING_FILEPATHS.javascript %}
    <script src="{% custom_branding_or_static 'javascript' None %}"></script>
{% endif %}
