<?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');  

// Mensajes flash
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);
}
?>

<div class="card">
	<div class="card-body">
		<div class="card-header">
			<h5 class="card-title text-center">Consulta de Conciliaciones</h5>
		</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">ID</th>
	                                <th class="text-center">Casilla 711</th>
	                                <th class="text-center">Casilla 780</th>
	                                <th class="text-center">Casilla 970</th>
	                                <th class="text-center">Periodo Fiscal</th>
	                                <th class="text-center">Fecha Carga</th>
	                                <th class="text-center">Fecha Actualización</th>
									<th class="text-center">Estatus</th>
	                                <th class="text-center">Acciones</th>
	                            </tr>
	                        </thead>
	                        <tbody>
	                        	<?php echo $mostrarConciliaciones; ?>
	                        </tbody>
	                        <tfoot>
	                            <tr>
	                                <th>ID</th>
	                                <th>Casilla 711</th>
	                                <th>Casilla 780</th>
	                                <th>Casilla 970</th>
	                                <th>Periodo Fiscal</th>
	                                <th>Fecha Carga</th>
	                                <th>Fecha Actualización</th>
									<th>Estatus</th>
	                                <th>Acciones</th>
	                            </tr>
	                        </tfoot>
	                    </table>
	                </div>
				</div>
			</div>
		</div>
	</div>
</div>

<?php  
// Si tienes modales específicos, puedes incluirlos aquí si lo necesitas:
#$this->renderPartial('_modal-detalles-conciliacion');
?>

<?php  
// Scripts para DataTables
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)",
	            "sSearch":         "Buscar:",
	            "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"
	            }
	        },
        	order: [[0, "desc"]],
        	pageLength: 10,
        	lengthMenu: [[10, 25, 50, -1], [10, 25, 50, "Todos"]]
	    });
	});
');

Yii::app()->clientScript->registerScript('verConciliacion', "
function verConciliacion(id) {
  $('#detalleConciliacion').html('<p class=\"text-center\">Cargando datos...</p>');

  $.ajax({
    url: '" . Yii::app()->createUrl('declaracion/verConciliacion') . "',
    type: 'GET',
    data: { id: id },
    success: function(data) {
      $('#detalleConciliacion').html(data);
    },
    error: function() {
      $('#detalleConciliacion').html('<p class=\"text-danger text-center\">Error al cargar los detalles.</p>');
    }
  });
}
", CClientScript::POS_END);
?>

<!-- Modal para ver conciliación -->
<div class="modal fade" id="modalConciliacion" tabindex="-1" aria-labelledby="modalConciliacionLabel" aria-hidden="true">
  <div class="modal-dialog modal-lg modal-dialog-centered">
    <div class="modal-content">
      <div class="modal-header bg-info text-white">
        <h5 class="modal-title" id="modalConciliacionLabel">Detalles de Conciliación</h5>
        <button type="button" class="close text-white" data-dismiss="modal" aria-label="Cerrar">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body" id="detalleConciliacion">
        <!-- Aquí se cargan los datos con AJAX -->
      </div>
    </div>
  </div>
</div>