{% 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">
            <h1 class="mb-0">KIE</h1>
            <h3 class="mb-5">PO→SO</h3>
        </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>
            <li class="nav-item">
                <a class="nav-link {% if request.path == url_custom_workflow_po_so_po_validation %}active{% endif %}" href="{% url 'custom_workflow_po_so:po_validation' %}">
                    Validation <span class="badge {% if purchase_orders_count > 0 %}bg-primary{% else %}bg-secondary{% endif %}">{{ purchase_orders_count }}</span>
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link {% if request.path == url_custom_workflow_po_so_po_completion %}active{% endif %}" href="{% url 'custom_workflow_po_so:po_completion' %}">
                    Completion <span class="badge {% if completion_orders_count > 0 %}bg-primary{% else %}bg-secondary{% endif %}">{{ completion_orders_count }}</span>
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link {% if request.path == url_custom_workflow_po_so_po_dashboard %}active{% endif %}" href="{% url 'custom_workflow_po_so:po_dashboard' %}">Dashboard</a>
            </li>
            {% 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>
        {% block sidebar %}
        {% endblock sidebar %}
    </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 %}