<?php  
// Css 
Yii::app()->getClientScript()->registerCssFile(Yii::app()->getBaseUrl() . '/assets/vendor/datatables/css/dataTables.bootstrap4.css');  
Yii::app()->getClientScript()->registerCssFile(Yii::app()->getBaseUrl() . '/assets/vendor/datatables/css/responsive.bootstrap4.min.css');
Yii::app()->getClientScript()->registerCssFile(Yii::app()->getBaseUrl() . '/css/tabla-data.css');
?>
<div class="card">
    <div class="card-body">
        <center><h3><?= $titulo ?></h3></center><hr>
        <br>
        <div class="row">
            <div class="col-md-12">
                <?php  
                if(Yii::app()->user->hasState('success_eliminar')){
                   echo TbHtml::alert(TbHtml::ALERT_COLOR_SUCCESS, Yii::app()->user->getState('success_eliminar'));
                   Yii::app()->user->setState('success_eliminar', null);
                }
                if(Yii::app()->user->hasState('danger_eliminar')){
                   echo TbHtml::alert(TbHtml::ALERT_COLOR_DANGER, Yii::app()->user->getState('danger_eliminar'));
                   Yii::app()->user->setState('danger_eliminar', null);
                }
                ?>

                <div class="table-responsive">
                    <table id="<?= $id ?>" class="table table-striped table-bordered" style="width:100%">
                        <!-- Lo datos son traidos desde el controlador -->
                    </table>
                </div>

            </div>
        </div>
    </div>
</div>



<!-- Small modal -->
<div class="modal fade bd-example-modal-sm" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true" data-backdrop="static">
    <div class="modal-dialog modal-sm">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title text-center" id="exampleModalLongTitle">Confirmar</h4>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                ¿Está seguro de eliminar este registro?
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-dark" data-dismiss="modal">Cerrar</button>
                <?php echo TbHtml::linkButton('Aceptar', array('color' => TbHtml::BUTTON_COLOR_SECONDARY, 'class' => 'pull-right', 'id' => 'link'));  ?>
            </div>
        </div>
    </div>
</div>

<?php
// JavaScript
Yii::app()->clientScript->registerScriptFile(Yii::app()->baseUrl . '/assets/vendor/datatables/js/jquery.dataTables.js', CClientScript::POS_END);
Yii::app()->clientScript->registerScriptFile(Yii::app()->baseUrl . '/assets/vendor/datatables/js/dataTables.bootstrap4.js', CClientScript::POS_END);
Yii::app()->clientScript->registerScriptFile(Yii::app()->baseUrl . '/assets/vendor/datatables/js/dataTables.responsive.min.js', CClientScript::POS_END);
Yii::app()->clientScript->registerScriptFile(Yii::app()->baseUrl . '/assets/vendor/datatables/js/responsive.bootstrap4.min.js', CClientScript::POS_END);
Yii::app()->clientScript->registerScriptFile(Yii::app()->baseUrl . '/assets/vendor/datatables/js/dataTables.buttons.min.js', CClientScript::POS_END);
Yii::app()->clientScript->registerScriptFile(Yii::app()->baseUrl . '/assets/js/dataTable.js', CClientScript::POS_END);

Yii::app()->clientScript->registerScript($name_script, '
    setTabla({
        id              : "'.$id.'",
        url             : "'.$url.'",
        columnas        : '.$columnas.',
        ocultar         : '.$ocultar.',
        anchoColumnas   : '.$anchoColumnas.',
        footer          : '.$footer.',
    });
 ');

?>