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

{% block content_ui %}

    <div class="container-fluid m-0 p-5">
        <h1>Uploaded Files</h1>
        <p class="text-danger">This page is for development purposes only.</p>
        <hr>
        <table class="table table-striped">
            <thead>
                <tr>
                    <th>File</th>
                    <th>Document Type</th>
                    <th>Extracted OCR Text</th>
                    <th>&nbsp;</th>
                </tr>
            </thead>
            <tbody>
            {% for uploaded_file in uploaded_files %}
                <tr>
                    <td>{{ uploaded_file.file.name|split_filename}}</td>
                    <td>{{ uploaded_file.document_type.name }}</td>
                    <td style="font-size: 0.8em;">{{ uploaded_file.extracted_text|truncatechars:200 }}</td>
                    <td>
                        <button class="btn btn-primary" hx-post="{% url 'django_kie:extract_document' uploaded_file.id %}" hx-target="body" hx-push-url="true">Extract</button>
                    </td>
                    <td>
                        <button class="btn btn-primary"
                                hx-get="{% url 'django_kie:evaluate_document' uploaded_file.id %}"
                                hx-target="body"
                                hx-push-url="true">
                            Evaluate
                        </button>
                    </td>
                    <td>
                        <button class="btn btn-primary text-nowrap" hx-post="{% url 'django_kie_api_connection:submit_to_api' uploaded_file.id %}" hx-target="body" hx-push-url="true">Submit to API</button>
                    </td>
                </tr>
            {% endfor %}
            </tbody>
        </table>
    </div>

{% endblock %}