<?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');
?>
<?php
/* @var $this ProveedorController */
/* @var $model Proveedor */
/* @var $form CActiveForm */
$listas='';
$data=CHtml::listData(Banco::model()->findAll(array('condition'=>'blnborrado=false','order'=>'descripcion')),'idbanco','descripcion');
foreach($data as $value=>$name) {
	$listas .= CHtml::tag('option',array('value'=>$value),CHtml::encode(strtoupper($name)),true);
}
$listas = str_replace('"','\"',$listas.'\\');
?>
<script type="text/javascript">
	$('.campo_asignacion').mask('(0000) 000.00.00', {clearIfNotMatch: true, placeholder: "(9999) 999.99.99"});
	var cantTelefonos=1;
    function agregarTelefono(){
    	let nuevo = `<tr id="tablaTelefonos_${cantTelefonos}">
    					<td><input value="" style="margin-top: 2%;" name="Proveedor[telefono][${cantTelefonos}]telefonos" id="telefonos_0telefonos" type="text" class="campo_asignacion" maxlength = "16"></td>
						<td style="display: table-cell;padding-left: 3px;padding-top: 22px;">
							<a role="button" class="text-center" style="display: block; margin-top: -3%;" data-toggle="modal" onclick="eliminarTelefono(${cantTelefonos});"><i class="icon-trash"></i></a>
						</td>
					</tr>`;
		cantTelefonos++;
        $("#tabla-telefono").append(nuevo);
    }
    function eliminarTelefono(id) {
        if(confirm("¿Esta seguro de borrar este elemento?")) {
            $("#tablaTelefonos_"+id).remove();
        }
    }
	var cantBancos=<?= (count($bancos)+1)?>;
    function agregarBanco(){
    	var options = $("#ProveedorCuentaBanco_0_idbanco > option").clone();

    	let nuevo = `<tr id="linea-cuneta-banco-b${cantBancos}">
							<td style="width: 40%;"><select style="width:100%; margin-top: 3%;" name="ProveedorCuentaBanco[b${cantBancos}][idbanco]" id="ProveedorCuentaBanco_b${cantBancos}_idbanco"><option value="">-- SELECCIONE EL BANCO--</option><?= $listas?></select></td>
							<td style="width: 40%;"><input style="width:95%; margin-top: 3%;" name="ProveedorCuentaBanco[b${cantBancos}][cuenta_bancaria]" id="ProveedorCuentaBanco_b${cantBancos}_cuenta_bancaria" maxlength="20" type="text"></td>
							<td style="width: 15%;"><select style="width:100%; margin-top: 7%;" name="ProveedorCuentaBanco[b${cantBancos}][cuenta_corriente]" id="ProveedorCuentaBanco_b${cantBancos}_cuenta_corriente">
									<option value="">-- SELECCIONE --</option>
									<option value="1">Cuenta Corriente</option>
									<option value="0">Cuenta de Ahorro</option>
									</select>
							</td>
							<td>
								<div style="margin-top: 12%;">
									<input name="ProveedorCuentaBanco[b${cantBancos}][cuenta_principal]" id="ProveedorCuentaBanco_b${cantBancos}_cuenta_principal" type="checkbox" data-on="SI" data-off="NO" >
								</div>
							</td>
							<td>
								<a role="button" class="text-center" style="display: block;; margin-top: 15%;" data-toggle="modal" onclick="eliminarBanco('b${cantBancos}');"><i class="icon-trash"></i></a>
							</td>
						</tr>`;
		//var options = document.getElementById("#ProveedorCuentaBanco_0_idbanco").clone();
		//document.getElementById("#ProveedorCuentaBanco_"+cantBancos+"_idbanco").appendChild(options);

        $("#tabla-cuenta-banco").append(nuevo);
		$('#ProveedorCuentaBanco_b'+cantBancos+'_cuenta_principal').bootstrapToggle();
		cantBancos++;

    }
    function eliminarBanco(id) {
        if(confirm("¿Esta seguro de borrar este elemento?")) {
            $("#linea-cuneta-banco-"+id).remove();
        }
    }
</script>

<div class="form">
    <?php $form=$this->beginWidget('bootstrap.widgets.TbActiveForm', array(
    	'id'=>'proveedor-form',
    	'enableAjaxValidation'=>false,
    ));
        $this->widget('bootstrap.widgets.TbAlert', array(
    		'block' => true, // display a larger alert block?
    		'fade' => true, // use transitions?
    		'closeText' => '×', // close link text - if set to false, no close link is displayed
    		'alerts' => array(// configurations per alert type
    			'error' => array('block' => true, 'fade' => true, 'closeText' => '×'), // success, info, warning, error or danger
    		),
    	));?>

    	<p class="help-block text-center">Campos con <span class="required">*</span> son requerido.</p>
    	<div class="row">
    		<div class="span3"><h4>Informaci&oacute;n b&aacute;sica</h4></div>
    		<div class="span9">
    			<div style="display: table;">
    				<div style="display: table-cell;width: 5em;"><br>
    					<?= $form->dropDownList($model,'id_tipo_persona',  CHtml::listData(TipoPersona::model()->findAll(), 'id', 'descripcion'), [
                            'style'=>"width: 5em;margin-top: 7%;",
                            'prompt'=>'-- SELECCIONE --'
                        ]); ?>
    				</div>
    				<div style="display: table-cell;">
    					<?= $form->textFieldRow($model,'rif'); ?>
    				</div>
    			</div>
                <br>
                <?= $form->textFieldRow($model,'razon_social',['style'=>'width: 70%']); ?>
                <br>
                <br>
    			<?= $form->dropDownListRow($model, 'id_tipo_proveedor', TipoProveedor::getAll(), [
                    'prompt' => '-- SELECCIONE --'
                ]); ?>
    		</div>
    	</div>
        <hr>
    	<div class="row">
    		<div class="span3"><h4>Datos de contacto</h4></div>
    		<div class="span9">
    			<?= $form->textFieldRow($model,'correo_electronico',['style'=>'width:70%']); ?>
                <br><br>
    			<table class="items table table-striped table-bordered table-condensed" id="tabla-telefono" style="width: 36%;">
                    <tr>
                        <th style="text-align: center;">Tel&eacute;fono</th>
                        <th style="width: 15%;">Operaci&oacute;n</th>
                    </tr>
    			<?php foreach ($model->telefono as $key => $value) {?>
    				<tr id="tablaTelefonos_<?= $key ?>">
    					<td><?= CHtml::textField("Proveedor[telefono][$key]telefonos", $value,['maxlength'=>16,'class'=>'campo_asignacion','style'=>'margin-top: 2%;']); ?></td>
    					<td >
    						<a role="button" style="display: <?= ($key ==0 )?"block":"none"?>; margin-top: 15%;" class="text-center" data-toggle="modal" onclick="agregarTelefono();"><i class="icon-plus"></i></a>
    						<a role="button" style="display: <?= ($key >0 )?"block":"none"?>; margin-top: 15%;" class="text-center" data-toggle="modal" onclick="eliminarTelefono(<?= $key ?>);"><i class="icon-trash"></i></a >
    					</td>
    				</tr>
    			<?php  }?>
    			</table>
    			<?= $form->error($model,'telefono'); ?>
    		</div>
    	</div>
    	<hr>
    	<div class="row">
    		<div class="span3"><h4>Ubicaci&oacute;n</h4></div>
    		<div class="span9">
    			<?= $form->textAreaRow($model,'direccion_fiscal',['style'=>'width:70%']); ?>
    		</div>
    	</div>
    	<hr>
    	<div class="row">
    		<div class="span3"><h4>Cuentas</h4></div>
    		<div class="span9">
    			<table class="items table table-striped table-bordered table-condensed" id="tabla-cuenta-banco" style="width: 95%;">
                        <tr>
                            <th style="text-align: center;">Banco</th>
                            <th style="text-align: center;">Cuenta</th>
                            <th style="text-align: center;">Tipo</th>
                            <th style="text-align: center;">Cuenta Principal</th>
                            <th style="width: 10%;">Operaci&oacute;n</th>
                        </tr>
    				<?php $i=0;
    					foreach ($bancos as $key => $value) {?>
    					<tr id="linea-cuneta-banco-<?= $key ?>">
    						<td style="width: 40%;"><?= $form->dropDownList($value,"[$key]idbanco",
    					            $data,['style'=>"width:100%; margin-top: 3%;",'prompt'=>'-- SELECCIONE EL BANCO--']);
    					    	?><?= $form->error($value,"[$key]idbanco");?></td>
    						<td style="width: 40%;"><?= $form->textField($value,"[$key]cuenta_bancaria",['style'=>'width:95%; margin-top: 3%;']); ?>
    								<?= $form->error($value,"[$key]cuenta_bancaria");?>
    						</td>
    						<td style="width: 15%;"><?= $form->dropDownList($value,"[$key]cuenta_corriente",
    					            ['1'=>'Cuenta Corriente','0'=>'Cuenta de Ahorro'],['style'=>"width:100%; margin-top: 7%;",'prompt'=>'-- SELECCIONE --']);
    					    	?>
    					    	<?= $form->error($value,"[$key]cuenta_corriente");?>
    						</td>
    						<td style="width: 15%;">
    							<div style="margin-top: 12%;">
    								<?php echo $form->checkBox($value,"[$key]cuenta_principal",array('data-toggle'=>'toggle','data-on'=>"SI",'data-off'=>"NO"));?>
    								<?php echo $form->error($value,"[$key]cuenta_principal"); ?>
    							</div>
    						</td>
    						<td >
    							<a role="button" style="display: <?= ($i ==0 )?"block":"none"?>; margin-top: 15%;" class="text-center" data-toggle="modal" onclick="agregarBanco();"><i class="icon-plus"></i></a>
    							<a role="button" style="display: <?= ($i >0 )?"block":"none"?>; margin-top: 15%;" class="text-center" data-toggle="modal" onclick="eliminarBanco(<?= $key ?>);"><i class="icon-remove"></i></a >
    						</td>
    					</tr>
    				<?php  $i++; }?>
    			</table>
    		</div>
    	</div>
    	<hr>
        <div class="row">
            <div class="span3"><h4>Cuenta contable</h4></div>
            <div class="span9">
                <div class="control-group">
                    <div class="control-label">
                        <?= $form->labelEx($model, 'cuenta_descripcion'); ?>
                    </div>
                    <div class="controls">
                        <?php $this->widget('zii.widgets.jui.CJuiAutoComplete', array(
                            'name' => 'cuenta_descripcion',
                            'attribute' => 'cuenta_descripcion',
                            'model' => $model,
                            'value' => $model->getCuentaContable(),
                            'source' => $this->createUrl('/contable/parametros/autocomplete'),
                            'options' => array(
                                'showAnim' => 'fold',
                                'size' => '30',
                                'minLength' => '1',
                                'select' => "js:function(event, ui) {
                                    $('#CuentasConsolidada_idpadre').val(ui.item.id);
                                }",
                            ),
                            'htmlOptions' => array(
                                'class' => 'span4',
                                'size' => 80,
                                'placeholder' => 'Buscar Cuenta...',
                            ),
                        )) ?>
                        <div class="help-block">
                            <i class=" icon-info-sign"></i> Código: <strong>111.00.00.00</strong> ó descripción: <strong>Efectivo</strong>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    	<div class="row buttons text-right">
    		<?php echo CHtml::submitButton($model->isNewRecord ? 'Guardar' : 'Actualizar',['class'=>"btn btn-success btn-lg"]); ?>
    	</div>
    <?php $this->endWidget(); ?>
</div>
