{% extends "index.html" %}
{% load static i18n %}
{% block content %}
    {% include "generic/components.html" %}

    {% for path in script_static_paths %}
        <script src="{% static path %}"></script>
    {% endfor %}

    <div
        class="oh-checkpoint-badge mb-2"
        id="selectedInstances"
        data-ids="[]"
        data-clicked=""
        style="display: none"
    ></div>

    {% if nav_url %}
        <div hx-get="{{nav_url}}?{{request.GET.urlencode}}" hx-trigger="load">
            <div class="mt-5 oh-wrapper animated-background" style="height: 80px"></div>
        </div>
    {% endif %}

    {% if view_url %}
        <div class="oh-wrapper" id="pipelineContainer">
            <div class="mt-4 animated-background" style="height: 600px"></div>
        </div>
    {% endif %}

{% endblock content %}