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

{% block content %}

{% partialdef result inline %}
{% if status == "missing" %}
<div class="container my-5" hx-get="{% url 'django_kie:extract_document' uploaded_file.id %}?message_id={{ message_id }}" hx-trigger="load delay:1s, every 2s" hx-swap="outerHTML">
{% else %}
<div class="container my-5">
{% endif %}
    <h1>{{ uploaded_file.id }}</h1>
    <p>{{ uploaded_file.document_type.name }}</p>
    {% if status == "success" %}
    <table class="table table-striped">
        <thead>
            <tr>
                <th>Field</th>
                <th>Value</th>
            </tr>
        </thead>
        <tbody>
            {% for document_record in uploaded_file.document_records.all %}
            <tr>
                <td>{{ document_record.json_path }}</td>
                <td>{{ document_record.value }}</td>
            </tr>
            {% endfor %}
        </tbody>
    </table>
    {% elif status == "failure" %}
    <p class="text-danger">{{ error }}</p>
    {% elif status == "timeout" %}
    <p class="text-danger">Timeout</p>
    {% elif status == "missing" %}
    <p>
        {% now "H:i:s" %}
        Waiting for the extraction to complete...
    </p>
    {% endif %}
</div>
{% endpartialdef %}

{% endblock %}