<?php Yii::app()->clientScript->registerScriptFile(Yii::app()->request->baseUrl.'/js/jquery.mask.min.js',CClientScript::POS_HEAD); ?>

<?php 
    Yii::app()->getClientScript()->registerScriptFile(Yii::app()->baseUrl.'/js/bootstrap2-toggle.js');
    Yii::app()->getClientScript()->registerCssFile(Yii::app()->baseUrl.'/css/bootstrap2-toggle.css');
    $form=$this->beginWidget('bootstrap.widgets.TbActiveForm',array(
	'id'=>'gastos-administrativos-afianzadora-form',
	'enableAjaxValidation' => false,
        'enableClientValidation' => true,
        'clientOptions' => array(
            'validateOnSubmit' => true,
            'validateOnChange' => true,
            'validateOnType' => true,
        ),
       // 'type'=>'horizontal',
)); 

    Yii::app()->clientScript->registerScript('tabla','
	$(\'.campo_moneda\').mask(\'#.##0,00\', {reverse: true});	
	
        function eliminarRangoValorGA(id) {
			if(confirm("¿Esta seguro de borrar este rango de valor?")) {
				$("#rango_"+id).remove();
                                globalRangoValor--;
                                var boton = "<button id =\"botonEliminarGA\" class=\"btn btn-primary\" onclick=\"eliminarRangoValorGA("+(globalRangoValor-1)+")\" type=\"button\">\
                                                <i class=\"icon-minus\"> </i>\
                                            </button>";
			}
	}
	var globalRangoValor='.(count($model)+1).';
	function agregarRangoValorGA(){
            var nuevo = "<tr id=\"rango_"+(globalRangoValor)+"\">\
                        <td>\
                             <div class=\"row spa\">\
                                <div class=\"span-3\">\
                                    <span style=\"font-size: 16px; font-weight: bold;\">Desde: </span>\
                                    <input type=\"text\" id=\"GastosAdministrativosAfianzadora_"+(globalRangoValor)+"_duracion\" name=\"GastosAdministrativosAfianzadora["+(globalRangoValor)+"][duracion]\" placeholder=\"999\" data-toggle=\"tooltip\" data-placement=\"top\" min=\"1\" title=\"Duracion del préstamo\" class=\"span1\">\
                                    <span style=\"display: none\" id=\"GastosAdministrativosAfianzadora_"+(globalRangoValor)+"_duracion_em_\" class=\"help-block error\"></span>\
                                </div>\
                            <div class=\"span-3\">\
                                <span style=\"font-size: 16px; font-weight: bold;\">Hasta: </span>\
                                <input type=\"text\" id=\"GastosAdministrativosAfianzadora_"+(globalRangoValor)+"_duracion_hasta\" name=\"GastosAdministrativosAfianzadora["+(globalRangoValor)+"][duracion_hasta]\" placeholder=\"999\" data-toggle=\"tooltip\" data-placement=\"top\" min=\"1\" title=\"Duracion del préstamo\" class=\"span1\">\
                                <span style=\"display: none\" id=\"GastosAdministrativosAfianzadora_"+(globalRangoValor)+"_duracion_hasta_em_\" class=\"help-block error\"></span>\
                            </div>\
                        </td>\
                        <td>\
                            <div class=\"span2\">\
                                <input type=\"hidden\" name=\"GastosAdministrativosAfianzadora["+(globalRangoValor)+"][rango_porcentaje]\" value=\"0\" id=\"ytGastosAdministrativosAfianzadora_"+(globalRangoValor)+"_rango_porcentaje\">\
                                    <div data-toggle=\"toggle\" class=\"toggle btn btn-primary\" style=\"width: 34px; height: 20px;\">\
                                <input type=\"checkbox\" checked=\"checked\" value=\"1\" id=\"GastosAdministrativosAfianzadora_"+(globalRangoValor)+"_rango_porcentaje\" name=\"GastosAdministrativosAfianzadora["+(globalRangoValor)+"][rango_porcentaje]\" onchange=\"mostrarPorcentaje("+globalRangoValor+");\" data-off=\"NO\" data-on=\"SI\" data-toggle=\"toggle\">\
                                    <div class=\"toggle-group\"><label class=\"btn btn-primary toggle-on\">SI</label><label class=\"btn btn-default active toggle-off\">NO</label><span class=\"toggle-handle btn btn-default\"></span></div></div>\
                            </div>\
                        </td>\
                        <td>\
                            <div class=\"row spa\" style=\"display: none\" id=\"rango_valor_"+(globalRangoValor)+"\">\
                                <div class=\"span-3\">\
                                    <span style=\"font-size: 15px; font-weight: bold;\">Desde:  </span>\
                                    <input type=\"text\" id=\"GastosAdministrativosAfianzadora_"+(globalRangoValor)+"_rango_uno\" name=\"GastosAdministrativosAfianzadora["+(globalRangoValor)+"][rango_uno]\" placeholder=\"999.999,99\" data-toggle=\"tooltip\" data-placement=\"top\" min=\"1\" title=\"Desde\" style=\"text-align:right; width:80px\" class=\"span2 campo_moneda\">\
                                    <span style=\"display: none\" id=\"GastosAdministrativosAfianzadora_"+(globalRangoValor)+"_rango_uno_em_\" class=\"help-block error\"></span>\
                                </div>\
                                <div class=\"span-3\">\
                                    <span style=\"font-size: 15px; font-weight: bold;\">Hasta:  </span>\
                                    <input type=\"text\" id=\"GastosAdministrativosAfianzadora_"+(globalRangoValor)+"_rango_dos\" name=\"GastosAdministrativosAfianzadora["+(globalRangoValor)+"][rango_dos]\" placeholder=\"999.999,99\" data-toggle=\"tooltip\" data-placement=\"top\" min=\"1\" title=\"Hasta\" style=\"text-align:right; width:80px \" class=\"span2 campo_moneda\">\
                                    <span style=\"display: none\" id=\"GastosAdministrativosAfianzadora_"+(globalRangoValor)+"_rango_dos_em_\" class=\"help-block error\"></span>\
                                </div>\
                            </div>\
                            <div style=\"display: block\" id=\"rango_porcentaje_"+(globalRangoValor)+"\">\
                                <div>\
                                     <span style=\"font-size: 16px; font-weight: bold;\">Porcentaje:  </span>\
                                    <input width=\"12\" type=\"text\" id=\"GastosAdministrativosAfianzadora_"+(globalRangoValor)+"_porcentaje\" name=\"GastosAdministrativosAfianzadora["+(globalRangoValor)+"][porcentaje]\" placeholder=\"999,99\" data-toggle=\"tooltip\" data-placement=\"top\" min=\"1\" title=\"Porcentaje\" style=\"text-align:right\" class=\"span2 campo_moneda\">\
                                </div>\
                            </div>\
                        </td>\
                        <td>\
                            <div id=\"rango_valor_monto_"+(globalRangoValor)+"\" class=\"row spa\" style=\"display:  none\">\
                                <div class=\"span-3\">\
                                    <input id=\"GastosAdministrativosAfianzadora_"+(globalRangoValor)+"_garantia\" class=\"span2 campo_moneda\" width=\"12\" type=\"text\" name=\"GastosAdministrativosAfianzadora["+(globalRangoValor)+"][garantia]\" placeholder=\"999.999,99\" data-toggle=\"tooltip\" data-placement=\"top\" min=\"1\" title=\"Comisión generado por el prestamo\" style=\"text-align:right; width:90px;\">\
                                    <span id=\"GastosAdministrativosAfianzadora_"+(globalRangoValor)+"_garantia_em_\" class=\"help-block error\" style=\"display: none\"></span>\
                                </div>\
                            </div>\
                        </td>\
                        <td id =\"botonEliminarGA_"+globalRangoValor +"\" style=\"text-align:center;padding-top: 2em;\">\
                            <button id =\"botonEliminarGA\" class=\"btn btn-primary\" onclick=\"eliminarRangoValorGA("+(globalRangoValor)+")\" type=\"button\">\
                                <i class=\"icon-minus\"> </i>\
                            </button>\
                        </td>\
                    </tr>";
            
            globalRangoValor++;
            
            $("#tablaGastosAdministrativoCredito").append(nuevo);
            
            

        }
        function mostrarPorcentaje(id){

            if($("#GastosAdministrativosAfianzadora_"+id+"_rango_porcentaje").is(":checked")){
                $("#rango_valor_"+id).hide();
                $("#rango_valor_monto_"+id).hide();
                $("#rango_porcentaje_"+id).show();
            }
            else{
                $("#rango_valor_"+id).show();
                $("#rango_valor_monto_"+id).show();
                $("#rango_porcentaje_"+id).hide();
            }
        }',CClientScript::POS_HEAD);
    ?>
	<p style="text-align: center" class="help-block">Campos con <span class="required">*</span> son obligatorios.</p>

	<?php // echo $form->errorSummary($model); ?>
        <div class="row">
            <div class="span1 "><?php /*echo $form->textFieldRow($model,'duracion',array('class'=>'span1')); ?></div>
            <div class="span2"><?php echo $form->labelEx($model,'rango_porcentaje')?><?php echo $form->checkBox($model,'rango_porcentaje',array('data-toggle'=>'toggle','data-on'=>"SI",'data-off'=>"NO",'onChange'=>'mostrarPorcentaje();'));?></div>
            <div class="span3 rango" style="display: <?php echo ($model->rango_porcentaje==0)?'block':'none'?>"><?php echo $form->textFieldRow($model,'rango_uno',array('class'=>'span3')); ?></div>
            <div class="span3 rango" style="display: <?php echo ($model->rango_porcentaje==0)?'block':'none'?>"><?php echo $form->textFieldRow($model,'rango_dos',array('class'=>'span3')); ?></div>
            <div class="span4 porcentaje " style="display: <?php echo ($model->rango_porcentaje==1)?'block':'none'?>"><?php echo $form->textFieldRow($model,'porcentaje',array('class'=>'span3')); ?></div>
            <div class="span3"><?php echo $form->textFieldRow($model,'garantia',array('class'=>'span3'));*/ ?></div>
            
    

                
                <div class="span12" >
                    <table class="items table table-striped table-bordered table-condensed" id="tablaGastosAdministrativoCredito">
                        <tr>
                            <th style="width: 17%;">Duraci&oacute;n</th>
                            <th style="width: 13%;">Rango por porcentaje</th>
                            <th style="width: 27%;">Rango /Porcentaje</th>
                            <th style="width: 14%;">Garantia</th>
                            <th style="width: 12%;">Operaci&oacute;n                         
                               <?php if(!$update){?> <button type="button" onClick="agregarRangoValorGA()"  class="btn btn-primary "><i class="icon-plus"></i></button><?php }?>
                            </th>
                        </tr>               

                      <?php foreach ($model as $key => $value) { ?>
                             <tr id="rango_<?php echo $key + 1?>">
                                <td>
                                    <div class="row spa">
                                        <div class="span-3">
                                            <span style="font-size: 16px; font-weight: bold;">Desde:  </span> 
                                            <?php echo $form->textField($value, "[$key]duracion", array('class' => 'span1', 'title' => 'Duracion del préstamo',
                                                 "min" => "1",// "pattern" =>  "^[0-9]{1,3}([\.][0-9]{3})*(\,\d{2})?$",
                                                 "data-placement" => "top",
                                                 "data-toggle" => "tooltip", 'placeholder' => '999'));?>
                                            <?php echo $form->error($value, "[$key]duracion"); ?>
                                        </div>
                                        <div class="span-3">
                                            <span style="font-size: 16px; font-weight: bold;">Hasta:  </span> 
                                             <?php echo $form->textField($value, "[$key]duracion_hasta", array('class' => 'span1', 'title' => 'Duracion del préstamo',
                                                 "min" => "1",// "pattern" =>  "^[0-9]{1,3}([\.][0-9]{3})*(\,\d{2})?$",
                                                 "data-placement" => "top",
                                                 "data-toggle" => "tooltip", 'placeholder' => '999'));?>
                                            <?php echo $form->error($value, "[$key]duracion_hasta"); ?>
                                        </div>
                                        
                                    </div>
                                </td>
                                <td>
                                    <div class="span2"><?php echo $form->checkBox($value, "[$key]rango_porcentaje",array('data-toggle'=>'toggle','data-on'=>"SI",'data-off'=>"NO",'onChange'=>'mostrarPorcentaje('.($key).');'));?></div>
                                    
                                </td>
                                <td>
                                    <div id="rango_valor_<?php echo $key?>" style="display: <?php echo ($value->rango_porcentaje==0)?'block':'none'?>" class="row spa">
                                        <div class="span-3">
                                                <span style="font-size: 15px; font-weight: bold;">Desde:  </span> 
                                                <?php echo $form->textField($value, "[$key]rango_uno", array('class' => 'span2 campo_moneda', 
                                                            'style'=>'text-align:right; width:80px', 'title' => 'Desde',
                                                         "min" => "1",// "pattern" =>  "^[0-9]{1,3}([\.][0-9]{3})*(\,\d{2})?$",
                                                         "data-placement" => "top",
                                                         "data-toggle" => "tooltip", 'placeholder' => '999.999,99'));?>
                                                <?php echo $form->error($value, "[$key]rango_uno"); ?>                                                
                                            </div>
                                            <div class="span-3">
                                                <span style="font-size: 15px; font-weight: bold;">Hasta:  </span> 
                                                 <?php echo $form->textField($value, "[$key]rango_dos", array('class' => 'span2 campo_moneda',
                                                            'style'=>'text-align:right; width:80px ', 'title' => 'Hasta',
                                                             "min" => "1",// "pattern" =>  "^[0-9]{1,3}([\.][0-9]{3})*(\,\d{2})?$",
                                                             "data-placement" => "top",
                                                             "data-toggle" => "tooltip", 'placeholder' => '999.999,99'));?>
                                                <?php echo $form->error($value, "[$key]rango_dos"); ?>
                                                
                                            </div>
                                        </div>
                                        
                                        
                                    </div>
                                    <div id="rango_porcentaje_<?php echo $key?>" style="display: <?php echo ($value->rango_porcentaje==1)?'block':'none'?>">
                                        <div>
                                            <span style="font-size: 16px; font-weight: bold;">Porcentaje:  </span>
                                            <?php echo $form->textField($value, "[$key]porcentaje", array('class' => 'span2 campo_moneda','style'=>'text-align:right;', 'title' => 'Porcentaje',
                                                         "min" => "1",// "pattern" =>  "^[0-9]{1,3}([\.][0-9]{3})*(\,\d{2})?$",
                                                         "data-placement" => "top","width"=>12,
                                                         "data-toggle" => "tooltip", 'placeholder' => '999,99'));?>
                                            <?php echo $form->error($value, "[$key]porcentaje"); ?>
                                        </div>
                                        
                                    </div>
                                     
                                </td>
                               
                                <td>
                                    <div id="rango_valor_monto_<?php echo $key?>" style="display: <?php echo ($value->rango_porcentaje==0)?'block':'none'?>">
                                        <?php echo $form->textField($value, "[$key]garantia", array('class' => 'span2 campo_moneda','style'=>'text-align:right;width:90px', 'title' => 'Comisión generado por el prestamo',
                                                    "min" => "1",// "pattern" =>  "^[0-9]{1,3}([\.][0-9]{3})*(\,\d{2})?$",
                                                    "data-placement" => "top","width"=>12,
                                                    "data-toggle" => "tooltip", 'placeholder' => '999.999,99'));

                                       ?>
                                       <?php echo $form->error($value, "[$key]garantia"); ?>
                                    </div>
                                </td>
                               
                                <td id ="botonEliminarGA_<?php echo $key + 1 ?>" style="text-align:center;padding-top: 2em;">
                                        <button id ="botonEliminarGA" type="button" onClick="eliminarRangoValorGA(<?php echo $key + 1; ?>);"  class="btn btn-primary"><i class="icon-minus"> </i></button>
                                </td>

                           </tr>
                     <?php }?>
                    </table> 
                    
                    
                    
                 </div>
        
            </div>
	<div style="text-align: center" class="form-actions">
		<?php $this->widget('bootstrap.widgets.TbButton', array(
			'buttonType'=>'submit',
			'type'=>'primary',
			'label'=>'Guardar',
		)); ?>
	</div>

<?php $this->endWidget(); ?>
