<?php
$moneda   = $caja->moneda_abreviado;
$nroCaja  = str_pad($caja->id, 4, '0', STR_PAD_LEFT);
$empresa  = $empresa ?? null;
?>
<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="utf-8">
    <title>Reporte Caja Chica #<?php echo $nroCaja; ?></title>
    <style>
        * { box-sizing: border-box; }
        body { font-family: Arial, sans-serif; font-size: 12px; color: #000; margin: 0; padding: 0; }
        .page { width: 210mm; margin: 0 auto; padding: 10mm 12mm; }
        .clearfix::after { content: ""; display: block; clear: both; }
        .text-right  { text-align: right; }
        .text-center { text-align: center; }
        .text-bold   { font-weight: bold; }
        .mb-8  { margin-bottom: 8px; }
        .mb-12 { margin-bottom: 12px; }
        /* Header */
        .header-empresa { float: left; width: 60%; }
        .header-doc     { float: right; width: 36%; border: 1px solid #000; padding: 8px; text-align: center; }
        .header-doc .titulo { font-size: 16px; font-weight: bold; margin: 6px 0 4px; }
        .header-doc .nro    { font-size: 13px; font-weight: bold; }
        /* Datos caja */
        .box { border: 1px solid #ccc; padding: 8px 10px; margin-bottom: 10px; }
        table { width: 100%; border-collapse: collapse; }
        th, td { padding: 4px 6px; }
        /* Tabla movimientos */
        .tbl-mov thead th { border: 1px solid #000; background: #e9e9e9; font-size: 11px; text-align: center; }
        .tbl-mov tbody td { border-bottom: 1px solid #ddd; font-size: 11px; }
        .tbl-mov tbody tr:last-child td { border-bottom: 1px solid #000; }
        .tbl-mov tfoot td { font-weight: bold; border-top: 2px solid #000; font-size: 12px; }
        .ingreso { color: #1a7a1a; }
        .egreso  { color: #b30000; }
        /* Resumen */
        .tbl-resumen td, .tbl-resumen th { padding: 4px 8px; }
        .tbl-resumen .fila-saldo td, .tbl-resumen .fila-saldo th {
            font-size: 13px; font-weight: bold; border-top: 2px solid #000;
        }
        /* Firma */
        .firmas { display: flex; gap: 40px; margin-top: 30px; }
        .firma-box { flex: 1; text-align: center; }
        .firma-linea { border-top: 1px solid #000; padding-top: 4px; margin-top: 40px; font-size: 11px; }
        /* Print */
        .no-print { display: block; text-align: center; padding: 8px; background: #f5f5f5; border-bottom: 1px solid #ddd; }
        .btn-print { padding: 7px 20px; background: #337ab7; color: #fff; border: none; border-radius: 4px; cursor: pointer; font-size: 13px; }
        @media print {
            .no-print { display: none !important; }
            .page { margin: 0; padding: 8mm 10mm; }
        }
    </style>
</head>
<body>

<div class="no-print">
    <button class="btn-print" onclick="window.print()">&#128438; Imprimir / Guardar PDF</button>
</div>

<div class="page">

    <!-- ENCABEZADO -->
    <div class="clearfix mb-12">
        <div class="header-empresa">
            <?php if ($empresa): ?>
                <?php if (!empty($empresa->logo)): ?>
                    <div class="mb-8">
                        <img src="<?php echo base_url('uploads/empresa/'.$empresa->logo); ?>"
                             style="max-width:180px; max-height:60px; object-fit:contain;">
                    </div>
                <?php endif; ?>
                <div class="text-bold" style="font-size:14px;"><?php echo $empresa->nombre; ?></div>
                <div>RUC: <?php echo $empresa->ruc; ?></div>
                <?php if (!empty($empresa->direccion_fiscal)): ?>
                    <div><?php echo $empresa->direccion_fiscal; ?></div>
                <?php endif; ?>
            <?php endif; ?>
        </div>
        <div class="header-doc">
            <div class="titulo">REPORTE DE CAJA CHICA</div>
            <div class="nro">Nro: <?php echo $nroCaja; ?></div>
            <div style="margin-top:6px; font-size:11px;">
                Estado:
                <strong><?php echo $caja->estado_codigo === 'ABT' ? 'ABIERTA' : 'CERRADA'; ?></strong>
            </div>
        </div>
    </div>

    <!-- DATOS DE LA CAJA -->
    <div class="box mb-12">
        <table>
            <tr>
                <td style="width:22%;"><strong>Apertura:</strong></td>
                <td style="width:28%;"><?php echo date('d/m/Y', strtotime($caja->fecha_apertura)); ?></td>
                <td style="width:22%;"><strong>Cierre:</strong></td>
                <td style="width:28%;"><?php echo $caja->fecha_cierre ? date('d/m/Y', strtotime($caja->fecha_cierre)) : '—'; ?></td>
            </tr>
            <tr>
                <td><strong>Responsable:</strong></td>
                <td><?php echo !empty(trim($caja->responsable_nombre)) ? $caja->responsable_nombre : '—'; ?></td>
                <td><strong>Moneda:</strong></td>
                <td><?php echo $caja->moneda_nombre . ' (' . $moneda . ')'; ?></td>
            </tr>
            <tr>
                <td><strong>Monto inicial:</strong></td>
                <td><?php echo $moneda . ' ' . number_format($caja->monto_inicial, 2); ?></td>
                <td><strong>Saldo final:</strong></td>
                <td><strong><?php echo $moneda . ' ' . number_format($caja->monto_actual, 2); ?></strong></td>
            </tr>
            <?php if (!empty($caja->observacion)): ?>
            <tr>
                <td><strong>Observación:</strong></td>
                <td colspan="3"><?php echo $caja->observacion; ?></td>
            </tr>
            <?php endif; ?>
        </table>
    </div>

    <!-- MOVIMIENTOS -->
    <div class="mb-12">
        <table class="tbl-mov">
            <thead>
                <tr>
                    <th style="width:8%;">Fecha</th>
                    <th style="width:8%;">Tipo</th>
                    <th style="width:10%;">Origen</th>
                    <th style="width:25%;">Concepto</th>
                    <th style="width:14%;">Proveedor</th>
                    <th style="width:13%;">Comprobante</th>
                    <th style="width:10%;">Ingreso</th>
                    <th style="width:10%;">Egreso</th>
                </tr>
            </thead>
            <tbody>
                <?php foreach ($movimientos as $mov): ?>
                    <tr>
                        <td><?php echo date('d/m/Y', strtotime($mov->fecha)); ?></td>
                        <td class="text-center">
                            <?php echo $mov->tipo === 'I'
                                ? '<span class="ingreso">&#9650; ING</span>'
                                : '<span class="egreso">&#9660; EGR</span>'; ?>
                        </td>
                        <td><?php echo $mov->origen; ?></td>
                        <td><?php echo $mov->concepto; ?></td>
                        <td>
                            <?php echo !empty($mov->proveedor_nombre) ? $mov->proveedor_nombre : '—'; ?>
                            <?php if (!empty($mov->proveedor_ruc)): ?>
                                <br><?php echo $mov->proveedor_ruc; ?>
                            <?php endif; ?>
                        </td>
                        <td>
                            <?php if ($mov->tiene_comprobante): ?>
                                <?php echo $mov->tipo_comprobante; ?>
                                <?php if (!empty($mov->nro_comprobante)): ?>
                                    <br><?php echo $mov->nro_comprobante; ?>
                                <?php endif; ?>
                            <?php else: ?>
                                —
                            <?php endif; ?>
                        </td>
                        <td class="text-right ingreso">
                            <?php echo $mov->tipo === 'I' ? number_format($mov->monto, 2) : ''; ?>
                        </td>
                        <td class="text-right egreso">
                            <?php echo $mov->tipo === 'E' ? number_format($mov->monto, 2) : ''; ?>
                        </td>
                    </tr>
                <?php endforeach; ?>
            </tbody>
            <tfoot>
                <tr>
                    <td colspan="6" class="text-right">TOTALES:</td>
                    <td class="text-right ingreso"><?php echo number_format($resumen->total_ingresos, 2); ?></td>
                    <td class="text-right egreso"><?php echo number_format($resumen->total_egresos, 2); ?></td>
                </tr>
            </tfoot>
        </table>
    </div>

    <!-- RESUMEN -->
    <div class="clearfix">
        <div style="float:right; width:45%;">
            <table class="tbl-resumen" style="border:1px solid #ccc;">
                <tr>
                    <th style="background:#f5f5f5;">Total ingresos</th>
                    <td class="text-right"><?php echo $moneda; ?></td>
                    <td class="text-right ingreso"><?php echo number_format($resumen->total_ingresos, 2); ?></td>
                </tr>
                <tr>
                    <th style="background:#f5f5f5;">Egresos con comprobante</th>
                    <td class="text-right"><?php echo $moneda; ?></td>
                    <td class="text-right egreso"><?php echo number_format($resumen->total_egresos_con_comp, 2); ?></td>
                </tr>
                <tr>
                    <th style="background:#f5f5f5;">Egresos sin comprobante</th>
                    <td class="text-right"><?php echo $moneda; ?></td>
                    <td class="text-right egreso"><?php echo number_format($resumen->total_egresos_sin_comp, 2); ?></td>
                </tr>
                <tr class="fila-saldo">
                    <th style="background:#f0f0f0;">SALDO FINAL</th>
                    <td class="text-right"><?php echo $moneda; ?></td>
                    <td class="text-right"><?php echo number_format($caja->monto_actual, 2); ?></td>
                </tr>
            </table>
        </div>
    </div>

    <!-- FIRMAS -->
    <div class="firmas">
        <div class="firma-box">
            <div class="firma-linea">Responsable de caja<br>
                <?php echo !empty(trim($caja->responsable_nombre)) ? $caja->responsable_nombre : '___________________________'; ?>
            </div>
        </div>
        <div class="firma-box">
            <div class="firma-linea">Aprobado por<br>___________________________</div>
        </div>
        <div class="firma-box">
            <div class="firma-linea">Contador<br>___________________________</div>
        </div>
    </div>

    <!-- PIE -->
    <div class="text-center" style="margin-top:20px; border-top:1px solid #ccc; padding-top:6px; font-size:10px; color:#777;">
        <?php if ($empresa): echo $empresa->nombre . ' | RUC: ' . $empresa->ruc . ' | '; endif; ?>
        Documento generado el <?php echo date('d/m/Y H:i'); ?>
    </div>

</div>
</body>
</html>