<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="utf-8">
<style>
    /* 1. Configuración de la página */
    @page {
        size: A4 portrait;
        margin: 2.5cm; /* Margen estándar para impresión profesional */
    }

    /* 2. Reset suave: NO pongas margin 0 aquí, deja que @page mande */
    * { 
        box-sizing: border-box; 
    }

    body {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 9pt;
        color: #000;
        line-height: 1.3;
    }

    /* Contenedor para asegurar márgenes internos */
    .wrapper {
        width: 100%;
    }
    .header-logo img {
    width: 28mm;
    height: auto;
    border: 0;
}

    /* ── Cabecera ── */
    .cab {
        width: 100%;
        border-bottom: 1.5pt solid #000;
        margin-bottom: 15px;
        padding-bottom: 10px;
    }
    .cab table { width: 100%; border-collapse: collapse; }
    .cab-titulo    { font-size: 14pt; font-weight: bold; text-align: center; }
    .cab-subtitulo { font-size: 9pt;  text-align: center; color: #444; margin-top: 2px; }
    .cab-datos     { font-size: 8pt;  text-align: right; }

    /* ── Número de nota destacado ── */
    .nota-numero {
        text-align: center;
        margin: 10px 0 20px;
        font-size: 11pt;
        font-weight: bold;
        border: 1pt solid #000;
        padding: 8px;
        background: #f9f9f9;
    }

    /* ── Sección de datos ── */
    .seccion { margin-bottom: 15px; }
    .seccion-titulo {
        font-size: 8pt;
        font-weight: bold;
        text-transform: uppercase;
        background: #eeeeee;
        padding: 4px 8px;
        border-left: 4pt solid #333;
        margin-bottom: 8px;
    }

    table.detalle { width: 100%; border-collapse: collapse; }
    table.detalle td { padding: 4px 5px; vertical-align: top; }
    table.detalle td.etiq { font-weight: bold; width: 25%; }
    table.detalle td.val { border-bottom: 0.5pt solid #eee; }

    /* ── Lista de documentos ── */
    table.docs { width: 100%; border-collapse: collapse; margin-top: 5px; }
    table.docs th {
        background: #333;
        color: #fff;
        padding: 6px;
        text-align: left;
        border: 0.5pt solid #000;
    }
    table.docs td { padding: 6px; border: 0.5pt solid #ccc; }

    /* ── Firma ── */
    .firmas { margin-top: 50px; }
    .firmas table { width: 100%; }
    .firmas td { text-align: center; width: 50%; }
    .linea-firma {
        border-top: 1pt solid #000;
        margin: 0 30px;
        padding-top: 5px;
        font-size: 8pt;
        text-transform: uppercase;
    }

    /* ── Pie ── */
    .pie {
        position: fixed;
        bottom: -1cm; /* Ajustado para que no choque con el margen de la página */
        left: 0; right: 0;
        border-top: 0.5pt solid #bbb;
        font-size: 7pt;
        color: #777;
        padding-top: 4px;
    }
</style>
</head>
<body>

<div class="pie">
    <table style="width: 100%">
        <tr>
            <td>Sistema Cosmos — <?php echo e($cab['nombre_sistema']); ?></td>
            <td style="text-align: center">Impreso: <?php echo e(date('d/m/Y H:i:s')); ?></td>
            <td style="text-align: right">Pág. <script type="text/php">if (isset($pdf)) { $pdf->page_script('echo $PAGE_NUM." de ".$PAGE_COUNT;'); }</script></td>
        </tr>
    </table>
</div>

<div class="wrapper">
    
    <div class="cab">
        <table>
            <tr>
                 <td class="header-right">
            <div class="header-logo">
                
            </div>
        </td>
                <td width="60%">
                    <div class="cab-titulo">NOTA DE ENTREGA DE DOCUMENTOS</div>
                    <div class="cab-subtitulo"><?php echo e($cab['nombre_sistema']); ?></div>
                </td>
                <td width="20%" class="cab-datos">
                    Fecha: <?php echo e(\App\Helpers\FechaHelper::bdToLocal($cab['fecha_sistema'])); ?><br>
                    Hora: <?php echo e(now('America/La_Paz')->format('H:i')); ?>

                </td>
            </tr>
        </table>
    </div>

    <div class="nota-numero">
        NOTA DE ENTREGA N° <?php echo e(str_pad($nota->id, 6, '0', STR_PAD_LEFT)); ?>

        <?php if($nota->anul): ?> <span style="color:red;">[ ANULADA ]</span> <?php endif; ?>
    </div>

    <div class="seccion">
        <div class="seccion-titulo">Información del Inmueble y Cliente</div>
        <table class="detalle">
            <tr>
                <td class="etiq">Urbanización:</td>
                <td class="val"><?php echo e($urb->nombre ?? $nota->urbanizacion); ?></td>
                <td class="etiq">Manzano/Lote:</td>
                <td class="val"><?php echo e($nota->manzano); ?> / <?php echo e($nota->lote); ?></td>
            </tr>
            <tr>
                <td class="etiq">Cliente:</td>
                <td class="val" colspan="3"><?php echo e($cliente->nombre ?? '—'); ?></td>
            </tr>
            <tr>
                <td class="etiq">Receptor:</td>
                <td class="val" colspan="3"><?php echo e($nota->entregado); ?></td>
            </tr>
        </table>
    </div>

    <div class="seccion">
        <div class="seccion-titulo">Detalle de Documentación</div>
        <table class="docs">
            <thead>
                <tr>
                    <th width="50">N°</th>
                    <th>Documento</th>
                    <th width="120" style="text-align:center;">Estado</th>
                </tr>
            </thead>
            <tbody>
                <?php $i = 1; ?>
                <?php $__currentLoopData = $items; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $campo => $info): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                <tr>
                    <td style="text-align:center;"><?php echo e($i++); ?></td>
                    <td><?php echo e($info['label']); ?></td>
                    <td style="text-align:center; font-weight:bold;">
                        <?php echo e($nota->$campo == 1 ? '✔ ENTREGADO' : '—'); ?>

                    </td>
                </tr>
                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
            </tbody>
        </table>
    </div>

    <?php if($nota->observaciones): ?>
    <div class="seccion">
        <div class="seccion-titulo">Observaciones</div>
        <div style="border: 1px solid #ccc; padding: 10px; font-style: italic;">
            <?php echo e($nota->observaciones); ?>

        </div>
    </div>
    <?php endif; ?>

    <div class="firmas">
        <table>
            <tr>
                <td>
                    <div class="linea-firma">Entregado por:</div>
                    <div style="font-size: 7pt;"><?php echo e(auth()->user()->nombre ?? 'Responsable'); ?></div>
                </td>
                <td>
                    <div class="linea-firma">Recibí conforme:</div>
                    <div style="font-size: 7pt; font-weight: bold;"><?php echo e($nota->entregado); ?></div>
                </td>
            </tr>
        </table>
    </div>
</div>

</body>
</html><?php /**PATH /var/www/proyect-laravel/cosmos-app/resources/views/notas/pdf.blade.php ENDPATH**/ ?>