<div class="content-wrapper">
    <section class="content-header">
        <h1>Caja Chica</h1>
    </section>

    <section class="content">
        <div class="row">
            <div class="col-md-12">

                <?php
                // Detectar si hay caja abierta
                $cajaAbierta = null;
                foreach ($cajas as $c) {
                    if ($c->estado_codigo === 'ABT') { $cajaAbierta = $c; break; }
                }
                ?>

                <?php if ($cajaAbierta): ?>
                    <!-- Banner caja abierta -->
                    <div class="alert alert-success" style="display:flex; align-items:center; justify-content:space-between;">
                        <div>
                            <i class="fa fa-unlock"></i>
                            <strong>Caja #<?php echo str_pad($cajaAbierta->id, 4, '0', STR_PAD_LEFT); ?> abierta</strong>
                            — Saldo actual:
                            <strong><?php echo $cajaAbierta->moneda_abreviado . ' ' . number_format($cajaAbierta->monto_actual, 2); ?></strong>
                            | Desde: <?php echo date('d/m/Y', strtotime($cajaAbierta->fecha_apertura)); ?>
                        </div>
                        <div>
                            <a href="<?php echo base_url('index.php/finanzas/caja_chica/ver/'.$cajaAbierta->id); ?>"
                               class="btn btn-success btn-sm">
                                <i class="fa fa-eye"></i> Ver caja
                            </a>
                        </div>
                    </div>
                <?php else: ?>
                    <?php if (tiene_permiso('caja_chica_apertura')): ?>
                        <a href="<?php echo base_url('index.php/finanzas/caja_chica/apertura'); ?>"
                           class="btn btn-primary">
                            <i class="fa fa-plus"></i> Abrir nueva caja
                        </a>
                        <br><br>
                    <?php endif; ?>
                <?php endif; ?>

                <div class="panel panel-primary">
                    <div class="panel-heading">
                        <strong><i class="fa fa-list"></i> Historial de cajas</strong>
                    </div>
                    <div class="panel-body">
                        <div class="table-responsive">
                            <table id="tablaCajas" class="table table-bordered table-hover table-striped">
                                <thead>
                                    <tr>
                                        <th>Nro</th>
                                        <th>Apertura</th>
                                        <th>Cierre</th>
                                        <th>Responsable</th>
                                        <th>Monto inicial</th>
                                        <th>Saldo final</th>
                                        <th>Estado</th>
                                        <th style="width:100px;">Acciones</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <?php foreach ($cajas as $item): ?>
                                        <tr>
                                            <td><?php echo str_pad($item->id, 4, '0', STR_PAD_LEFT); ?></td>
                                            <td><?php echo date('d/m/Y', strtotime($item->fecha_apertura)); ?></td>
                                            <td><?php echo $item->fecha_cierre ? date('d/m/Y', strtotime($item->fecha_cierre)) : '—'; ?></td>
                                            <td><?php echo !empty(trim($item->responsable_nombre)) ? $item->responsable_nombre : '—'; ?></td>
                                            <td><?php echo $item->moneda_abreviado . ' ' . number_format($item->monto_inicial, 2); ?></td>
                                            <td><?php echo $item->moneda_abreviado . ' ' . number_format($item->monto_actual, 2); ?></td>
                                            <td>
                                                <?php if ($item->estado_codigo === 'ABT'): ?>
                                                    <span class="label label-success">Abierta</span>
                                                <?php else: ?>
                                                    <span class="label label-default">Cerrada</span>
                                                <?php endif; ?>
                                            </td>
                                            <td>
                                                <a href="<?php echo base_url('index.php/finanzas/caja_chica/ver/'.$item->id); ?>"
                                                   class="btn btn-info btn-xs" title="Ver detalle">
                                                    <i class="fa fa-eye"></i>
                                                </a>
                                                <a href="<?php echo base_url('index.php/finanzas/caja_chica/reporte/'.$item->id); ?>"
                                                   class="btn btn-default btn-xs" title="Reporte" target="_blank">
                                                    <i class="fa fa-print"></i>
                                                </a>
                                            </td>
                                        </tr>
                                    <?php endforeach; ?>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </section>
</div>

<script>
window.addEventListener('load', function () {
    if (typeof $.fn.DataTable !== 'undefined') {
        $('#tablaCajas').DataTable({
            language: {
                lengthMenu: "Mostrar _MENU_ registros",
                zeroRecords: "No se encontraron resultados",
                info: "Mostrando del _START_ al _END_ de _TOTAL_ registros",
                infoEmpty: "Sin registros",
                search: "Buscar:",
                paginate: { first:"Primero", last:"Último", next:"Siguiente", previous:"Anterior" }
            },
            pageLength: 10,
            order: [[0, 'desc']]
        });
    }
});
</script>