<div class="container-fluid">
	<div class="row mt-5 mb-5">
		<div class="col-md-6 offset-md-3">
			<div class="card">
				<div class="card-header bg-secondary">
			    	<h5 class="card-title text-center text-white">Iniciar Sesión</h5>
			  	</div>
			  	<div class="card-body">
			  		<?php 
					$form = $this->beginWidget('bootstrap.widgets.TbActiveForm', array(
						'layout' => TbHtml::FORM_LAYOUT_VERTICAL,
						'id' => 'login-form',
						'enableClientValidation' => true,
						'enableAjaxValidation' => true,
						'clientOptions' => array(
							'validateOnSubmit' => true,
						),
					));
					?>
					<?php CHtml::$afterRequiredLabel = ''; ?> <!-- Línea para quitar el asterisco en los Label en los campos que son requeridos -->
					<div class="row">
						<div class="col-md-8 offset-md-2">
							<div class="row">
								<div class="col-lg-4 col-md-3 col-sm-12">
									<?php echo $form->dropDownListControlGroup($model, 'tipo_documento', 
										[
											'V' => 'V',
											'E' => 'E'
										],[
											'class' => 'show-tick selectbox',
			                      			'data-dropup-auto' => false,
			                    			'data-size' => 8,
			                    			
										]);
									?>
								</div>
								<div class="col-lg-8 col-md-9 col-sm-12">
									<?php echo $form->telFieldControlGroup($model, 'documento', 
										array(
											'label' => 'Número de documento',
											'maxlength' => 8,
											'autocomplete' => 'off'
										)); 
									?>
								</div>
							</div>

							<div class="form-row justify-content-start">
			                    <div class="form-group col-md-12">
			                        <div class="input-password">
			                            <span class="show-password" onclick="show_password(this)"><i class="fas fa-eye"></i></span>
			                            <?php 
			                            echo $form->passwordFieldControlGroup($model, 'clave', 
			                                array(
			                                    'autocomplete'  => 'off',
			                                    'maxlength'     => 15,
			                                )
			                            );
			                            ?>
			                        </div>
			                    </div>
			                </div>
							
							<?php echo $form->hiddenField($model, 'token', ['id' => 'token']) ?>

							<div class="form-group mt-4" align="center">
								<?php echo TbHtml::submitButton('Ingresar', array('color' => TbHtml::BUTTON_COLOR_SECONDARY)); ?>
								<br>
							</div>
							<div class="row text-center mt-4">
								<div class="col-md-12">
									<a href="<?= Yii::app()->baseUrl ?>/restablecer_sistema">Restablecer contraseña</a>
								</div>
							</div>
						</div>
					</div>
					
					<?php $this->endWidget(); ?>
			  	</div>
			</div>
		</div>
	</div>
</div>

<script>
	// Validar documento
    $('#LoginPersonal_documento').on('keypress', function(e){
    	soloDocumento(this, e);
    });
    $('#LoginPersonal_documento').on('keydown', function(e){
    	borrarCeros(this, e);
    });
</script>