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

{% block content_ui %}

    <div class="container my-5">
        <h3>Select attachments to process</h3>
        <hr class="my-4">

        <form
            action="{% url 'django_kie:save_selected_attachment' %}"
            method="post"
        >
            {% csrf_token %}
            <table class="table">
                <thead>
                    <tr>
                        <th>Keep</th>
                        <th class="text-danger">or Delete</th>
                        <th>Sender</th>
                        <th>Subject</th>
                        <th>Filename</th>
                    </tr>
                </thead>
                <tbody>
                {% for attachment in select_attachments %}
                    <tr>
                        <td>
                            <label class="form-check-label">
                                <input class="form-check-input" type="radio"
                                    name="attachment:{{ attachment.id }}"
                                    value="keep">
                                keep
                            </label>
                        </td>
                        <td class="text-danger">
                            <label class="form-check-label">
                                <input class="form-check-input" type="radio"
                                    name="attachment:{{ attachment.id }}"
                                    value="delete">
                                delete
                            </label>
                        </td>
                        <td>
                            {{ attachment.extraction_metadata.email.sender_email }}
                        </td>
                        <td>
                            {{ attachment.extraction_metadata.email.subject }}
                        </td>
                        <td>
                            <b>{{ attachment.filename }}</b>
                        </td>
                    </tr>
                {% empty %}
                    <tr>
                        <td colspan="5">No attachments to process</td>
                    </tr>
                {% endfor %}
                </tbody>
            </table>
            <button type="submit" class="btn btn-primary">Process attachments</button>
        </form>
    </div>

{% endblock %}