<?= $this->extend('layouts/master') ?>

<?= $this->section('title') ?>
Módulos
<?= $this->endSection() ?>

<?= $this->section('css') ?>
<link rel="stylesheet" href="https://cdn.datatables.net/1.13.4/css/dataTables.bootstrap5.min.css">
<?= $this->endSection() ?>

<?= $this->section('pageTitle') ?>
Tus solicitudes creadas
<?= $this->endSection() ?>

<?= $this->section('pageContent') ?>

<div class="card">
    <div class="card-body">

        <table id="tabla" class="table table-striped" style="width:100%">
            <thead>
                <tr>
                    <th>ID único</th>
                    <th>Solicitud</th>
                    <th>Estado</th>
                    <th>Solicitante</th>
                    <th>Fecha de creación</th>
                    <th style="width: 150px;">Acciones</th>
                </tr>
            </thead>
        </table>

    </div>
</div>

<?= $this->endSection() ?>

<?= $this->section('scripts') ?>

<script src="https://cdn.datatables.net/1.13.4/js/jquery.dataTables.min.js"></script>
<script src="https://cdn.datatables.net/1.13.4/js/dataTables.bootstrap5.min.js"></script>

<script>
    function estadoBadge(estado) {
        switch (estado) {
            case 'pendiente':
                return '<span class="badge bg-warning text-dark">Pendiente</span>';
            case 'en_proceso':
                return '<span class="badge bg-info text-dark">En proceso</span>';
            case 'completado':
                return '<span class="badge bg-success">Completado</span>';
            case 'aprobado':
                return '<span class="badge bg-success">Aprobado</span>';
            case 'rechazado':
                return '<span class="badge bg-danger">Rechazado</span>';
            default:
                return '<span class="badge bg-secondary">Desconocido</span>';
        }
    }

$(document).ready(function() {

    $('#tabla').DataTable({
        processing: true,
        serverSide: true,
        language: {
            url: "//cdn.datatables.net/plug-ins/1.13.6/i18n/es-ES.json"
        },
        ajax: {
            url: '/modulos/datatablebandeja',
            type: 'POST',
            data:{
                mostrar:'creador'
            }
        },
        columns: [
            { data: 'uniqid' },
            { data: 'solicitud' },
            { 
                data: 'estado', 
                orderable: false,
                render: function(estado) {
                    return estadoBadge(estado);
                }
            },
            { data: 'usuario_creador' },
            { data: 'fecha_creacion' },
            
            { 
                data: 'id', 
                orderable: false,
                render: function(id) {
                    return `
                        <a href="<?=site_url('modulos/gestionar_creador/')?>${id}" class="btn btn-ico btn-sm btn-primary"><i class="fas fa-chevron-right"></i></a>
                    `;
                }
            }
        ],
        order: [[0, 'desc']]
    });

});
</script>

<?= $this->endSection() ?>
