Tul xxx Tul

Viewing: index.php

<?= $this->extend('layout/app'); ?>

<?php $this->section('title'); ?>
Cajas
<?php $this->endSection(); ?>

<?php $this->section('css'); ?>
<link rel="stylesheet" href="<?= base_url('assets/DataTables/datatables.min.css'); ?>">
<?php $this->endSection(); ?>

<?php $this->section('content'); ?>

<div class="app-title">
    <div>
        <h1><i class="bi bi-cash-coin"></i> Cajas</h1>
        <p>Listado de Cajas</p>
    </div>
    <ul class="app-breadcrumb breadcrumb">
        <li class="breadcrumb-item"><i class="bi bi-house-door fs-6"></i></li>
        <li class="breadcrumb-item"><a href="<?= base_url('admin'); ?>">Admin</a></li>
        <li class="breadcrumb-item"><a href="#">Cajas</a></li>
    </ul>
</div>

<div class="d-flex justify-content-center align-items-center gap-2 mb-2">
    <div class="form-group">
        <label for="desde">Desde</label>
        <input id="desde" class="form-control" type="date" name="desde">
    </div>

    <div class="form-group">
        <label for="hasta">Hasta</label>
        <input id="hasta" class="form-control" type="date" name="hasta">
    </div>

    <div>
        <label for="">Reporte</label>
        <br>
        <button class="btn btn-danger btn-sm" id="pdfReport" type="button"><i class="icon bi bi-file-earmark-pdf-fill"></i></button>
        <button class="btn btn-success btn-sm" id="excelReport" type="button"><i class="icon bi-file-earmark-excel-fill"></i></button>
    </div>
</div>

<a class="btn btn-primary mb-3" href="<?= base_url('admin/boxes/new'); ?>">Abrir Caja</a>

<div class="card mb-3">
    <div class="card-body">
        <?php if (session()->getFlashdata('message')) { ?>
            <div class="alert alert-success alert-dismissible fade show py-2" role="alert">
                <div class="d-flex align-items-center">
                    <div class="font-35 text-white"><i class="bx bxs-check-circle"></i></div>
                    <div class="ms-3">
                        <h6 class="mb-0 text-white">Respuesta</h6>
                        <div class="text-white"><?= session()->getFlashdata('message'); ?></div>
                    </div>
                </div>
                <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
            </div>
        <?php } ?>
        <?php if (session()->getFlashdata('fail')) { ?>
            <div class="alert alert-danger alert-dismissible fade show py-2" role="alert">
                <div class="d-flex align-items-center">
                    <div class="font-35 text-white"><i class="bx bxs-x-circle"></i></div>
                    <div class="ms-3">
                        <h6 class="mb-0 text-white">Error</h6>
                        <div class="text-white"><?= session()->getFlashdata('fail'); ?></div>
                    </div>
                </div>
                <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
            </div>
        <?php } ?>

        <div class="table-responsive">
            <table class="table table-striped align-middle" id="tblBoxes">
                <thead>
                    <tr>
                        <th>ID</th>
                        <th>Nombre</th>
                        <th>Monto Inicial</th>
                        <th>Fecha Apertura</th>
                        <th>Fecha Cierre</th>
                        <th>Ventas</th>
                        <th>Compras</th>
                        <th>Gastos</th>
                        <th>Estado</th>
                        <th style="width: 100px; white-space: nowrap;">Acción</th>
                    </tr>
                </thead>
                <tbody>
                </tbody>
            </table>
        </div>
    </div>
</div>

<?php if (!empty($box)) { ?>
    <div class="card mb-3">
        <div class="card-body">
            <?php if (!empty($boxes)) : ?>
                <form method="get" class="mb-4">
                    <label for="box_id" class="form-label">📦 Seleccionar Caja Abierta:</label>
                    <select name="box_id" id="box_id" class="form-select w-auto d-inline-block" onchange="this.form.submit()">
                        <?php foreach ($boxes as $b): ?>
                            <option value="<?= $b['id'] ?>" <?= $box['id'] == $b['id'] ? 'selected' : '' ?>>
                                <?= esc($b['name']) ?> (<?= date('d/m/Y H:i', strtotime($b['created_at'])) ?>)
                            </option>
                        <?php endforeach; ?>
                    </select>
                </form>
            <?php endif; ?>
            
            <div class="row g-3 mb-4">
                <div class="col-md-4">
                    <div class="card h-100 border-primary shadow-sm">
                        <div class="card-header bg-primary text-white">
                            <i class="bi bi-cash-stack"></i> <strong>Monto Inicial</strong>
                        </div>
                        <div class="card-body text-center">
                            <p class="fs-4 mb-0"><?= get_currency() ?> <?= number_format($box['initial_amount'], 2) ?></p>
                        </div>
                    </div>
                </div>

                <div class="col-md-4">
                    <div class="card h-100 border-warning shadow-sm">
                        <div class="card-header bg-warning text-dark">
                            <i class="bi bi-cart-x"></i> <strong>Ventas de Crédito</strong>
                        </div>
                        <div class="card-body text-center">
                            <p class="fs-4 mb-0"><?= get_currency() ?> <?= number_format($summary['ventas_credito'] ?? 0, 2) ?></p>
                            <small class="text-muted">No ingresa a caja</small>
                        </div>
                    </div>
                </div>

                <div class="col-md-4">
                    <div class="card h-100 border-danger shadow-sm">
                        <div class="card-header bg-danger text-white">
                            <i class="bi bi-dash-circle"></i> <strong>Gastos</strong>
                        </div>
                        <div class="card-body text-center">
                            <p class="fs-4 mb-0"><?= get_currency() ?> <?= number_format($summary['gastos'], 2) ?></p>
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-md-12">
                <div class="card shadow-sm border-0">
                    <div class="card-header bg-dark text-white">
                        🧾 <strong>Resumen del Cuadre de Caja</strong>
                    </div>
                    <div class="card-body p-0">
                        <table class="table table-bordered mb-0">
                            <tbody>
                                <tr>
                                    <th class="bg-light w-50">💵 Monto Inicial</th>
                                    <td><?= get_currency() ?> <?= number_format($summary['monto_inicial'], 2) ?></td>
                                </tr>
                                <tr>
                                    <th class="bg-light">Venta de Productos</th>
                                    <td><?= get_currency() ?> <?= number_format($summary['ventas_productos'] ?? 0, 2) ?></td>
                                </tr>
                                <tr>
                                    <th class="bg-light text-warning">Ventas de crédito</th>
                                    <td class="text-warning"><?= get_currency() ?> <?= number_format($summary['ventas_credito'] ?? 0, 2) ?></td>
                                </tr>
                                <tr>
                                    <th class="bg-light">Membresías</th>
                                    <td><?= get_currency() ?> <?= number_format($summary['membresias_total'] ?? 0, 2) ?></td>
                                </tr>
                                <tr>
                                    <th class="bg-light">Pagos (abonos)</th>
                                    <td><?= get_currency() ?> <?= number_format($summary['abonos_total'] ?? 0, 2) ?></td>
                                </tr>
                                <tr>
                                    <th class="bg-light text-success">Total Ingresos Reales</th>
                                    <td class="text-success fw-bold"><?= get_currency() ?> <?= number_format($summary['ingresos_totales'], 2) ?></td>
                                </tr>
                                <tr>
                                    <th class="bg-light text-danger">📉 Gastos</th>
                                    <td class="text-danger">- <?= number_format($summary['gastos'], 2) ?></td>
                                </tr>
                                <tr class="table-dark">
                                    <th>✅ Saldo Final en Caja</th>
                                    <td class="fs-5 fw-bold"><?= get_currency() ?> <?= number_format($summary['saldo_final'], 2) ?></td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>

            <div class="text-center mt-3">
                <button class="btn btn-outline-secondary btn-sm px-4" type="button" data-bs-toggle="collapse" data-bs-target="#detallesCaja" aria-expanded="false" aria-controls="detallesCaja">
                    <i class="bi bi-chevron-down me-1"></i> Ver más detalles
                </button>
            </div>

            <div class="collapse mt-3" id="detallesCaja">
                <div class="row g-3">
                    <div class="col-md-6">
                        <div class="card border-success shadow-sm h-100">
                            <div class="card-header bg-success text-white">Ingresos Reales</div>
                            <div class="card-body">
                                <div class="d-flex justify-content-between mb-2"><span>Ventas</span><strong><?= get_currency() ?> <?= number_format($summary['ventas_contado'] ?? 0, 2) ?></strong></div>
                                <div class="d-flex justify-content-between mb-2"><span>Membresías</span><strong><?= get_currency() ?> <?= number_format($summary['membresias_iniciales'] ?? 0, 2) ?></strong></div>
                                <div class="d-flex justify-content-between"><span>Abonos</span><strong><?= get_currency() ?> <?= number_format($summary['abonos_total'] ?? 0, 2) ?></strong></div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="card border-danger shadow-sm h-100">
                            <div class="card-header bg-danger text-white">Egresos Reales</div>
                            <div class="card-body">
                                <div class="d-flex justify-content-between"><span>Gastos</span><strong><?= get_currency() ?> <?= number_format($summary['gastos'] ?? 0, 2) ?></strong></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="card-footer text-center mt-3">
                <p>🕒 Reporte generado el <?= date('d/m/Y H:i:s') ?></p>
                <div class="btn-group" role="group">
                    <a href="<?= base_url('admin/generarCuadre/' . $box['id']); ?>" class="btn btn-outline-danger" target="_blank"><i class="bi bi-printer"></i> Imprimir Reporte</a>
                    <button class="btn btn-primary" onclick="cerrarCaja(<?= $box['id']; ?>)">Cerrar Caja</button>
                </div>
            </div>
        </div>
    </div>
<?php } ?>

<?php $this->endSection(); ?>

<?php $this->section('js'); ?>
<script src="<?= base_url('assets/DataTables/datatables.min.js'); ?>"></script>
<script src="<?= base_url('assets/admin/js/pages/boxes.js'); ?>"></script>
<script>
    const detallesCaja = document.getElementById('detallesCaja');
    const btnVerMas = document.querySelector('[data-bs-target="#detallesCaja"]');
    if (detallesCaja && btnVerMas) {
        detallesCaja.addEventListener('show.bs.collapse', () => {
            btnVerMas.innerHTML = '<i class="bi bi-chevron-up me-1"></i> Ver menos';
        });
        detallesCaja.addEventListener('hide.bs.collapse', () => {
            btnVerMas.innerHTML = '<i class="bi bi-chevron-down me-1"></i> Ver más detalles';
        });
    }
</script>
<?php $this->endSection(); ?>
User / IP	: 216.73.216.191
Host / Server	: 45.84.207.204 / aircan.me
System	: Linux lt-bnk-web1726.main-hosting.eu 5.14.0-611.36.1.el9_7.x86_64 #1 SMP PREEMPT_DYNAMIC Tue Mar 3 11:23:52 EST 2026 x86_64