{% extends 'django_ledger/layouts/content_layout_1.html' %}
{% load i18n %}
{% load static %}
{% load django_ledger %}

{% block view_content %}
    <div class="box">
        <div class="columns is-multiline">
            <div class="column is-12">
                <h1 class="is-size-2">{% trans 'Pending Transactions' %}</h1>
                {% data_import_job_txs_pending staged_txs_formset %}
            </div>
            <div class="column is-12 has-text-centered">
                <form action="{{ import_job.get_data_import_reset_url }}" method="post">
                    {% csrf_token %}
                    <button class="button is-warning is-large">Reset Job</button>
                </form>
            </div>
            <div class="column is-12">
                <h2 class="is-size-2">{% trans 'Imported Transactions' %}</h2>
                {% data_import_job_txs_imported import_job %}
            </div>
            <div class="column is-12 has-text-centered">
                <a class="button is-dark"
                   href="{% url "django_ledger:data-import-jobs-list" entity_slug=view.kwargs.entity_slug %}">
                    {% trans 'Back' %}
                </a>
            </div>
        </div>
    </div>
{% endblock %}