{% extends 'base.html.twig' %}
{% block title %}Resultado de importacion SAT{% endblock %}
{% block page_title %}Resultado de importacion SAT{% endblock %}

{% block breadcrumb %}
  <nav class="flex" aria-label="Breadcrumb">
    <ol class="flex flex-wrap items-center gap-2 text-sm">
      <li><a href="{{ path('home') }}" class="text-secondary-500 hover:text-secondary-700">Inicio</a></li>
      <li class="text-secondary-300" aria-hidden="true">/</li>
      <li class="text-secondary-500">Documentos</li>
      <li class="text-secondary-300" aria-hidden="true">/</li>
      <li class="text-secondary-700" aria-current="page">Resultado SAT</li>
    </ol>
  </nav>
{% endblock %}

{% block content_header %}
  <div class="page-header mb-6">
    <div class="min-w-0">
      <h2 class="page-title">Resultado de importacion SAT</h2>
      <p class="page-subtitle">Revisa y conserva el detalle de las filas que no se pudieron importar.</p>
    </div>
    <div class="page-actions">
      <a href="{{ path('home') }}" class="btn btn-outline-secondary">
        <i class="bi bi-house" aria-hidden="true"></i>
        Volver al inicio
      </a>
    </div>
  </div>
{% endblock %}

{% block content %}
  <section class="section-card mx-auto max-w-3xl" role="status" aria-live="polite">
    <div class="section-card-header flex items-start gap-3">
      <span class="flex h-11 w-11 flex-none items-center justify-center rounded-lg bg-warning-50 text-warning-700">
        <i class="bi bi-file-earmark-text text-xl" aria-hidden="true"></i>
      </span>
      <div class="min-w-0">
        <h3 class="section-card-title">Reporte de filas no importadas</h3>
        <p class="section-card-subtitle">La descarga iniciara automaticamente. El archivo seguira disponible durante 30 minutos.</p>
      </div>
    </div>

    <div class="space-y-4 p-5">
      <div class="rounded-lg border border-warning-200 bg-warning-50 px-4 py-3 text-sm text-warning-800">
        El TXT incluye el resumen de la carga y el motivo correspondiente a cada fila omitida.
      </div>
      <div class="flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between">
        <code class="min-w-0 truncate text-sm text-secondary-600" title="{{ error_report.filename }}">{{ error_report.filename }}</code>
        <a
          href="{{ error_report.url }}"
          class="btn btn-primary w-full flex-none sm:w-auto"
          download="{{ error_report.filename }}"
          data-auto-download
          data-auto-download-key="sat-import:{{ error_report.token }}"
        >
          <i class="bi bi-download" aria-hidden="true"></i>
          Descargar TXT
        </a>
      </div>
    </div>
  </section>
{% endblock %}