{% extends 'base.html' %}
{% load static %}
{% block title %}Datapath | Support{% endblock %}

{% block extra_head %}
<script src="{% static 'js/htmx.min.js' %}"></script>
<link rel="stylesheet" href="{% static 'css/support.css' %}">
{% endblock %}

{% block content %}
<section class="support-preview">
    <div class="section-header-banner">
        <h2 class="support-title">Support Portal</h2>
    </div>
</section>
<div class="support-widgets">
    {% if "speedtest_openspeed" in enabled_widgets %}
        {% include "dpsupport/widgets/speedtest.html" %}
    {% endif %}
    {% if "speedtest_librespeed" in enabled_widgets %}
        {% include "dpsupport/widgets/librespeed.html" %}
    {% endif %}
    {% if "dns_lookup" in enabled_widgets %}
        {% include "dpsupport/widgets/dns_lookup.html" %}
    {% endif %}
    {% if "ping" in enabled_widgets %}
        {% include "dpsupport/widgets/ping.html" %}
    {% endif %}
    {% if "port_check" in enabled_widgets %}
        {% include "dpsupport/widgets/port_check.html" %}
    {% endif %}
    {% if "traceroute" in enabled_widgets %}
        {% include "dpsupport/widgets/traceroute.html" %}
    {% endif %}
    {% if "ticket_status" in enabled_widgets %}
        {% include "dpsupport/widgets/ticket_status.html" %}
    {% endif %}
</div>
{% endblock %}