@extends('../layouts/partials/header')

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

    {{-- Bienvenida --}}
    <div class="row mb-4">
        <div class="col-12">
            <div class="card card-primary card-outline">
                <div class="card-body">
                    <div class="d-flex align-items-center gap-3">
                        <div>
                            <i class="fas fa-ship fa-3x text-primary"></i>
                        </div>
                        <div>
                            <h4 class="mb-1"><strong>Bienvenido al sistema ALPASA — COPARN</strong></h4>
                            <p class="mb-0 text-muted">
                                Procesamiento automático de mensajes <strong>COPARN</strong> de múltiples navieras vía SFTP.
                                Genera reportes Excel y envía notificaciones por correo electrónico.
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    {{-- Tarjetas de acceso rápido --}}
    <div class="row g-3 mb-4">

        {{-- COPARN Hapag-Lloyd --}}
        <div class="col-md-6 col-lg-3">
            <div class="info-box shadow-sm">
                <span class="info-box-icon bg-primary elevation-1">
                    <i class="fas fa-play-circle"></i>
                </span>
                <div class="info-box-content">
                    <span class="info-box-text">COPARN D95</span>
                    <span class="info-box-number">Hapag-Lloyd</span>
                    <a href="{{ route('coparn-hapag.index') }}" class="btn btn-primary btn-sm mt-2">
                        <i class="fas fa-arrow-right mr-1"></i> Procesar ahora
                    </a>
                </div>
            </div>
        </div>

        {{-- COPARN ONE --}}
        <div class="col-md-6 col-lg-3">
            <div class="info-box shadow-sm">
                <span class="info-box-icon bg-danger elevation-1">
                    <i class="fas fa-play-circle"></i>
                </span>
                <div class="info-box-content">
                    <span class="info-box-text">COPARN</span>
                    <span class="info-box-number">Ocean Network Express</span>
                    <a href="{{ route('coparn-one.show') }}" class="btn btn-danger btn-sm mt-2">
                        <i class="fas fa-arrow-right mr-1"></i> Procesar ahora
                    </a>
                </div>
            </div>
        </div>

        {{-- SFTP Hapag --}}
        <div class="col-md-6 col-lg-3">
            <div class="info-box shadow-sm">
                <span class="info-box-icon bg-success elevation-1">
                    <i class="fas fa-server"></i>
                </span>
                <div class="info-box-content">
                    <span class="info-box-text">SFTP — Hapag-Lloyd</span>
                    <span class="info-box-number" style="font-size:0.9rem;">{{ env('SFTP_HOST', 'sftp.hlag.com') }}</span>
                    <span class="progress-description mt-1">
                        <i class="fas fa-folder text-muted mr-1"></i>
                        Dir: <code>{{ env('SFTP_DIR', 'to') }}</code>
                    </span>
                </div>
            </div>
        </div>

        {{-- SFTP ONE --}}
        <div class="col-md-6 col-lg-3">
            <div class="info-box shadow-sm">
                <span class="info-box-icon bg-warning elevation-1">
                    <i class="fas fa-server"></i>
                </span>
                <div class="info-box-content">
                    <span class="info-box-text">SFTP — ONE</span>
                    <span class="info-box-number" style="font-size:0.9rem;">{{ env('SFTP_ONE_HOST', '-') }}</span>
                    <span class="progress-description mt-1">
                        <i class="fas fa-folder text-muted mr-1"></i>
                        Dir: <code>{{ env('SFTP_ONE_DIR', 'out') }}</code>
                    </span>
                </div>
            </div>
        </div>

    </div>

    {{-- Descripción del proceso --}}
    <div class="row">
        <div class="col-lg-7">

            {{-- Hapag-Lloyd --}}
            <div class="card card-outline card-primary mb-3">
                <div class="card-header">
                    <h3 class="card-title">
                        <i class="fas fa-info-circle mr-2"></i> COPARN Hapag-Lloyd — ¿Qué hace?
                    </h3>
                </div>
                <div class="card-body p-0">
                    <ul class="list-group list-group-flush">
                        <li class="list-group-item">
                            <i class="fas fa-check text-success mr-2"></i>
                            Se conecta al SFTP de <strong>Hapag-Lloyd</strong> y descarga archivos <code>.1</code>
                        </li>
                        <li class="list-group-item">
                            <i class="fas fa-check text-success mr-2"></i>
                            Parsea cada mensaje <strong>EDIFACT D95B</strong> segmento por segmento
                        </li>
                        <li class="list-group-item">
                            <i class="fas fa-check text-success mr-2"></i>
                            Extrae <strong>una fila por contenedor</strong> (bloque EQD) con todos sus datos
                        </li>
                        <li class="list-group-item">
                            <i class="fas fa-check text-success mr-2"></i>
                            Detecta <strong>carga peligrosa</strong> (segmento DGS) y la resalta en rojo
                        </li>
                        <li class="list-group-item">
                            <i class="fas fa-check text-success mr-2"></i>
                            Genera reporte <strong>Excel</strong> con cabecera Hapag-Lloyd y pestaña de resumen
                        </li>
                        <li class="list-group-item">
                            <i class="fas fa-check text-success mr-2"></i>
                            Envía el Excel por <strong>correo</strong> y elimina los archivos del servidor
                        </li>
                    </ul>
                </div>
            </div>

            {{-- Ocean Network Express ONE --}}
            <div class="card card-outline card-danger mb-3">
                <div class="card-header">
                    <h3 class="card-title">
                        <i class="fas fa-info-circle mr-2"></i> COPARN Ocean Network Express (ONE) — ¿Qué hace?
                    </h3>
                </div>
                <div class="card-body p-0">
                    <ul class="list-group list-group-flush">
                        <li class="list-group-item">
                            <i class="fas fa-check text-success mr-2"></i>
                            Se conecta al SFTP de <strong>Ocean Network Express (ONE)</strong> y descarga archivos <code>.edi</code>
                        </li>
                        <li class="list-group-item">
                            <i class="fas fa-check text-success mr-2"></i>
                            Parsea cada bloque <strong>EQD</strong> generando una fila por contenedor
                        </li>
                        <li class="list-group-item">
                            <i class="fas fa-check text-success mr-2"></i>
                            Detecta <strong>carga peligrosa</strong> (segmento DGS) con clase IMO y número ONU
                        </li>
                        <li class="list-group-item">
                            <i class="fas fa-check text-success mr-2"></i>
                            Genera reporte <strong>Excel</strong> con detalle y pestaña de resumen
                        </li>
                        <li class="list-group-item">
                            <i class="fas fa-check text-success mr-2"></i>
                            Envía el Excel por <strong>correo</strong> y elimina los archivos del servidor
                        </li>
                    </ul>
                </div>
            </div>

        </div>

        <div class="col-lg-5">
            <div class="card card-outline card-warning">
                <div class="card-header">
                    <h3 class="card-title">
                        <i class="fas fa-file-code mr-2"></i> Segmentos EDIFACT reconocidos
                    </h3>
                </div>
                <div class="card-body p-0">
                    <table class="table table-sm table-striped mb-0">
                        <thead class="thead-light">
                            <tr>
                                <th>Segmento</th>
                                <th>Descripción</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr><td><code>BGM</code></td><td>Referencia del mensaje</td></tr>
                            <tr><td><code>TDT</code></td><td>Buque y número de viaje</td></tr>
                            <tr><td><code>EQD</code></td><td>Equipo / Contenedor</td></tr>
                            <tr><td><code>RFF+SQ</code></td><td>Número de secuencia</td></tr>
                            <tr><td><code>RFF+BN</code></td><td>Bill of Lading</td></tr>
                            <tr><td><code>LOC</code></td><td>Puerto y lugar de entrega</td></tr>
                            <tr><td><code>DTM</code></td><td>Fechas (entrega / emisión)</td></tr>
                            <tr><td><code>MEA</code></td><td>Peso bruto y tara</td></tr>
                            <tr><td><code>FTX</code></td><td>Descripción de mercancía</td></tr>
                            <tr><td><code>NAD+CU</code></td><td>Consignatario</td></tr>
                            <tr><td><code>DGS</code></td><td>Carga peligrosa (IMO / ONU)</td></tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>

</div>
@endsection

@extends('../layouts/partials/footer')