{% extends "django_kie/base_ui.html" %}
{% load django_kie partials %}

{% block content_ui %}

<div class="container-fluid m-0 p-5">
    <h1>Validation</h1>
    <hr>
    <table class="table">
        <thead>
            <tr>
                <th class="w-100">File</th>
                <th>Document Type</th>
                <th>Extracted at</th>
                <th>&nbsp;</th>
            </tr>
        </thead>
        <tbody hx-get="{% url 'django_kie:validation' %}" hx-trigger="load delay:5s, every 5s">
        {% partialdef result inline %}
        {% for uploaded_file in uploaded_files %}
            <tr>
                <td>{{ uploaded_file.filename }}</td>
                <td class="text-nowrap">{{ uploaded_file.document_type.name }}</td>
                <td class="text-nowrap">
                {% if uploaded_file.extracted_at %}
                    {{ uploaded_file.extracted_at|date:"Y-m-d H:i:s" }}
                {% else %}
                    <span class="spinner-border text-secondary fs-5" role="status">
                        <span class="visually-hidden">extracting...</span>
                    </span>
                {% endif %}
                </td>
                <td class="text-end text-nowrap">
                    <a href="{% url 'django_kie:evaluate_document' uploaded_file.id %}" class="btn btn-primary">
                        Validate &rarr;
                    </a>
                </td>
            </tr>
        {% endfor %}
        {% endpartialdef %}
        </tbody>
    </table>
</div>

{% endblock %}