@extends('elementos.navegacion')
@section('pagina', 'Confirmar Identidad')

@section('content')
	@include('elementos.flash')
	<div class="col-md-offset-1 col-md-10">
		<div class="panel panel-info ">
			<div class="panel-heading text-center"><b>Preguntas de Seguridad</b></div>
			<div class="panel-body form-horizontal">
				{!! Form::open(['action'=> ['UsuariosController@responderPreguntas', $next, $payload], 'class'=>'', 'method'=>'POST']) !!}
					
					<div class="row">
						<label class="col-sm-12">{{ $pregunta_1 }}:</label>
						<div class="col-sm-12">
							<div class="input-group">
							    <span class="input-group-btn">
							    	<button class="btn btn-default" type="button" onclick="ver_1()">
							    		<i class="glyphicon glyphicon-eye-open"></i>
							    	</button>
							    </span>
						      	{!! Form::password('respuesta_1', ['class'=>'form-control border-form', 'required'=>true, 'id' => 'pr1']) !!}
						    </div><!-- /input-group -->
						</div>
					</div>
					
					<br>

					<div class="row">
						<label class="col-sm-12">{{ $pregunta_2 }}:</label>
						<div class="col-sm-12">
							<div class="input-group">
							    <span class="input-group-btn">
							    	<button class="btn btn-default" type="button" onclick="ver_2()">
							    		<i class="glyphicon glyphicon-eye-open"></i>
							    	</button>
							    </span>
						      	{!! Form::password('respuesta_2', ['class'=>'form-control border-form', 'required'=>true, 'id' => 'pr2']) !!}
						    </div><!-- /input-group -->
						</div>
					</div>

					<div class="col-md-12">
						<div class="form-group">
							<div class="col-sm-offset-2 col-sm-10">
							<br>
								<button type="submit" class="btn btn-info pull-right"><i class="fa fa-check"></i> Continuar</button>
							</div>
						</div>
					</div>

				</div>

				{!! Form::close() !!}
			</div>
		</div>
	</div>

@endsection


@push('js')
	<script type="text/javascript">
		function ver_1() {
			var type = $('#pr1').attr('type');

			if(type == 'password')
				$('#pr1').attr('type', 'text');
			else
				$('#pr1').attr('type', 'password');
		}

		function ver_2() {
			var type = $('#pr2').attr('type');

			if(type == 'password')
				$('#pr2').attr('type', 'text');
			else
				$('#pr2').attr('type', 'password');
		}
	</script>
@endpush