{% load static %}
<div id="data-explorer-tabs" class="tabs tabs-lift">
    <label class="tab">
        <input type="radio" name="data_explorer_tabs" checked="checked" />
        <svg
            class="bi mr-2"
            width="16"
            height="16"
            role="img"
            aria-label="visualisation"
        >
            <use
                xlink:href="{% static 'lara_django_base/icons/symbols.svg' %}#visibility"
            />
        </svg>
        Visualisations
    </label>
    <div class="tab-content bg-base-100 border-base-300 p-6">
        {% include 'lara_django_projects/components/data_visualisation.html' with data=data %}
    </div>

    <label class="tab">
        <input type="radio" name="data_explorer_tabs" />
        <svg
            class="bi mr-2"
            width="16"
            height="16"
            role="img"
            aria-label="visualisation"
        >
            <use
                xlink:href="{% static 'lara_django_base/icons/symbols.svg' %}#info"
            />
        </svg>
        Metadata
    </label>
    <div class="tab-content bg-base-100 border-base-300 p-6">
        {% include 'lara_django_projects/components/data_metadata.html' with data=data %}
    </div>

    <label class="tab">
        <input type="radio" name="data_explorer_tabs" />
        Raw Data
    </label>
    <div class="tab-content bg-base-100 border-base-300 p-6">
        {% include 'lara_django_projects/components/data_raw.html' with data=data %}
    </div>
</div>