{{-- New-Unity ERP | app/Modules/Purchases/Resources/Views/suppliers/import.blade.php | v1.0 | 30/07/2026 --}}
{{-- v1.0 — Vista de importación masiva de proveedores desde Excel. --}}
@extends('layouts.vertical')

@section('content')
<div class="container-fluid">

    {{-- Header --}}
    <div class="d-flex justify-content-between align-items-center mb-3">
        <div>
            <h1 class="h4 mb-0"><i class="bi bi-file-earmark-arrow-up me-2 text-primary"></i>Importar Proveedores</h1>
            <nav><ol class="breadcrumb mb-0 small">
                <li class="breadcrumb-item"><a href="{{ route('dashboard') }}">ERP</a></li>
                <li class="breadcrumb-item"><a href="{{ route('purchases.suppliers.index') }}">{{ __('purchases.suppliers') }}</a></li>
                <li class="breadcrumb-item active">Importar</li>
            </ol></nav>
        </div>
        <a href="{{ route('purchases.suppliers.index') }}" class="btn btn-sm btn-secondary">
            <i class="bi bi-arrow-left me-1"></i>{{ __('purchases.back') }}
        </a>
    </div>

    @if($errors->any())
    <div class="alert alert-danger alert-dismissible fade show mb-3">
        <i class="bi bi-exclamation-triangle-fill me-1"></i><strong>Error al leer el archivo:</strong>
        <ul class="mb-0 mt-1 small">@foreach($errors->all() as $e)<li>{{ $e }}</li>@endforeach</ul>
        <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
    </div>
    @endif

    <div class="row">

        {{-- ── Card formulario ─────────────────────────────────────────── --}}
        <div class="col-lg-5 col-xl-4 mb-4">
            <div class="card h-100">
                <div class="card-header">
                    <h5 class="card-title mb-0"><i class="bi bi-upload me-2"></i>Cargar archivo</h5>
                </div>
                <div class="card-body">
                    <p class="text-muted small mb-3">
                        Descarga la plantilla oficial, completa los datos y súbela aquí.
                        Solo se aceptan archivos <strong>.xlsx</strong>.<br>
                        Las filas con error se saltan — el resto se importa.
                    </p>

                    <a href="{{ route('purchases.suppliers.template') }}" class="btn btn-outline-success btn-sm w-100 mb-3">
                        <i class="bi bi-file-earmark-excel me-1"></i>Descargar plantilla .xlsx
                    </a>

                    <hr class="my-3">

                    <form action="{{ route('purchases.suppliers.import') }}" method="POST"
                          enctype="multipart/form-data">
                        @csrf
                        <div class="mb-3">
                            <label class="form-label fw-semibold">Archivo Excel (.xlsx)</label>
                            <input type="file" name="file" class="form-control" accept=".xlsx" required>
                            <div class="form-text">Máximo 10 MB. Datos desde fila 3 (las dos primeras son encabezado y ejemplo).</div>
                        </div>
                        <button type="submit" class="btn btn-primary w-100">
                            <i class="bi bi-cloud-upload me-1"></i>Importar
                        </button>
                    </form>
                </div>

                {{-- Instrucciones de columnas --}}
                <div class="card-footer bg-light">
                    <p class="small fw-semibold mb-2">Columnas obligatorias <span class="text-danger">*</span></p>
                    <table class="table table-sm table-borderless small mb-0">
                        <tbody>
                            <tr><td class="text-muted pe-2">A</td><td><strong>name</strong></td><td class="text-muted">Razón social</td></tr>
                            <tr><td class="text-muted pe-2">B</td><td><strong>rfc</strong></td><td class="text-muted">RFC SAT</td></tr>
                            <tr><td class="text-muted pe-2">C</td><td><strong>fiscal_regime</strong></td><td class="text-muted">Código (601, 612…)</td></tr>
                            <tr><td class="text-muted pe-2">D</td><td><strong>zip_code</strong></td><td class="text-muted">5 dígitos</td></tr>
                            <tr><td class="text-muted pe-2">E</td><td><strong>email</strong></td><td class="text-muted">Email de contacto</td></tr>
                            <tr><td class="text-muted pe-2">F</td><td><strong>currency</strong></td><td class="text-muted">MXN, USD o EUR</td></tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>

        {{-- ── Sección de resultados ────────────────────────────────────── --}}
        <div class="col-lg-7 col-xl-8">

            @if(isset($imported) || isset($errors))

            {{-- Resumen --}}
            @php
                $totalOk  = count($imported ?? []);
                $totalErr = count($errors ?? []);
            @endphp
            <div class="row g-3 mb-4">
                <div class="col-sm-6">
                    <div class="card border-success">
                        <div class="card-body py-3 d-flex align-items-center gap-3">
                            <i class="bi bi-check-circle-fill text-success fs-2"></i>
                            <div>
                                <div class="fs-3 fw-bold text-success">{{ $totalOk }}</div>
                                <div class="small text-muted">Importados correctamente</div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-6">
                    <div class="card border-{{ $totalErr > 0 ? 'danger' : 'secondary' }}">
                        <div class="card-body py-3 d-flex align-items-center gap-3">
                            <i class="bi bi-x-circle-fill text-{{ $totalErr > 0 ? 'danger' : 'secondary' }} fs-2"></i>
                            <div>
                                <div class="fs-3 fw-bold text-{{ $totalErr > 0 ? 'danger' : 'secondary' }}">{{ $totalErr }}</div>
                                <div class="small text-muted">Filas con error</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            {{-- Tabla de errores --}}
            @if($totalErr > 0)
            <div class="card border-danger mb-4">
                <div class="card-header bg-danger text-white">
                    <h6 class="mb-0"><i class="bi bi-exclamation-triangle me-1"></i>Filas con error (no importadas)</h6>
                </div>
                <div class="card-body p-0">
                    <div class="table-responsive">
                        <table class="table table-sm st-table st-responsive mb-0">
                            <thead class="table-light">
                                <tr>
                                    <th style="width:70px">Fila</th>
                                    <th style="width:160px">Campo</th>
                                    <th>Motivo</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($errors as $err)
                                <tr>
                                    <td>{{ $err['row'] }}</td>
                                    <td><code>{{ $err['field'] }}</code></td>
                                    <td class="text-danger small">{{ $err['reason'] }}</td>
                                </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
            @endif

            {{-- Tabla de éxitos --}}
            @if($totalOk > 0)
            <div class="card border-success">
                <div class="card-header bg-success text-white">
                    <h6 class="mb-0"><i class="bi bi-check-circle me-1"></i>Proveedores importados</h6>
                </div>
                <div class="card-body p-0">
                    <div class="table-responsive">
                        <table class="table table-sm st-table st-responsive mb-0">
                            <thead class="table-light">
                                <tr>
                                    <th>Nombre</th>
                                    <th>RFC</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($imported as $s)
                                <tr>
                                    <td>{{ $s['name'] }}</td>
                                    <td><code>{{ $s['rfc'] }}</code></td>
                                </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
            @endif

            @else
            {{-- Estado inicial --}}
            <div class="card h-100">
                <div class="card-body d-flex flex-column align-items-center justify-content-center text-center py-5">
                    <i class="bi bi-file-earmark-spreadsheet text-muted" style="font-size:4rem"></i>
                    <h5 class="mt-3 text-muted">Los resultados aparecerán aquí</h5>
                    <p class="text-muted small">Descarga la plantilla, completa los datos y súbela.</p>
                </div>
            </div>
            @endif

        </div>{{-- /col resultados --}}
    </div>{{-- /row --}}

</div>
@endsection