<?php   Yii::app()->getClientScript()->registerScriptFile(Yii::app()->baseUrl.'/js/bootstrap2-toggle.js');
        Yii::app()->getClientScript()->registerCssFile(Yii::app()->baseUrl.'/css/bootstrap2-toggle.css');
?>
<?php
/* @var $this PagosMasivosController */
/* @var $model PagosMasivos */
/* @var $form CActiveForm */
?>
<link rel="stylesheet" href="css/jquery.dataTables.min.css" >
<?php Yii::app()->clientScript->registerScriptFile(Yii::app()->request->baseUrl.'/js/jquery.mask.min.js', CClientScript::POS_HEAD); ?>
<?php Yii::app()->clientScript->registerScriptFile(Yii::app()->request->baseUrl.'/js/jquery.dataTables.min.js', CClientScript::POS_HEAD); ?>


<?php Yii::import('application.modules.contable.models.*');

    Yii::app()->clientScript->registerScript('search', "
        $('.search-form form').submit(function(){
                $.fn.yiiGridView.update('credito-grid', {
                        data: $(this).serialize()
                });
                return false;
        });
        ");
  $cant_pagado = $monto_pagado = $cant_rechazado = $monto_rechazado = 0;
?>
<h3 style="text-align: center;">Reportar el pago</h3>
<div class="form">

<?php $form = $this->beginWidget('bootstrap.widgets.TbActiveForm', array(
    'id' => 'pagos-masivos-form',
    // Please note: When you enable ajax validation, make sure the corresponding
    // controller action is handling ajax validation correctly.
    // There is a call to performAjaxValidation() commented in generated controller code.
    // See class documentation of CActiveForm for details on this.
    'enableAjaxValidation' => false,
    'type' => 'horizontal',
    'htmlOptions' => array('onsubmit' => 'activar_barra();'),
)); ?>

    <p class="help-block" style="text-align: center">Campos con <span class="required">*</span> son requeridos.</p>
    <hr>
<?php $this->widget('bootstrap.widgets.TbDetailView', array(
  'data' => $model,
  'attributes' => array(
        array(
      'name' => 'Tipo de pago',
      'value' => ($model->idTipoPagosMasivos) ? $model->idTipoPagosMasivos->nombre_proceso : '',
        ),

        array(
      'name' => 'Banco ',
      'value' => $model->idParamBanco->banco,
        ),
        array(
      'name' => 'Tipo de cuenta',
      'value' => $model->idParamBanco->tipo_cuenta,
        ),
        array(
      'name' => 'Numero de cuenta',
      'value' => $model->idParamBanco->num_cuenta,
        ),
    'cant_pago',
        array(
      'name' => 'Monto total',
      'value' => Yii::app()->numberFormatter->formatCurrency($model->total_pago, ''),
        ),
        array(
      'name' => 'id_estatus',
      'value' => $model->nombre_estatus,
        ),
  ),
)); ?>
  <div class="row">
    <div class="span8">
      <?= $form->textFieldRow($model, 'num_comprobante', array('style' => 'width:100%')); ?>
    </div>
    <div class="span8">
      <?= $form->textFieldRow($model, 'monto_pagado', array('style' => 'width:100%')); ?>
    </div>
    <div class="span8">
    <div class="control-group ">
        <?php echo $form->labelEx($model, 'fecha_referencia', array('class' => 'control-label')); ?>
        <div class="controls">
            <?php  $this->widget('zii.widgets.jui.CJuiDatePicker', array(
                'model' => $model,
                'attribute' => 'fecha_referencia',
                'value' => $model->fecha_referencia,
                'language' => 'es',
                'htmlOptions' => array('readonly' => 'readonly', 'style' => 'width:140px'),
                  //additional javascript options for the date picker plugin
                'options' => array(
                    'autoSize' => true,
                    'defaultDate' => $model->fecha_referencia,
                    //'dateFormat'=>'yy-m-d',
                    'dateFormat' => 'dd-mm-yy',
                    'buttonImage' => Yii::app()->baseUrl.'/images/calendar.png',
                    'buttonImageOnly' => true,
                    'buttonText' => 'Fecha del pago',
                    'selectOtherMonths' => true,
                    'showAnim' => 'slide',
                    'showButtonPanel' => true,
                    'showOn' => 'button',
                    'maxDate' => '+0D',
                    'showOtherMonths' => true,
                    'changeMonth' => 'true',
                    'changeYear' => 'true',
                ),
            )); ?>
        </div>
        </div>
    </div>
    <?php if ($model->fechaComprobanteEscenariosContables()): ?>
        <div class="span8">
            <div class="control-group ">
                <?php echo $form->labelEx($model, 'fecha_comprobante', array('class' => 'control-label')); ?>
                <div class="controls">
                    <?php  $this->widget('zii.widgets.jui.CJuiDatePicker', array(
                        'model' => $model,
                        'attribute' => 'fecha_comprobante',
                        'value' => $model->fecha_comprobante,
                        'language' => 'es',
                        'htmlOptions' => array('readonly' => 'readonly', 'style' => 'width:140px'),
                        'options' => array(
                            'autoSize' => true,
                            'defaultDate' => $model->fecha_comprobante,
                            'dateFormat' => 'dd-mm-yy',
                            'buttonImage' => Yii::app()->baseUrl.'/images/calendar.png',
                            'buttonImageOnly' => true,
                            'buttonText' => 'Fecha del pago',
                            'selectOtherMonths' => true,
                            'showAnim' => 'slide',
                            'showButtonPanel' => true,
                            'showOn' => 'button',
                            'maxDate' => '+0D',
                            'showOtherMonths' => true,
                            'changeMonth' => 'true',
                            'changeYear' => 'true',
                        ),
                    )); ?>
                </div>
            </div>
        </div>
    <?php endif ?>
    <div class="span8">
      <?php echo $form->textAreaRow($modelSeguimiento, 'observacion', array('rows' => 6, 'cols' => 50, 'class' => 'span8')); ?>

    </div>
  </div>
    <?php
    foreach (Yii::app()->user->getFlashes() as $key => $message) {
        echo '<div class="alert alert-'.$key.'">'.$message."</div>\n";
    }?>

    <?php $arrayPagos = '';
      if ($mostrarDetallePago) {
          ?>
      <div id="PreNominaTablaAmortizacion-grid" class="grid-view">
      <table id="tabla" class="table display items table table-bordered">
      <thead>
        <tr>
          <th>Cédula</th>
          <th>Nombre</th>
          <th>Apellidos</th>
          <th>Unidad</th>
          <th>Proceso</th>
          <th>Monto Pagar</th>
          <th>Decisi&oacute;n</th>
          <th style="width: 11%;">Opciones</th>
        </tr>
      </thead>

        <tbody>


      <?php  /*
          foreach ($modelPagosMasivos as $key => $value) {
            $arrayPagos.= 'pagos["'.$value->id.'"] ="'.$value->pagado.'";';
              if($value->pagado){
                $cant_pagado++;
                $monto_pagado += $value->monto_pagar;
              }
              else{
                  $cant_rechazado++;
                  $monto_rechazado += $value->monto_pagar;
              }

            ?>
          <tr>
            <td><?= $value->cedula?></td>
            <td><?= $value->nombre?></td>
            <td><?= $value->apellidos?></td>
            <td><?= $value->unidad?></td>
            <td><?= $value->proceso?></td>
            <td id="monto_pagar_<?= $value->id?>"><?= number_format($value->monto_pagar, 2,',','.')?></td>
            <td ><span id="pago_<?= $value->id?>"><?= (($value->pagado)?'<b>Pagado</b>':'<b>Excluido</b>')?></span>
                  <div id="detalle_<?= $value->id?>" style = "display:<?= (!$value->pagado)?"block":"none"?>; ">
                    <?= $form->textField($value,"[$value->id]observacion");?>
                    <?= $form->error($value,"[$value->id]observacion");?>
                  </div>
            </td>
            <td>
              <?= $form->checkBox($value,"[$value->id]pagado",
                  array('data-toggle'=>'toggle',
                      'data-onstyle'=>"success", 'data-offstyle'=>"danger",
                      'data-on'=>"<b>Pagado</b> <i class=\"icon-ok-sign\"></i>",
                      'data-off'=>"<b>Excluido</b> <i class=\"icon-remove\"></i>",
                      'onChange'=>"verificacionMonto($value->id)")
                  );?>
            </td>
          </tr>
      <?php } */ ?>
   </tbody>
      </table>
      <table class="items table table-bordered">
        <tr><th>Concepto</th><th>Cantidad</th><th>Monto</th></tr>
        <tr>
          <td>Cuotas rechazadas</td>
          <td id="cant_rechazado" style="text-align: center;"><?= $cuota_rechazada?></td>
          <td id="monto_rechazado" style="text-align: right;"><?= number_format($monto_rechazada, 2, ',', '.')?></td>
        </tr>
        <tr>
          <td>Cuotad pagadas</td>
          <td id="cant_pagado" style="text-align: center;"><?= $cuota_pagada?></td>
          <td id="monto_pagado" style="text-align: right;"><?= number_format($monto_pagada, 2, ',', '.')?></td>
        </tr>
        <tr>
          <td><b>Monto cancelado</b></td>
          <td style="text-align: center;"></td>
          <td style="text-align: right;"><b><?= $model->monto_pagado?></b></td>
        </tr>
      </table>
      </div>
    <?php
      }?>

  <div class="form-actions text-center" style="padding-left: 0;">
    <?php echo CHtml::link('Cancelar', Yii::app()->createUrl('pagos/pagosMasivos/view', array('id' => $model->id)), array('class' => 'btn btn-danger')); ?>
    <?php $this->widget('bootstrap.widgets.TbButton', array(
      'buttonType' => 'submit',
      'type' => 'success',
      'label' => 'Pagar',
      'htmlOptions' => array(
    'name' => 'ActionButton',
    'confirm' => '¿Está seguro que desea pagar y contabilizar el archivo?',
),
    )); ?>
    </div>
<?php $this->endWidget(); ?>

<?= $this->renderPartial('application.modules.aportes.views.datosTxtIntegrado.barra_carga', array('titulo' => 'Pagando archivo...')) ?>

</div><!-- form -->
<script type="text/javascript">
  <?php if ($mostrarDetallePago) {
        ?>
  $(function () {
     $('#tabla').dataTable({
          "language": {
              "url": "js/jquery.dataTables.Spanish.json"
          },
          "bSort":false,
          "bPaginate":true, // Pagination True
          // "sPaginationType":"full_numbers", // And its type.
          "iDisplayLength": 10,
          "bProcessing": true,
          "serverSide": true,
          "ajax": {
            "url": '<?= Yii::app()->createAbsoluteUrl('pagos/pagosMasivos/DetallePagos'); ?>',
            "type": "POST",
            'data': {
               id: '<?= $model->id?>',
            },
          },
          "aoColumns": [
              { mData: 'cedula' } ,
              { mData: 'nombre' },
              { mData: 'apellidos' },
              { mData: 'unidad' },
              { mData: 'proceso' },
              {
                mData:   "monto_pagar",
                render: function ( data, type, row ) {
                    return '<div id="monto_pagar_'+row.id+'">Bs. '+ convertNumberFloatZero(eval(data))+'</div>';
                },
              },
              // { mData: 'pagado' },
              {
                mData:   "pagado",
                render: function ( data, type, row ) {
                    html ='<span id="pago_'+row.id+'">'+((data)?'<b>Pagado</b>':'<b>Excluido</b>')+'</span>\
                              <div id="detalle_'+row.id+'" style = "display:'+((!data)?"block":"none")+'; ">\
                                <input name="PagosMasivosDetalle['+row.id+'][observacion]" id="PagosMasivosDetalle_'+row.id+'_observacion" type="text" value="'+row.observacion+'" style="width: 8em;" class ="'+((data!= true && row.observacion=='')?'error':'')+'"onblur="comprobarContenido('+row.id+')" ">\
                                <span id="PagosMasivosDetalle_'+row.id+'_error"class="help-inline error" style="display:'+((data!= true && row.observacion=='')?'block':'none')+'">Observación no puede ser nulo.</span>\
                              </div>';
                    return html;
                },
              },
              {
                mData:   "decision",
                render: function ( data, type, row ) {
                    html ='<a role="button" id="btnExcluir_'+row.id+'" class="btn btn-success btn-lg" data-toggle="modal" onclick="Excluir('+row.id+')" style=" display:'+((row.pagado)?"block":"none")+'"><b>Pagado&nbsp&nbsp</b> <i class=\'icon-ok-sign\'></i></a>';
                    html = html +'<a role="button" id="btnIncluir_'+row.id+'" class="btn btn-danger btn-lg" data-toggle="modal" onclick="Incluir('+row.id+')" style=" display:'+((!row.pagado)?"block":"none")+'"><b>Excluido</b>&nbsp<i class=\'icon-remove\'></i></a>';
                    return html;
                },
              }
          ]

      });

  });
  <?php
    } ?>
  var oTable;

  let idMontDetalle=0;
  function Excluir(id){
    $("#detalle_"+id).show('slow');
    $("#btnIncluir_"+id).show('slow');
    $("#btnExcluir_"+id).hide('slow');
    $("#pago_"+id).html("<b>Excluido</b>");
   escribirDecision(id, 2,'');
  }
  function Incluir(id){
      $("#pago_"+id).html("<b>Pagado</b>");
      $("#detalle_"+id).hide('slow');
      $("#btnIncluir_"+id).hide('slow');
      $("#btnExcluir_"+id).show('slow');
      escribirDecision(id, 1,'');
  }
  function comprobarContenido(id){
    let idCampo =$("#PagosMasivosDetalle_"+id+"_observacion");
    if(idCampo.val()==''){
      idCampo.addClass('error');
      $("#PagosMasivosDetalle_"+id+"_error").show();
       idCampo.focus();
    }
    else{
      idCampo.removeClass('error');
      $("#PagosMasivosDetalle_"+id+"_error").hide();
    }
    escribirDecision(id, 2,idCampo.val());
  }

  function escribirDecision(id, operacion, valor =''){
    $.ajax({
        url:"<?= CController::createUrl('DecisionDetallePago')?>",
        cache: false,
        type: "POST",
        dataType: "json",
        data: ({id:id,operacion:operacion,valor:valor}),
        success: function(data){
            $("#cant_rechazado").html(data.cuota_rechazada);
            $("#monto_rechazado").html('Bs. '+ convertNumberFloatZero(eval(data.monto_rechazada)));
            $("#cant_pagado").html(data.cuota_pagada);
            $("#monto_pagado").html('Bs. '+ convertNumberFloatZero(eval(data.monto_pagada)));
            $("#<?= CHtml::activeId($model, 'monto_pagado')?>").val(convertNumberFloatZero(eval(data.monto_pagada)));
        }
    });
  }
</script>

<?php Yii::app()->clientScript->registerScript('modal', '
$(\'#'.CHtml::activeId($model, 'monto_pagado').'\').mask(\'#.##0,00\', {reverse: true});
function convertNumberFloatZero(number){
  if(!$.isNumeric(number)){
    return \'NaN\';
  }
  var numberFloat = number.toFixed(3);
  var splitNumber = numberFloat.split(".");
  var cNumberFloat = number.toFixed(2);
  var cNsplitNumber = cNumberFloat.split(".");
  var lastChar = splitNumber[1].substr(splitNumber[1].length - 1);
  if(lastChar > 0 && lastChar < 5){
    cNsplitNumber[1]--;
  }
  return Number(splitNumber[0]).toLocaleString(\'es\').concat(\',\').concat(cNsplitNumber[1]);
  }
', CClientScript::POS_END); ?>



