@extends('auth.layouts.main')

@section('content')

<div class="text-center m-b-md" style="margin-bottom: 0px;">
	<h3 style="font-weight: bold;">Crea tu contrase&ntilde;a</h3>
</div>
<div class="activate-container">
    <div class="hpanel">

		<div class="panel-body">

			@if (count($errors) > 0)
				<div class="alert alert-danger">
					<strong>Whoops!</strong> There were some problems with your input.<br><br>
					<ul>
						@foreach ($errors->all() as $error)
							<li>{{ $error }}</li>
						@endforeach
					</ul>
				</div>
			@endif

			<form action="#" id="form-activate" method="POST" action="{{ url('/auth/register') }}" data-validation="auth.activate">

				<input type="hidden" name="_token" value="{{ csrf_token() }}" />

				<div class="row">

					<div class="col-sm-6 col-md-3">
						<div class="form-group">
							<label></label>
							<div class="form-control-static">
								<img class="avatar" src="{{ $usuario->avatar }}" alt="{{ $usuario->fullName }}" />
							</div>
						</div>
					</div>

					<div class="col-sm-6 col-md-9">
						<div class="form-group">
							<label>Nombre</label>
							<div class="form-control-static">{{ $usuario->fullName }}</div>
						</div>
						<div class="form-group">
							<label>Email</label>
							<div class="form-control-static">{{ $usuario->email }}</div>
						</div>
						<div class="form-group">
							<label>Contrase&ntilde;a</label>
							<input type="password" id="password" name="password" class="form-control" value="" required/>
						</div>
						<div class="form-group">
							<label>Repita la contrase&ntilde;a</label>
							<input type="password" id="password_confirmation" name="password_confirmation" class="form-control" value="" required/>
						</div>
						<div class="form-group">
							<button class="btn btn-success" type="submit">Activar mi cuenta</button>
							<a href="{{ route('auth/login') }}" class="btn btn-default">Cancelar</a>
						</div>
					</div>

				</div>

			</form>

		</div>

	</div>

</div>

@endsection
@section('scripts')
<script type="text/javascript">
	$('#form-activate').bootstrapValidator({
		fields: {
			password: {
          validators: {
              notEmpty: {
                  message: 'Por favor, introduzca una contraseña.'
              },
							identical: {
              	field: 'password_confirmation',
              	message: 'La clave introducida y su confirmación no son idénticas.'
              }
          }
      },
      password_confirmation: {
          validators: {
              notEmpty: {
                  message: 'Por favor, introduzca confirmación de contraseña.'
              },
              identical: {
              	field: 'password',
              	message: 'La clave introducida y su confirmación no son idénticas.'
              }

          }
      }
		},

	});

</script>
@endsection