<?php   Yii::app()->clientScript->registerScriptFile(Yii::app()->request->baseUrl.'/js/jquery.mask.min.js',CClientScript::POS_HEAD); 
        Yii::app()->getClientScript()->registerScriptFile(Yii::app()->baseUrl.'/js/bootstrap2-toggle.js');
        Yii::app()->getClientScript()->registerCssFile(Yii::app()->baseUrl.'/css/bootstrap2-toggle.css');
?>
<?php
$this->breadcrumbs=array(
	'Basicas'=>array('index'),
	$model->id=>array('view','id'=>$model->id),
	'Update',
);

$this->menu=array(
	array('label'=>'List Basica','url'=>array('index')),
	array('label'=>'Create Basica','url'=>array('create')),
	array('label'=>'View Basica','url'=>array('view','id'=>$model->id)),
	array('label'=>'Manage Basica','url'=>array('admin')),
);
?>

<h3 style="text-align: center">Actualizar de configuraci&oacute;n de montos</h3><hr>

<?php $form=$this->beginWidget('bootstrap.widgets.TbActiveForm',array(
	'id'=>'basica-form',
	'enableAjaxValidation'=>false,
)); ?>

	<p class="help-block text-center">Campos con <span class="required">*</span> son requeridos.</p>

	<?php echo $form->errorSummary($model); ?>
	<div class="row"> 
		<div class=" span5">
	    	<?php echo $form->textFieldRow($model, "porcentaje_disponibilidad", array('class' => 'span2 campo_moneda porcentaje', 'style'=>'text-align:right', 'title' => 'Desde',
	                                                 "min" => "1",// "pattern" =>  "^[0-9]{1,3}([\.][0-9]{3})*(\,\d{2})?$",
	                                                 'maxlength'=> "6",// "pattern" =>  "^[0-9]{1,3}([\.][0-9]{3})*(\,\d{2})?$",
	                                                 "data-placement" => "top","width"=>12,
	                                                 "data-toggle" => "tooltip", 'placeholder' => '99,99%'));

	                                    ?>    
	    </div>	
	</div>
  <fieldset><legend style=" font-size: 17px;"><b>Bloqueo de haberes</b>
                    <?php echo $form->checkBox($model,'opcion_haberes',array('data-toggle'=>'toggle','data-on'=>"Monto",'data-off'=>"Porcentaje"));?>
  			</legend>
        <div class=" row">
                <div class="span5" id="monto-haberes" style="display:<?php echo (($model->opcion_haberes==1)?"block":"none")?>">
                 <?php echo $form->textFieldRow($model, "monto_bloqueo_haberes", array('class' => 'campo_moneda span2', 'style'=>'text-align:right','title' => 'Monto máximo permitido',
                                             "min" => "1",// "pattern" =>  "^[0-9]{1,3}([\.][0-9]{3})*(\,\d{2})?$",
                                             "data-placement" => "top","width"=>12,
                                             "data-toggle" => "tooltip", 'placeholder' => '9.999,99'));

                         ?>
                 </div>
                <div class="span5"  id="porcentaje-haberes" class="span5" style="display:<?php echo (($model->opcion_haberes!=1)?"block":"none")?>" >
                     <?php echo $form->textFieldRow($model, "porcentaje_bloqueo_haberes", array('class' => 'campo_moneda span2 porcentaje', 'style'=>'text-align:right','title' => 'Porcentaje máximo permitido',
                                                 "min" => "1",// "pattern" =>  "^[0-9]{1,3}([\.][0-9]{3})*(\,\d{2})?$",
                                                 'maxlength'=>6,
                                                 "data-placement" => "top","width"=>12,
                                                 "data-toggle" => "tooltip", 'placeholder' => '99,99%'));

                             ?>
                 </div>
            
        </div>
    </fieldset>
<hr>
	<div class="row buttons text-right">
		<?php echo CHtml::submitButton($model->isNewRecord ? 'Guardar' : 'Actualizar',['class'=>"btn btn-success btn-lg"]); ?>
	</div>
<?php $this->endWidget(); ?>
<script>
	 $('.campo_moneda').mask('#.##0,00', {reverse: true});   
        $("#<?= CHtml::activeId($model,'opcion_haberes') ?>").change(function(){
            if($(this).is(":checked")){
                $("#monto-haberes").show("slow");
                $("#porcentaje-haberes").hide("slow");
            }
            else{
                $("#porcentaje-haberes").show("slow");
                $("#monto-haberes").hide("slow");
            }
        });
        $('.porcentaje').keyup(function (){
            monto = (this.value + '').replace(/\./g,"").replace(/,/g,".");
            if(monto > 100.00){
                // this.value = monto.replace(/\./g,",");
                this.value = '100,00';
                alert('El monto en porcentaje no puede exceder el 100,00%')
            }
        }); 
     </script>