<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<style>
* { margin: 0; padding: 0; box-sizing: border-box; }
body { 
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 9pt; 
    color: #000; 
    margin: 0 auto;
    width: 170mm; /* Ancho controlado como los recibos FPDF */
    padding: 5mm 0;
    line-height: 1.3;
}

/* Contenedor para centrar contenido */
.contenedor {
    width: 170mm;
    margin: 0 auto;
    position: relative;
}

/* ── Encabezado con logo a la derecha ── */
.header-table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 0;
}
.header-left {
    width: 65%;
    vertical-align: top;
}
.header-right {
    width: 35%;
    text-align: right;
    vertical-align: top;
    padding-right: 5px;
}
.header-logo img {
    width: 28mm;
    height: auto;
    border: 0;
}

.header-titulo {
    text-align: center;
    margin-top: 8px;
}
.header-titulo h1 {
    font-size: 13pt;
    font-weight: bold;
    margin-bottom: 2px;
}
.header-titulo h2 {
    font-size: 10pt;
    font-weight: normal;
    margin-top: 0;
}

.header-fecha {
    text-align: center;
    font-size: 10pt;
    margin-top: 8px;
    margin-bottom: 6px;
}

hr { 
    border: none; 
    border-top: 1px solid #000; 
    margin: 4px 0 6px; 
    width: 100%;
}

/* ── Tabla principal ── */
table.datos {
    width: 100%;
    border-collapse: collapse;
    font-size: 7.5pt;
    margin-bottom: 6px;
}

table.datos thead tr {
    background-color: #cccccc;
    font-weight: bold;
}

table.datos th {
    border: 1px solid #000;
    padding: 5px 3px;
    text-align: center;
    font-size: 7.5pt;
    font-weight: bold;
}

table.datos td {
    border: 1px solid #000;
    padding: 3px 4px;
    vertical-align: middle;
}

/* Fila de urbanización */
.fila-urb {
    background-color: #d9d9d9;
    font-weight: bold;
    font-size: 8pt;
    padding: 4px 6px;
    border: 1px solid #000;
}

/* Fila de distrito */
.fila-dis td {
    padding: 3px 4px;
}

/* Fila de subtotal por urbanización */
.fila-subtot {
    background-color: #e8e8e8;
    font-weight: bold;
}
.fila-subtot td {
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}

/* Separador entre urbanizaciones */
.separador td {
    padding: 3px 0;
    border: none !important;
    background: transparent;
}

/* Fila de totales globales */
.fila-global {
    background-color: #cccccc;
    font-weight: bold;
}
.fila-global td {
    border: 1px solid #000;
    padding: 5px 4px;
}

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

/* ── Footer ── */
.footer { 
    position: fixed; 
    bottom: -20px; 
    width: 170mm; 
    text-align: center; 
    font-size: 8pt; 
    color: #666; 
    font-style: italic; 
}

/* Totales adicionales (opcional) */
.totales-info {
    margin-top: 8px;
    font-size: 8pt;
    text-align: right;
    font-weight: bold;
}
</style>
</head>
<body>

<div class="contenedor">

<div class="footer">Página <span class="page"></span></div>


<table class="header-table">
    <tr>
        <td class="header-left">
            <div class="header-titulo">
                <h1>RESUMEN DE SITUACIÓN</h1>
                <h2>EMPRESA COMERCIAL COSMOS</h2>
            </div>
        </td>
        <td class="header-right">
            <div class="header-logo">
                <img src="<?php echo e(public_path('assets/media/img/logo.jpg')); ?>" alt="Logo">
            </div>
        </td>
    </tr>
</table>

<div class="header-fecha">
    Fecha : <?php echo e($fechaHoy); ?>, Hora : <?php echo e($horaHoy); ?>

</div>

<hr>


<table class="datos">
    <thead>
        <tr>
            <th style="width:30%">&nbsp;</th>
            <th style="width:11%">DISPONIBLE</th>
            <th style="width:11%">EN PROCESO</th>
            <th style="width:11%">VENDIDOS</th>
            <th style="width:13%">EN TRÁMITE</th>
            <th style="width:13%">CONSOLIDADOS</th>
            <th style="width:11%">TOTAL</th>
        </tr>
    </thead>
    <tbody>

    <?php $__currentLoopData = $urbanizaciones; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $urb): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>

        
        <tr>
            <td colspan="7" class="fila-urb">URBANIZACIÓN <?php echo e($urb['urb']); ?></td>
        </tr>

        
        <?php $__currentLoopData = $urb['distritos']; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $dis): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
        <tr class="fila-dis">
            <td class="text-left">DISTRITO: <?php echo e($dis['nombre']); ?></td>
            <td class="text-center"><?php echo e($dis['disp'] ?: 0); ?></td>
            <td class="text-center"><?php echo e($dis['proc'] ?: 0); ?></td>
            <td class="text-center"><?php echo e($dis['vend'] ?: 0); ?></td>
            <td class="text-center"><?php echo e($dis['tram'] ?: 0); ?></td>
            <td class="text-center"><?php echo e($dis['cons'] ?: 0); ?></td>
            <td class="text-center"><?php echo e($dis['total']); ?></td>
        </tr>
        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>

        
        <tr class="fila-subtot">
            <td class="text-right" style="font-style: italic;">Subtotal <?php echo e($urb['urb']); ?>:</td>
            <td class="text-center"><?php echo e($urb['totales']['disp']); ?></td>
            <td class="text-center"><?php echo e($urb['totales']['proc']); ?></td>
            <td class="text-center"><?php echo e($urb['totales']['vend']); ?></td>
            <td class="text-center"><?php echo e($urb['totales']['tram']); ?></td>
            <td class="text-center"><?php echo e($urb['totales']['cons']); ?></td>
            <td class="text-center"><?php echo e($urb['totales']['total']); ?></td>
        </tr>

        
        <tr class="separador">
            <td colspan="7" style="padding: 4px 0;"></td>
        </tr>

    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>

        
        <tr class="fila-global">
            <td class="text-left">TOTALES GENERALES</td>
            <td class="text-center"><?php echo e($totalesGlobales['disp']); ?></td>
            <td class="text-center"><?php echo e($totalesGlobales['proc']); ?></td>
            <td class="text-center"><?php echo e($totalesGlobales['vend']); ?></td>
            <td class="text-center"><?php echo e($totalesGlobales['tram']); ?></td>
            <td class="text-center"><?php echo e($totalesGlobales['cons']); ?></td>
            <td class="text-center"><?php echo e($totalesGlobales['total']); ?></td>
        </tr>

    </tbody>
</table>


<?php if(!empty($urbanizaciones)): ?>
<div class="totales-info">
    Total Urbanizaciones: <?php echo e(count($urbanizaciones)); ?> 
    &nbsp;&nbsp;|&nbsp;&nbsp; 
    Total Lotes: <?php echo e($totalesGlobales['total']); ?>

</div>
<?php endif; ?>

</div>

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