Tul xxx Tul

Viewing: payments.php

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

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

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

<div class="app-title">
    <div>
        <h1><i class="bi bi-wallet"></i> Pagos</h1>
        <p>Listado de Pagos</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="#">Pagos</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>

<div class="card">
    <div class="card-body">
        <div class="table-responsive">
            <table class="table table-striped align-middle nowrap" style="width: 100%;" id="tblPayments">
                <thead>
                    <tr>
                        <th>Item</th>
                        <th>Membresía</th>
                        <th>Monto</th>
                        <th>Fecha de Pago</th>
                        <th>Método de Pago</th>
                        <th>Acción</th>
                    </tr>
                </thead>
                <tbody>
                </tbody>
            </table>
        </div>
    </div>
</div>


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

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

<?php $this->section('js'); ?>
<script src="<?= base_url('assets/DataTables/datatables.min.js'); ?>"></script>
<script>
    let tblPayments;
    let desde = document.querySelector('#desde');
    let hasta = document.querySelector('#hasta');

    document.addEventListener('DOMContentLoaded', function() {
        tblPayments = $('#tblPayments').DataTable({
            responsive: true,
            ajax: {
                url: base_url + 'pagos/show',
                data: function(d) {
                    d.desde = desde.value;
                    d.hasta = hasta.value;
                },
                dataSrc: ''
            },
            columns: [{
                    data: 'item'
                },
                {
                    data: 'membership_name'
                }, // Asegúrate de que esto coincide con el nombre del campo en la consulta
                {
                    data: 'amount'
                },
                {
                    data: 'payment_date'
                },
                {
                    data: 'payment_name'
                }, // Asegúrate de que esto coincide con el nombre del campo en la consulta
                {
                    data: null,
                    render: function(data, type, row) {
                        return `
                        <div class="btn-group ms-3" role="group" aria-label="">
                            <a href="${base_url + 'pagos/' + data.id + '/ticket-pago'}" target="_blank" class="btn btn-outline-secondary btn-sm">
                                <i class="bi bi-printer-fill"></i>
                            </a>
                        </div>
                    `;
                    }
                }
            ],
            language: {
                url: base_url + 'assets/admin/js/es-ES.json',
            },
            order: [
                [0, 'asc']
            ]
        });

        desde.addEventListener('change', function() {
            tblPayments.ajax.reload();
        });

        hasta.addEventListener('change', function() {
            tblPayments.ajax.reload();
        });
    });
    <?php if (session()->getFlashdata('pago')) { ?>
        window.open("<?= base_url('admin/' . session()->getFlashdata('pago')['id'] . '/ticket-pago'); ?>");
    <?php } ?>
</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