{% extends 'base.html.twig' %}
{% block title %}Importacion SAT{% endblock %}

{% block breadcrumb %}
  <nav class="flex" aria-label="Breadcrumb">
    <ol class="flex items-center space-x-4">
      <li>
        <a href="{{ path('home') }}" class="text-secondary-400 hover:text-secondary-500">Inicio</a>
      </li>
      <li>
        <span class="text-secondary-300">/</span>
      </li>
      <li>
        <a href="{{ path('documento_index') }}" class="text-sm font-medium text-secondary-500 hover:text-secondary-700">Documentos</a>
      </li>
      <li>
        <span class="text-secondary-300">/</span>
      </li>
      <li class="text-sm font-medium text-secondary-500">Importacion SAT</li>
    </ol>
  </nav>
{% endblock %}

{% block content_header %}
  <div class="md:flex md:items-center md:justify-between mb-6">
    <div>
      <h2 class="text-2xl font-bold text-secondary-900">Importar facturas SAT</h2>
      <p class="mt-1 text-sm text-secondary-500">Carga masiva de DTE SAT desde XLSX, XLS o CSV con trazabilidad de origen.</p>
    </div>
    <div class="mt-4 md:mt-0">
      <a href="{{ path('documento_index') }}" class="inline-flex items-center px-4 py-2 border border-secondary-300 rounded-md text-sm font-medium text-secondary-700 bg-white hover:bg-secondary-50">Volver a documentos</a>
    </div>
  </div>
{% endblock %}

{% block content %}
  <div class="grid grid-cols-1 xl:grid-cols-[minmax(0,1.1fr)_420px] gap-6">
    <div class="bg-white shadow rounded-lg p-6">
      <h3 class="text-lg font-semibold text-secondary-900">Archivo SAT</h3>
      <p class="mt-1 text-sm text-secondary-500">Se importan solo documentos vigentes. Si el proveedor no existe, la fila se omite y se reporta.</p>

      <form method="post" enctype="multipart/form-data" action="{{ path('documento_import_sat_store') }}" class="mt-6 space-y-4">
        <input type="hidden" name="_token" value="{{ csrf_token('documento_import_sat') }}">
        <div>
          <label for="archivo" class="block text-sm font-medium text-secondary-700 mb-2">Archivo XLSX, XLS o CSV</label>
          <input id="archivo" name="archivo" type="file" accept=".xlsx,.xls,.csv" required class="block w-full text-sm text-secondary-700 border border-secondary-300 rounded-md bg-white file:mr-4 file:px-4 file:py-2 file:border-0 file:bg-primary-600 file:text-white hover:file:bg-primary-700">
        </div>
        <div class="rounded-md bg-amber-50 border border-amber-200 px-4 py-3 text-sm text-amber-900">
          Regla actual: la fecha de vencimiento se calcula con la condicion de pago del proveedor; si no tiene, vence el mismo dia de emision.
        </div>
        <div class="flex justify-end">
          <button type="submit" class="inline-flex items-center px-5 py-2.5 rounded-md bg-primary-600 text-white text-sm font-medium hover:bg-primary-700">Importar SAT</button>
        </div>
      </form>
    </div>

    <div class="bg-white shadow rounded-lg p-6">
      <h3 class="text-lg font-semibold text-secondary-900">Columnas esperadas</h3>
      <ul class="mt-4 space-y-2 text-sm text-secondary-600">
        <li>`Fecha de emision`</li>
        <li>`Numero de Autorizacion`</li>
        <li>`Tipo de DTE (nombre)`</li>
        <li>`Serie`</li>
        <li>`Numero del DTE`</li>
        <li>`NIT del emisor`</li>
        <li>`Nombre completo del emisor`</li>
        <li>`Estado`</li>
        <li>`Moneda`</li>
        <li>`Gran Total (Moneda Original)`</li>
        <li>`IVA (monto de este impuesto)`</li>
        <li>`Marca de anulado`</li>
        <li>`Petroleo (monto de este impuesto)`</li>
      </ul>
      <p class="mt-4 text-xs text-secondary-500">Tambien se leen los impuestos SAT adicionales para sumarlos como otros cargos.</p>
    </div>
  </div>
{% endblock %}