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

{% block title %}Import {{ job.sourceFilename }} — VIIZIA{% endblock %}

{% block body %}
<nav class="breadcrumb is-small" aria-label="breadcrumbs">
    <ul>
        <li><a href="{{ path('admin_imports_index') }}">Imports</a></li>
        <li class="is-active"><a href="#" aria-current="page">{{ job.sourceFilename }}</a></li>
    </ul>
</nav>

<div class="level">
    <div class="level-left">
        <div>
            <p class="title is-4">
                <span class="icon-text">
                    <span class="icon"><i class="ti {{ job.sourceType.value == 'csv' ? 'ti-file-spreadsheet' : 'ti-file-type-pdf' }}"></i></span>
                    <span>{{ job.sourceFilename }}</span>
                </span>
            </p>
            <p class="subtitle is-6 has-text-grey">
                {{ job.organization.name }} · {{ job.bankAccount.label }}
                · <span class="tag is-{{ job.status.color }} is-light">{{ job.status.label }}</span>
            </p>
        </div>
    </div>
    <div class="level-right">
        <div class="buttons">
            {% if job.sourceType.value == 'csv' %}
            <a href="{{ path('admin_imports_mapping', {'id': job.id}) }}"
               class="button is-warning is-light"
               title="Modifier le mapping et relancer l'import">
                <span class="icon"><i class="ti ti-refresh"></i></span>
                <span>Modifier et relancer</span>
            </a>
            {% elseif job.sourceType.value == 'pdf' %}
            <a href="{{ path('admin_imports_pdf_review', {'id': job.id}) }}"
               class="button is-small {% if job.status.value == 'failed' %}is-warning{% else %}is-warning is-light{% endif %}"
               title="{{ job.status.value == 'failed' ? 'Relancer la lecture du PDF sans re‑téléverser le fichier.' : 'Validation ligne par ligne des opérations extraites.' }}">
                <span class="icon is-small"><i class="ti {{ job.status.value == 'failed' ? 'ti-refresh' : 'ti-file-type-pdf' }}"></i></span>
                {% if job.status.value == 'failed' %}
                <span>Réessayer l’analyse PDF</span>
                {% elseif job.status.value == 'partial' or job.transactionsImported + job.transactionsSkipped < job.transactionsTotal %}
                <span>Continuer l'import PDF</span>
                {% else %}
                <span>Voir le détail des lignes</span>
                {% endif %}
            </a>
            {% endif %}
            <a href="{{ path('admin_transactions_index', {'preset': 'all', 'sort': 'date', 'order': 'desc', 'accounts': [job.bankAccount.id]}) }}"
               class="button is-small is-light">
                <span class="icon is-small"><i class="ti ti-eye"></i></span>
                <span>Voir les transactions</span>
            </a>
        </div>
    </div>
</div>

<div class="columns is-multiline">
    <div class="column is-one-quarter">
        <div class="viz-kpi">
            <div class="viz-kpi-header">
                <span class="viz-kpi-label">Lignes lues</span>
                <span class="viz-kpi-icon" style="background-color: var(--viz-gray-100); color: var(--viz-gray-700);">
                    <i class="ti ti-list-numbers"></i>
                </span>
            </div>
            <div class="viz-kpi-value">{{ job.transactionsTotal }}</div>
        </div>
    </div>
    <div class="column is-one-quarter">
        <div class="viz-kpi">
            <div class="viz-kpi-header">
                <span class="viz-kpi-label">Importées</span>
                <span class="viz-kpi-icon" style="background-color: var(--viz-green-light); color: var(--viz-green-text);">
                    <i class="ti ti-check"></i>
                </span>
            </div>
            <div class="viz-kpi-value has-text-success">{{ job.transactionsImported }}</div>
            {% if has_log ?? false %}
                <p class="mt-3 mb-0">
                    <a href="{{ path('admin_imports_log', { id: job.id }) }}?filter=imported"
                       target="_blank"
                       rel="noopener"
                       class="button is-success is-light is-small is-fullwidth"
                       title="Uniquement les lignes du journal marquées « OK » (transaction enregistrée)">
                        <span class="icon is-small"><i class="ti ti-terminal-2"></i></span>
                        <span>Voir les logs</span>
                    </a>
                </p>
            {% endif %}
        </div>
    </div>
    <div class="column is-one-quarter">
        <div class="viz-kpi">
            <div class="viz-kpi-header">
                <span class="viz-kpi-label">Ignorées</span>
                <span class="viz-kpi-icon" style="background-color: var(--viz-amber-light); color: var(--viz-amber-text);">
                    <i class="ti ti-exclamation-circle"></i>
                </span>
            </div>
            <div class="viz-kpi-value has-text-warning-dark">{{ job.transactionsSkipped }}</div>
            {% if has_log ?? false %}
                <p class="mt-3 mb-0">
                    <a href="{{ path('admin_imports_log', { id: job.id }) }}?filter=skipped"
                       target="_blank"
                       rel="noopener"
                       class="button is-warning is-light is-small is-fullwidth"
                       title="Uniquement les lignes du journal marquées « SKIP » (motif d’exclusion)">
                        <span class="icon is-small"><i class="ti ti-terminal-2"></i></span>
                        <span>Voir les logs</span>
                    </a>
                </p>
            {% endif %}
        </div>
    </div>
    <div class="column is-one-quarter">
        <div class="viz-kpi">
            <div class="viz-kpi-header">
                <span class="viz-kpi-label">Durée</span>
                <span class="viz-kpi-icon" style="background-color: var(--viz-violet-light); color: var(--viz-violet);">
                    <i class="ti ti-clock"></i>
                </span>
            </div>
            <div class="viz-kpi-value">
                {% if job.startedAt and job.finishedAt %}
                    {{ (job.finishedAt.timestamp - job.startedAt.timestamp) }} s
                {% else %}
                    —
                {% endif %}
            </div>
        </div>
    </div>
</div>

{% if job.errorMessage %}
    <div class="notification is-warning is-light">
        <span class="icon"><i class="ti ti-alert-triangle"></i></span>
        <strong>Premier souci rencontré :</strong> {{ job.errorMessage }}
    </div>
{% endif %}

<div class="box">
    <h3 class="title is-5">
        <span class="icon-text">
            <span class="icon"><i class="ti ti-info-circle"></i></span>
            <span>Détails</span>
        </span>
    </h3>

    <table class="table is-narrow is-fullwidth is-size-7">
        <tbody>
            <tr><th style="width: 200px;">Type de source</th><td>{{ job.sourceType.label }}</td></tr>
            <tr><th>Fichier source</th><td><code>{{ job.sourcePath }}</code></td></tr>
            <tr><th>Lancé par</th><td>{{ job.user ? job.user.email : '—' }}</td></tr>
            <tr><th>Créé le</th><td>{{ job.createdAt|date('d/m/Y H:i:s') }}</td></tr>
            <tr><th>Démarré le</th><td>{{ job.startedAt ? job.startedAt|date('d/m/Y H:i:s') : '—' }}</td></tr>
            <tr><th>Terminé le</th><td>{{ job.finishedAt ? job.finishedAt|date('d/m/Y H:i:s') : '—' }}</td></tr>
            {% if has_log ?? false %}
            <tr>
                <th>Journal d’exécution</th>
                <td>
                    <a href="{{ path('admin_imports_log', { id: job.id }) }}" target="_blank" rel="noopener">Fichier complet (import.log)</a>
                    <span class="has-text-grey is-size-7"> — pas de filtre</span>
                </td>
            </tr>
            {% endif %}
        </tbody>
    </table>

    {% if job.mapping %}
        <details class="mt-3">
            <summary class="is-size-7 has-text-grey" style="cursor: pointer;">Mapping appliqué (JSON)</summary>
            <pre class="is-size-7 mt-2" style="background: var(--viz-gray-50); padding: 12px; border-radius: 6px; overflow-x: auto;">{{ job.mapping|json_encode(constant('JSON_PRETTY_PRINT') b-or constant('JSON_UNESCAPED_UNICODE')) }}</pre>
        </details>
    {% endif %}
</div>
{% endblock %}