{% extends 'base.html.twig' %}

{% block title %}Imports — VIIZIA{% endblock %}

{% block javascripts %}
    {{ parent() }}
    {% if jobs is not empty %}
        <script src="{{ asset('js/import-bulk-select.js') }}" defer></script>
    {% endif %}
{% endblock %}

{% block body %}
{% set imp_sort_cols = constant('App\\Dto\\Admin\\ImportJobListQuery::SORT_KEYS') %}
{% set imp_col_labels = constant('App\\Dto\\Admin\\ImportJobListQuery::COLUMN_LABELS') %}
{% set per_page_choices = constant('App\\Dto\\Admin\\ImportJobListQuery::PER_PAGE_CHOICES') %}

<div class="viz-txn-toolbar mb-4">
    <div class="viz-txn-toolbar-head">
        <div class="viz-txn-toolbar-text">
            <h1 class="viz-txn-title"><i class="ti ti-upload"></i> Imports</h1>
            <p class="viz-txn-meta">
                {% if imports_total > 0 %}
                    {% set range_from = ((imports_list.page - 1) * imports_list.perPage) + 1 %}
                    {% set range_end = imports_list.page * imports_list.perPage %}
                    {% set range_to = range_end > imports_total ? imports_total : range_end %}
                    {{ range_from }}–{{ range_to }} sur {{ imports_total }} import{{ imports_total > 1 ? 's' : '' }}
                {% else %}
                    Aucun import enregistré
                {% endif %}
            </p>
        </div>
        <div class="viz-dashboard-actions" style="margin-left: auto;">
            <a href="{{ path('admin_imports_new') }}" class="button is-primary is-small">
                <span class="icon"><i class="ti ti-plus"></i></span>
                <span>Nouvel import</span>
            </a>
        </div>
    </div>
</div>

{% if jobs is empty %}
    <div class="has-text-centered viz-empty py-6">
        <span class="icon is-large has-text-grey-light"><i class="ti ti-upload" style="font-size: 2.5rem;"></i></span>
        <p class="title is-5 has-text-grey mt-3 mb-2">Aucun import</p>
        <p class="subtitle is-7 has-text-grey">Importez votre premier relevé CSV ou PDF pour démarrer.</p>
        <a href="{{ path('admin_imports_new') }}" class="button is-primary">
            <span class="icon"><i class="ti ti-plus"></i></span>
            <span>Nouvel import</span>
        </a>
    </div>
{% else %}
    <div class="viz-txn-bulk-bar mb-3 is-flex is-flex-wrap-wrap is-align-items-center" style="gap: 0.75rem;">
        <form id="viz-import-bulk-delete-form"
              class="is-flex is-align-items-center"
              style="gap: 0.75rem;"
              method="post"
              action="{{ path('admin_imports_bulk_delete') }}">
            <input type="hidden" name="_token" value="{{ csrf_token('imports-bulk-delete') }}">
            <button type="submit"
                    id="viz-import-bulk-delete-btn"
                    class="button is-danger is-light"
                    disabled>
                <span class="icon"><i class="ti ti-trash"></i></span>
                <span>Supprimer la sélection</span>
            </button>
        </form>
        <span class="is-size-7 has-text-grey">Cochez une ou plusieurs lignes, puis validez (page courante uniquement). Les transactions déjà importées depuis ces fichiers restent dans le registre sans lien métier avec l’import.</span>
    </div>
    <div class="b-table has-mobile-cards viz-import-jobs-table">
        <div class="table-wrapper box p-0">
            <table class="table is-striped is-hoverable is-fullwidth mb-0">
                <thead>
                    <tr>
                        <th class="has-text-centered viz-th-checkbox" scope="col" style="width: 2.75rem;">
                            <input type="checkbox"
                                   id="viz-import-select-all"
                                   form="viz-import-bulk-delete-form"
                                   title="Tout cocher / tout décocher sur cette page"
                                   aria-label="Tout cocher ou tout décocher sur cette page">
                        </th>
                        {% for col in imp_sort_cols %}
                            {% set is_cur = imports_list.sort == col %}
                            {% set aria_sort = is_cur ? (imports_list.order == 'asc' ? 'ascending' : 'descending') : 'none' %}
                            {% set is_num = col in ['total', 'imported', 'skipped'] %}
                            <th class="viz-th-sort-wrap {{ is_cur ? 'is-current-sort' : '' }} {{ is_num ? 'has-text-right' : '' }}"
                                aria-sort="{{ aria_sort }}" scope="col">
                                <a href="{{ path('admin_imports_index', imports_list.toggleSortParams(col)) }}"
                                   class="viz-th-sort {{ is_num ? 'is-numeric' : '' }}">
                                    <span class="viz-th-sort-label">{{ attribute(imp_col_labels, col) }}</span>
                                    {% if is_cur %}
                                        <i class="ti {{ imports_list.order == 'asc' ? 'ti-chevron-up' : 'ti-chevron-down' }} viz-th-sort-icon" aria-hidden="true"></i>
                                    {% endif %}
                                    <span class="viz-sr-only">
                                        {% if is_cur %} — tri {{ imports_list.order == 'asc' ? 'croissant' : 'décroissant' }}{% else %}, trier{% endif %}
                                    </span>
                                </a>
                            </th>
                        {% endfor %}
                        <th class="has-text-right is-label-hidden viz-th-actions" aria-sort="none" scope="col"><span class="viz-sr-only">Actions</span></th>
                    </tr>
                </thead>
                <tbody>
                    {% for job in jobs %}
                        <tr>
                            <td class="has-text-centered" data-label="Sélection">
                                <input type="checkbox"
                                       class="viz-import-row-cb"
                                       form="viz-import-bulk-delete-form"
                                       name="ids[]"
                                       value="{{ job.id }}"
                                       aria-label="Sélectionner l’import {{ job.sourceFilename|e('html_attr') }}">
                            </td>
                            <td data-label="{{ attribute(imp_col_labels, 'file') }}">
                                <span class="icon-text viz-import-file-cell">
                                    <span class="icon has-text-grey">
                                        <i class="ti {{ job.sourceType.value == 'csv' ? 'ti-file-spreadsheet' : 'ti-file-type-pdf' }}"></i>
                                    </span>
                                    <code class="is-size-7">{{ job.sourceFilename }}</code>
                                </span>
                            </td>
                            <td data-label="{{ attribute(imp_col_labels, 'organization') }}">
                                <span class="is-size-7">{{ job.organization.name }}</span>
                            </td>
                            <td data-label="{{ attribute(imp_col_labels, 'account') }}">
                                <span class="is-size-7">{{ job.bankAccount.label }}</span>
                            </td>
                            <td data-label="{{ attribute(imp_col_labels, 'status') }}">
                                <span class="tag is-{{ job.status.color }} is-light is-size-7">{{ job.status.label }}</span>
                            </td>
                            <td class="has-text-right viz-amount" data-label="{{ attribute(imp_col_labels, 'total') }}">{{ job.transactionsTotal }}</td>
                            <td class="has-text-right viz-amount has-text-success" data-label="{{ attribute(imp_col_labels, 'imported') }}">{{ job.transactionsImported }}</td>
                            <td class="has-text-right viz-amount has-text-grey" data-label="{{ attribute(imp_col_labels, 'skipped') }}">{{ job.transactionsSkipped }}</td>
                            <td class="is-size-7" data-label="{{ attribute(imp_col_labels, 'created') }}">{{ job.createdAt|date('d/m/Y H:i') }}</td>
                            <td class="has-text-right viz-td-actions">
                                <div class="buttons are-small is-right">
                                    <a href="{{ path('admin_imports_show', {'id': job.id}) }}" class="button is-light" title="Voir le rapport">
                                        <span class="icon"><i class="ti ti-eye"></i></span>
                                    </a>
                                    {% if job.sourceType.value == 'csv' %}
                                        <a href="{{ path('admin_imports_mapping', {'id': job.id}) }}" class="button is-warning is-light" title="Modifier le mapping">
                                            <span class="icon"><i class="ti ti-refresh"></i></span>
                                        </a>
                                    {% elseif job.sourceType.value == 'pdf' %}
                                        <a href="{{ path('admin_imports_pdf_review', {'id': job.id}) }}" class="button is-warning {% if job.status.value == 'failed' %}{% else %}is-light{% endif %}"
                                           title="{{ job.status.value == 'failed' ? 'Réessayer l’analyse PDF' : 'Import PDF ligne par ligne' }}">
                                            <span class="icon"><i class="ti {{ job.status.value == 'failed' ? 'ti-refresh' : 'ti-file-type-pdf' }}"></i></span>
                                        </a>
                                    {% endif %}
                                    <form method="post" action="{{ path('admin_imports_delete', {id: job.id}) }}" class="is-inline viz-import-delete-form"
                                          onsubmit="return confirm(&quot;Supprimer cet import et son fichier du serveur ? Les transactions déjà créées depuis cet import sont conservées (sans lien métier avec l’import).&quot;);">
                                        <input type="hidden" name="_token" value="{{ csrf_token('delete_import_' ~ job.id) }}">
                                        <button type="submit" class="button is-danger is-light" title="Supprimer l’import et le fichier">
                                            <span class="icon"><i class="ti ti-trash"></i></span>
                                        </button>
                                    </form>
                                </div>
                            </td>
                        </tr>
                    {% endfor %}
                </tbody>
            </table>
        </div>
    </div>

    {% set range_from = imports_total > 0 ? ((imports_list.page - 1) * imports_list.perPage) + 1 : 0 %}
    {% set range_end = imports_total > 0 ? imports_list.page * imports_list.perPage : 0 %}
    {% set range_to = imports_total > 0 ? (range_end > imports_total ? imports_total : range_end) : 0 %}

    <div class="viz-pagination-bar" role="region" aria-label="Pagination">
        <div class="viz-pagination-bar-left">
            <div class="viz-per-page-segmented" role="group" aria-label="Nombre d’éléments par page">
                {% for n in per_page_choices %}
                    {% if imports_list.perPage == n %}
                        <span class="viz-per-page-seg is-current" aria-current="true">{{ n }}</span>
                    {% else %}
                        <a href="{{ path('admin_imports_index', imports_list.toQueryParams(1, null, null, n)) }}"
                           class="viz-per-page-seg">{{ n }}</a>
                    {% endif %}
                {% endfor %}
            </div>
            <span class="viz-per-page-caption">Éléments par page</span>
        </div>

        <div class="viz-pagination-bar-right">
            {% if imports_total > 0 %}
                <span class="viz-pagination-range">{{ range_from }}–{{ range_to }} sur {{ imports_total }}</span>
            {% endif %}
            <div class="viz-pagination-arrow-group" role="navigation" aria-label="Pages">
                {% if imports_page_count > 1 and imports_list.page > 1 %}
                    <a class="viz-pagination-arrow" rel="prev" title="Page précédente" aria-label="Page précédente"
                       href="{{ path('admin_imports_index', imports_list.toQueryParams(imports_list.page - 1)) }}">&#8249;</a>
                {% else %}
                    <span class="viz-pagination-arrow is-disabled" aria-disabled="true" title="Première page">&#8249;</span>
                {% endif %}
                {% if imports_page_count > 1 and imports_list.page < imports_page_count %}
                    <a class="viz-pagination-arrow" rel="next" title="Page suivante" aria-label="Page suivante"
                       href="{{ path('admin_imports_index', imports_list.toQueryParams(imports_list.page + 1)) }}">&#8250;</a>
                {% else %}
                    <span class="viz-pagination-arrow is-disabled" aria-disabled="true"
                          title="{{ imports_page_count <= 1 ? 'Une seule page' : 'Dernière page' }}">&#8250;</span>
                {% endif %}
            </div>
        </div>
    </div>
{% endif %}
{% endblock %}