<?php 
Yii::app()->getClientScript()->registerCssFile(Yii::app()->getBaseUrl() . '/assets/vendor/datatables/css/dataTables.bootstrap4.css');  
Yii::app()->getClientScript()->registerCssFile(Yii::app()->getBaseUrl() . '/css/tabla-data.css');  

/*
if(Yii::app()->user->hasState('success')){
   echo TbHtml::alert(TbHtml::ALERT_COLOR_SUCCESS, Yii::app()->user->getState('success'));
   Yii::app()->user->setState('success', null);
}
*/
if(Yii::app()->user->hasState('warning_multas')){
   echo TbHtml::alert(TbHtml::ALERT_COLOR_WARNING, Yii::app()->user->getState('warning_multas'));
   Yii::app()->user->setState('warning_multas', null);
}

if(Yii::app()->user->hasState('warning')){
   echo TbHtml::alert(TbHtml::ALERT_COLOR_WARNING, Yii::app()->user->getState('warning'));
   Yii::app()->user->setState('warning', null);
}
?>
<?php if (Yii::app()->user->hasState('success')): ?>
    <script>
        document.addEventListener("DOMContentLoaded", function() {
            Swal.fire({
                title: '¡Éxito!',
                text: <?php echo CJSON::encode(Yii::app()->user->getState("success")); ?>,
                icon: 'success',
                confirmButtonText: 'Aceptar',
                confirmButtonColor: '#3085d6'
            });
        });
    </script>
    <?php Yii::app()->user->setState('success', null); ?>
<?php endif; ?>



<div class="card">
    <div class="card-body">
        <div class="card-header">
            <h5 class="card-title text-center">Consulta de Declaraciones</h5>
        </div>

        <!-- Card informativo / alerta elegante -->
    <div class="alert alert-warning shadow-sm" role="alert"
     style="margin: 25px 0; border-left: 6px solid #ff9800; 
            background: linear-gradient(135deg, #fff8e1, #fffde7);
            font-size: 15px; padding: 20px 25px; border-radius: 12px;
            line-height: 1.7; display: flex; align-items: flex-start;">
    <i class="material-icons" style="color:#ff9800; font-size: 32px; margin-right:15px;">priority_high</i>
    <div>
        <strong style="font-size:16px; color:#e65100;">Importante:</strong>
        <span style="display:block; margin-top:5px;">
            Solo puede pagar la <strong>declaración más antigua pendiente</strong> primero.  
            Las demás se <strong>desbloquearán automáticamente</strong> tras completar este pago  
            <strong>y haya sido verificado por un analista</strong>.
        </span>
    </div>
</div>

        <div class="card-body">
            <div class="row">
                <div class="col-md-12">
                    <div class="table-responsive">
                        <table id="tabla" class="table table-striped table-bordered text-center" style="width:100%">
                            <thead>
                                <tr>
                                    <th class="text-center">Código</th>
                                    <th class="text-center">Fecha Declaración</th>
                                    <th class="text-center">Estatus</th>
                                    <th class="text-center">Ejercicio Económico</th>
                                    <th width="19%" class="text-center">Acciones</th>
                                </tr>
                            </thead>
                            <tbody>
                                <?php echo $mostrarDeclaraciones; ?>
                            </tbody>
                            <tfoot>
                                <tr>
                                    <th>Código</th>
                                    <th>Fecha Declaración</th>
                                    <th>Estatus</th>
                                    <th>Ejercicio Económico</th>
                                    <th width="19%">Acciones</th>
                                </tr>
                            </tfoot>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>


<?php  
// MODAL Detalles de la declaración
$this->renderPartial('_modal-detalles-declaracion');

// MODAL Detalles de la multa
$this->renderPartial('_modal-detalles-multas');
  
// MODAL Comprobante de pago
$this->renderPartial('_modal-comprobante');
?>


<?php  
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->registerScript("tabla",'
	$(document).ready(function() {
	    $("#tabla").DataTable({
			language: {
	            "sProcessing":     "Procesando...",
	            "sLengthMenu":     "Mostrar _MENU_ registros",
	            "sZeroRecords":    "No se encontraron resultados",
	            "sEmptyTable":     "No hay datos.",
	            "sInfo":           "Mostrando registros del _START_ al _END_ de un total de _TOTAL_ registros",
	            "sInfoEmpty":      "Mostrando registros del 0 al 0 de un total de 0 registros",
	            "sInfoFiltered":   "(filtrado de un total de _MAX_ registros)",
	            "sInfoPostFix":    "",
	            "sSearch":         "Buscar:",
	            "sUrl":            "",
	            "sInfoThousands":  ",",
	            "sLoadingRecords": "Cargando...",
	            "oPaginate": {
	                "sFirst":    "Primero",
	                "sLast":     "Último",
	                "sNext":     "Siguiente",
	                "sPrevious": "Anterior"
	            },
	            "oAria": {
	                "sSortAscending":  ": Activar para ordenar la columna de manera ascendente",
	                "sSortDescending": ": Activar para ordenar la columna de manera descendente"
	            },
	            "buttons": {
	                "copy": "Copiar",
	                "colvis": "Visibilidad"
	            }
	        },
        	"order": [[ 3, "desc" ]]

	    });
	} );
');
?>
<script>
$(function () {
  $('[data-toggle="tooltip"]').tooltip()
})
</script>