<!-- Modal -->
<div class="modal fade" id="agregarPago" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" data-backdrop="static">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <?php $form=$this->beginWidget('bootstrap.widgets.TbActiveForm', array(
                'id'=>'agregar-pago-form',
                'enableAjaxValidation' => true,
                'enableClientValidation' => true,
                'clientOptions' => array(
                    'validateOnSubmit' => true,
                    'afterValidate' => 'js:function(form, data, hasError) {
                        if(!hasError){
                            return false;
                        }
                    }',
                ),
                'htmlOptions' => array('enctype' => 'multipart/form-data'),
            )); ?>
            <div class="modal-header">
                <h4 class="modal-title" id="myModalLabel">Registrar Pago</h4>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
            </div>
            <!-- Barra de carga -->
            <div class="progress"></div>
            <div class="modal-body" id="prueba">
                <br>
                <div class="row">
                    <div class="col-md-4">
                        <?php
                        echo $form->dropDownListControlGroup($pagoSave, 'decl_modalidadpago', 
                            array(
                                //'1' => 'Planilla',  
                                '2' => 'Transferencia'
                            ), 
                            array(
                                'class'  => 'show-tick selectbox',
                                'prompt' => 'Seleccione Modalidad..',
                                'data-dropup-auto' => false,
                            )
                        );?>
                    </div>
                    <div class="col-md-4">
                        <?php 
                        echo $form->dropDownListControlGroup($pagoSave, 'banc_codigo_fk', 
                            SidcaiBanco::bancosAportes(),
                            array(
                                'class' 	=> 'show-tick selectbox',
                                'prompt' 	=> 'Seleccione el Banco.',
                                'onChange' 	=> 'seleccionarBancosAportes()',
                                'data-dropup-auto' => false,
                            )
                        );?>
                    </div>
                    <div class="col-md-4">
                        <!-- Acá va el número de cuenta -->
                        <?php 
                        echo $form->textFieldControlGroup($pagoSave, 'decl_cuenta', 
                            array(
                                'value' 		=> '00000000000000000000', 
                                'readOnly'	 	=> true,
                                'autocomplete' 	=> 'off',
                            )
                        ); ?>
                    </div>
                </div>
                <br>
                <div class="row">
                    <div class="col-md-4">
                        <?php 
                        echo $form->dateFieldControlGroup($pagoSave, 'decl_fechapago', 
                            array(
                                'autocomplete' => 'off',
                                'value' 	=> date('d/m/Y'),
                                'help' 		=> '<p class="text-muted">Coloque la fecha en la que realizó su operación.</p>',
                            )
                        ); ?>
                    </div>
                    <div class="col-md-4">
                        <!-- Acá va el número de deposito -->
                        <?php 
                        echo $form->textFieldControlGroup($pagoSave, 'decl_referencia',
                            array(
                                'autocomplete' 	=> 'off',
                                'onkeypress' 	=> 'return soloNumeros(event)',
                            )
                        ); ?>
                    </div>
                    <div class="col-md-4">
                        <?php 
                        echo $form->textFieldControlGroup($pagoSave, 'decl_monto', 
                            array(
                                'autocomplete' 	=> 'off',
                                 'id' 	=> 'campo-mayor-cero',
                                'value' 		=> isset($datos['monto_aportar']) ? $datos['monto_aportar'] : 0,
                                'onkeypress' 	=> 'return soloMontos(this, event)',
                                'label'			=> 'Monto ()',
                                //"$readOnly" 	=> "",
                                'help' 			=> '<p class="text-muted">Usted debe pagar <b><span id="montoApagar"><span></b></p>',
                            )); 

                            echo $form->hiddenField($pagoSave, 'codigo_declaraciones', [
                                'value' => isset($datos['codigo_declaraciones']) ? $datos['codigo_declaraciones'] : '', // Asigna el valor si está disponible
                                'id' => 'SidcaiDeclaracionDetalle_codigo_declaraciones' // ID único para este campo hidden
                            ]);

                        ?>
                        <p id="validar-monto" style="color:#a94442;"></p>
                    </div>
                </div>
                <br>
                <div class="row">
                    <div class="col-md-5">
                        <?php //echo $form->labelEx($model3, 'Comprobante *', ['style' => 'color:rgba(0, 60, 128, .7)']); ?>
                        <div class='form-group file-input text-left' data-max-text='20'>
                            <?php echo $form->fileField($pagoSave, 'comprobante') ?>
                            <span class="button" style="font-size: 14px"><i class="material-icons" style="font-size: 14px">cloud_upload</i> Cargar</span>
                            <label class="label" data-js-label>Seleccione.</label>
                            <span class="input-file-line"></span>
                            <span class="text-muted"><b>Permitdo: .png, .jpeg, .jpg</b></span>
                            <p id="SidcaiDeclaracionDetalle_comprobante_em_" class="help-block"></p>
                        </div>
                    </div>
                    <!-- Muestra la imagen del comprobante -->
                    <div class="col-md-7 text-center">
                        <img id="mostrar-comprobante" src="" alt="" width="335px">
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-dark" data-dismiss="modal">Cerrar</button>
                <?php  
                echo TbHtml::submitButton('Registrar', 
                    array(
                        'color' => TbHtml::BUTTON_COLOR_SECONDARY, 
                        'class' => 'btn-xs', 
                        'name' => 'registrar-pago',
                        'id' => 'registrar-pago',
                        'onclick' => 'return subir()',
                    )
                );
                ?>
            </div>
            <?php $this->endWidget(); ?>
        </div>
    </div>
</div>

<script>	
$(document).ready(function() {
	var file = $("#SidcaiDeclaracionDetalle_comprobante");
	var error = $("#SidcaiDeclaracionDetalle_comprobante_em_");

	file.change(function(){
		validarComprobante(file, error);
	});

	$("#registrar-pago").on('click', function(){
		return validarComprobante(file, error);
	});


	let preview = $("#mostrar-comprobante");
    let selector = $("#SidcaiDeclaracionDetalle_comprobante");
    let reader = new FileReader();   
    
    let getImageUrl = function (){
    	let file = selector[0].files[0];   
      	
      	if(file)
      		reader.readAsDataURL(file); 
    }
        
    selector.on("change", getImageUrl);
    
    reader.onloadend = function(){
       preview.attr("src",reader.result);
    }
    
       		
});
</script>
<?php
// JS DatePicker
Yii::app()->getClientScript()->registerScriptFile(Yii::app()->baseUrl . '/assets/js/datepicker.js', CClientScript::POS_END);
Yii::app()->getClientScript()->registerScriptFile(Yii::app()->baseUrl . '/assets/js/funciones.js', CClientScript::POS_HEAD);
Yii::app()->getClientScript()->registerScriptFile(Yii::app()->baseUrl . '/assets/js/accounting.min.js', CClientScript::POS_HEAD);
Yii::app()->getClientScript()->registerScriptFile(Yii::app()->baseUrl . '/assets/js/declaracion-mensual.js', CClientScript::POS_END);
Yii::app()->getClientScript()->registerScriptFile(Yii::app()->baseUrl . '/assets/js/input-file.js', CClientScript::POS_END);
?>
