<?php
$fs_base            = '11px';
$fs_empresa         = '20px';
$fs_box_ruc         = '18px';
$fs_box_titulo      = '18px';
$fs_box_numero      = '20px';

$fs_label           = '11px';
$fs_texto           = '12px';
$fs_tabla_head      = '11px';
$fs_tabla_body      = '11px';
$fs_obs             = '12px';
$fs_footer          = '10px';
?>
<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="utf-8">
    <title>Guía Remitente <?php echo $guia->serie . '-' . $guia->numero; ?></title>
    <style>
        @page {
            size: A4 portrait;
            margin: 10mm 10mm 12mm 10mm;
        }

        body {
            font-family: Arial, Helvetica, sans-serif;
            font-size: <?php echo $fs_base; ?>;
            color: #111;
            margin: 0;
            padding: 0;
            background: #f0f0f0;
        }

        .documento-wrapper {
            max-width: 800px;
            margin: 0 auto;
            background: #fff;
            padding: 20px;
        }

        @media print {
            body { background: #fff; }
            .documento-wrapper { padding: 0; max-width: 100%; }
        }

        .page {
            width: 100%;
            position: relative;
        }

        .header-table,
        .info-table,
        .mini-table {
            width: 100%;
            border-collapse: collapse;
        }

        .header-table td,
        .info-table td,
        .mini-table td {
            vertical-align: top;
        }

        .header-left {
            width: 62%;
            padding-right: 10px;
        }

        .header-right {
            width: 38%;
        }

        .logo-wrap {
            display: flex;
            align-items: flex-start;
            gap: 10px;
        }

        .logo-box {
            width: 115px;
            height: 90px;
            overflow: hidden;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .logo-box img {
            max-width: 100%;
            max-height: 100%;
        }

        .empresa-info {
            flex: 1;
        }

        .empresa-nombre {
            font-size: <?php echo $fs_empresa; ?>;
            font-weight: bold;
            line-height: 1.1;
            margin-bottom: 5px;
        }

        .empresa-direccion {
            font-size: <?php echo $fs_texto; ?>;
            line-height: 1.25;
        }

        .doc-box {
            border: 1px solid #444;
            padding: 10px 12px;
            text-align: center;
        }

        .doc-ruc {
            font-size: <?php echo $fs_box_ruc; ?>;
            font-weight: bold;
            margin-bottom: 5px;
        }

        .doc-titulo {
            font-size: <?php echo $fs_box_titulo; ?>;
            font-weight: bold;
            line-height: 1.15;
            margin-bottom: 6px;
        }

        .doc-numero {
            font-size: <?php echo $fs_box_numero; ?>;
            font-weight: bold;
        }

        .separador {
            height: 10px;
        }

        .bloque {
            margin-top: 10px;
            margin-bottom: 10px;
        }

        .label {
            font-weight: bold;
            font-size: <?php echo $fs_label; ?>;
        }

        .texto {
            font-size: <?php echo $fs_texto; ?>;
            line-height: 1.3;
        }

        .seccion {
            margin-top: 12px;
            margin-bottom: 8px;
        }

        .tabla {
            width: 100%;
            border-collapse: collapse;
            margin-top: 8px;
        }

        .tabla th,
        .tabla td {
            border: 1px solid #444;
            padding: 5px 6px;
        }

        .tabla th {
            font-size: <?php echo $fs_tabla_head; ?>;
            text-align: center;
            font-weight: bold;
        }

        .tabla td {
            font-size: <?php echo $fs_tabla_body; ?>;
        }

        .text-center { text-align: center; }
        .text-right { text-align: right; }

        .w-50 { width: 50%; }
        .w-33 { width: 33.33%; }
        .w-25 { width: 25%; }

        .observaciones {
            margin-top: 14px;
            font-size: <?php echo $fs_obs; ?>;
            line-height: 1.35;
        }

        .footer {
            margin-top: 18px;
            text-align: center;
            font-size: <?php echo $fs_footer; ?>;
            line-height: 1.3;
        }

        .qr-box {
            position: fixed;
            right: 8mm;
            bottom: 8mm;
            width: 95px;
            text-align: center;
        }

        .qr-box img {
            width: 95px;
            height: 95px;
            display: block;
        }

        .qr-box small {
            font-size: 9px;
        }

        .mt-6 { margin-top: 6px; }
        .mt-10 { margin-top: 10px; }
        .mb-4 { margin-bottom: 4px; }
    </style>
</head>
<body>
<div class="documento-wrapper">
<div class="page">

    <!-- CABECERA -->
    <table class="header-table">
        <tr>
            <td class="header-left">
                <div class="logo-wrap">
                    <div class="logo-box">
                        <?php if (!empty($empresa->logo)): ?>
                            <img src="<?php echo base_url('uploads/empresa/' . $empresa->logo); ?>" alt="Logo">
                        <?php else: ?>
                            <div style="font-size:11px;color:#666;">LOGO</div>
                        <?php endif; ?>
                    </div>

                    <div class="empresa-info">
                        <div class="empresa-nombre">
                            <?php echo strtoupper($empresa->nombre); ?>
                        </div>
                        <?php if (!empty($empresa->direccion_fiscal)): ?>
                            <div class="empresa-direccion">
                                <?php echo $empresa->direccion_fiscal; ?>
                            </div>
                        <?php endif; ?>
                    </div>
                </div>
            </td>

            <td class="header-right" rowspan="2">
                <div class="doc-box">
                    <div class="doc-ruc">RUC N° <?php echo $empresa->ruc; ?></div>
                    <div class="doc-titulo">GUÍA DE REMISIÓN ELECTRÓNICA<br>REMITENTE</div>
                    <div class="doc-numero">N° <?php echo $guia->serie . ' - ' . $guia->numero; ?></div>
                </div>
            </td>
        </tr>
        <tr>
            <td class="w-50">
                <span class="label">Fecha y hora de emisión :</span>
                <span class="texto"><?php echo !empty($guia->fecha_emision) ? date('d/m/Y h:i A', strtotime($guia->fecha_emision)) : ''; ?></span>
            </td>
            <td class="w-50"></td>
        </tr>
    </table>

    <!-- FECHAS Y PUNTOS -->
    <div class="seccion">
        <table class="info-table">
            <tr>
                <td class="w-50">
                    <span class="label">Fecha de inicio de Traslado :</span>
                    <span class="texto"><?php echo !empty($guia->fecha_traslado) ? date('d/m/Y', strtotime($guia->fecha_traslado)) : ''; ?></span>
                </td>
                <td class="w-50">
                    <span class="label">Punto de Partida :</span>
                    <span class="texto"><?php echo $guia->origen_descripcion; ?></span>
                </td>
            </tr>
        </table>
    </div>

    <div class="seccion">
        <table class="info-table">
            <tr>
                <td class="w-50">
                    <span class="label">Motivo de Traslado :</span>
                    <span class="texto"><?php echo $guia->motivo_nombre; ?></span>
                </td>
                <td class="w-50">
                    <span class="label">Punto de llegada :</span>
                    <span class="texto"><?php echo $guia->destino_descripcion; ?></span>
                </td>
            </tr>
        </table>
    </div>

    <!-- DESTINATARIO -->
    <div class="seccion">
        <span class="label">Datos del Destinatario :</span>
        <span class="texto">
            <?php echo strtoupper($guia->cliente_nombre); ?>
            <?php if (!empty($guia->cliente_doc_nombre) && !empty($guia->cliente_nro_documento)): ?>
                - <?php echo strtoupper($guia->cliente_doc_nombre); ?> N° <?php echo $guia->cliente_nro_documento; ?>
            <?php endif; ?>
        </span>
    </div>

    <!-- DOCUMENTOS RELACIONADOS -->
    <div class="seccion">
        <span class="label">Documentos Relacionados:</span>
        <div class="texto mt-6">
            <?php if (!empty($comprobantes)): ?>
                <?php foreach ($comprobantes as $c): ?>
                    <div>
                        <?php echo $c->tipo_comprobante_nombre; ?> N° <?php echo $c->serie . ' ' . $c->numero; ?>
                        <?php if (!empty($c->cliente_nro_documento)): ?>
                            - RUC N° <?php echo $c->cliente_nro_documento; ?>
                        <?php endif; ?>
                    </div>
                <?php endforeach; ?>
            <?php else: ?>
                <div>-</div>
            <?php endif; ?>
        </div>
    </div>

    <!-- BIENES -->
    <div class="seccion">
        <span class="label">Bienes por transportar:</span>

        <table class="tabla">
            <thead>
                <tr>
                    <th style="width:5%;">Cantidad</th>
                    <th style="width:15%;">Código</th>
                    <th style="width:44%;">Descripción Detallada</th>
                    <th style="width:18%;">Unidad de medida</th>
                    <th style="width:18%;">Cantidad</th>
                </tr>
            </thead>
            <tbody>
                <?php if (!empty($detalle)): ?>
                    <?php foreach ($detalle as $d): ?>
                        <tr>
                            <td class="text-center">1</td>
                            <td class="text-center"><?php echo $d->codigo; ?></td>
                            <td><?php echo !empty($d->producto_descripcion) ? $d->producto_descripcion : $d->nombre; ?></td>
                            <td class="text-center">
                                <?php
                                    echo $d->unidad_medida_nombre;
                                    if (!empty($d->unidad_medida_abreviado)) {
                                        echo ' (' . $d->unidad_medida_abreviado . ')';
                                    }
                                ?>
                            </td>
                            <td class="text-right"><?php echo number_format((float)$d->cantidad, 2); ?></td>
                        </tr>
                    <?php endforeach; ?>
                <?php else: ?>
                    <tr>
                        <td colspan="5" class="text-center">Sin detalle</td>
                    </tr>
                <?php endif; ?>
            </tbody>
        </table>
    </div>

    <!-- DATOS DEL TRASLADO -->
    <div class="seccion">
        <table class="mini-table mt-6">
            <tr>

                <td class="w-50">
                    <span class="label">Unidad de Medida del Peso Bruto:</span>
                    <span class="texto"><?php echo $guia->um_peso_bruto_abreviado; ?></span>
                </td>
                <td class="w-50">
                    <span class="label">Peso Bruto total de la carga:</span>
                    <span class="texto"><?php echo number_format((float)$guia->peso_bruto_carga, 2); ?></span>
                </td>                
            </tr>        
        </table>
        <br>
        <span class="label">Datos del traslado:</span>

        <table class="mini-table mt-6">
            <tr>
                <td class="w-50">
                    <span class="label">Modalidad de Traslado:</span>
                    <span class="texto"><?php echo ucfirst(strtolower($guia->tipo_transporte)); ?></span>
                </td>
                <td class="w-50">
                    <span class="label">Indicador de retorno de vehículo con env. o emb. vacíos:</span>
                    <span class="texto"><?php echo ((int)$guia->retorno_envases_vacios === 1) ? 'SI' : 'NO'; ?></span>
                </td>
            </tr>
        </table>



        <table class="mini-table mt-6">
            <tr>
                <td class="w-50">
                    <span class="label">Indicador de transbordo programado:</span>
                    <span class="texto"><?php echo ((int)$guia->transbordo_programado === 1) ? 'SI' : 'NO'; ?></span>
                </td>
                <td class="w-50">
                    <span class="label">Indicador de retorno de vehículo vacío:</span>
                    <span class="texto"><?php echo ((int)$guia->retorno_vehiculo_vacio === 1) ? 'SI' : 'NO'; ?></span>
                </td>
            </tr>
        </table>

        <table class="mini-table mt-6">
            <tr>
                <td class="w-50">
                    <span class="label">Indicador de traslado en vehículos de categoría M1 o L:</span>
                    <span class="texto"><?php echo ((int)$guia->traslado_vehiculo === 1) ? 'SI' : 'NO'; ?></span>
                </td>
                <td class="w-50"></td>
            </tr>
        </table>
    </div>

    <!-- VEHICULOS / CONDUCTORES / TRANSPORTISTA -->
    <?php if (strtoupper($guia->tipo_transporte) === 'PRIVADO'): ?>

        <div class="seccion">
            <span class="label">Datos de los vehículos:</span>
            <table class="mini-table mt-6">
                <tr>
                    <td >
                        Principal:
                    </td>
                    <td >
                        Número de placa: <?php echo $guia->vehiculo_placa; ?>
                    </td>
                </tr>
                <tr>
                    <td >
                    </td>
                    <td >
                        Entidad emisora de autorización especial:
                        <?php echo $guia->abreviado_entidad_emisora; ?>
                        <?php if (!empty($guia->vehiculo_nro_autorizacion)): ?>
                            - Número de autorización especial: <?php echo $guia->vehiculo_nro_autorizacion; ?>
                        <?php endif; ?>
                    </td>
                </tr>      
            </table>
        </div>

        <div class="seccion">
            <span class="label">Datos de los conductores:</span>

            <table class="mini-table mt-6">
                <tr>
                    <td >
                        Principal:
                    </td>
                    <td >
                        <?php echo strtoupper($guia->conductor_nombre); ?>
                        <?php if (!empty($guia->conductor_doc_nombre) && !empty($guia->conductor_nro_documento)): ?>
                            - <?php echo strtoupper($guia->conductor_doc_nombre); ?> N° <?php echo $guia->conductor_nro_documento; ?>
                        <?php endif; ?>                    
                    </td>
                </tr>
                <tr>
                    <td >
                    </td>
                    <td >
                        Número de licencia de conducir: <?php echo $guia->conductor_licencia; ?>
                    </td>
                </tr>      
            </table>            
        </div>

    <?php else: ?>

        <div class="seccion">
            <span class="label">Datos del transportista:</span>
            <div class="texto mt-6">
                <?php echo strtoupper($guia->transportista_nombre); ?>
                <?php if (!empty($guia->transportista_ruc)): ?>
                    - RUC N° <?php echo $guia->transportista_ruc; ?>
                <?php endif; ?>
            </div>
            <?php if (!empty($guia->transportista_registro_mtc)): ?>
                <div class="texto mt-6">
                    Registro MTC: <?php echo $guia->transportista_registro_mtc; ?>
                </div>
            <?php endif; ?>
        </div>

    <?php endif; ?>

    <!-- OBS -->
    <div class="observaciones">
        <span class="label">Observaciones :</span>
        <span class="texto"><?php echo !empty($guia->observaciones) ? $guia->observaciones : '-'; ?></span>
    </div>

    <!-- FOOTER -->
    <div class="footer">
        Esta es una representación impresa sin valor tributario de la Guía de Remisión Electrónica generada en el sistema.
    </div>

    <!-- QR -->
    <div class="qr-box">
        <?php if (!empty($qr_url)): ?>
            <img src="<?php echo $qr_url; ?>" alt="QR">
        <?php endif; ?>
        <small>Código QR</small>
    </div>

</div><!-- fin page -->
</div><!-- fin documento-wrapper -->

<script>
    window.onload = function () {
        window.print();
    };
</script>
</body>
</html>