{% extends "django_kie/base.html" %}
{% load partials static %}

{% block content %}

<div class="d-flex flex-row">
    <div class="bg-light p-4" style="min-height: 100vh">
        <a href="{% url 'django_kie:index' %}" class="text-decoration-none text-dark">
        {% block sidebar_title %}{% endblock %}
        </a>
        <ul class="nav nav-pills flex-column mt-auto mb-auto">
            <li class="nav-item">
                <a class="nav-link {% if request.path == url_kie_index %}active{% endif %}" href="{% url 'django_kie:index' %}">Document Upload</a>
            </li>
            {% block sidebar_items %}{% endblock %}
            {% if request.user.is_staff %}
                <li><hr></li>
                <li class="nav-item">
                    <a class="nav-link {% if '/document-types/' in request.path %}active{% endif %}" href="{% url 'django_kie:doctype_list' %}">Document Types</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link {% if request.path == url_kie_validation %}active{% endif %}" href="{% url 'django_kie:validation' %}">Raw data validation</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link {% if request.path == url_uploaded_files %}active{% endif %}" href="{% url 'django_kie:uploaded_files' %}">Uploaded files</a>
                </li>
            {% endif %}
        </ul>
    </div>
    <div class="flex-grow-1">
        {% if messages %}
            {% for message in messages %}
                <div class="alert alert-{{ message.tags }} m-2">{{ message }}</div>
            {% endfor %}
        {% endif %}
        {% block content_ui %}
        {% endblock content_ui %}
    </div>
</div>

{% endblock content %}