@extends('layouts.auth')

@section('subheading')
	<p>{{ __('Already have an account?') }}
          <a href="{{ route('login') }}">{{ __('Sign In') }}</a>
	</p>
@endsection

@section('content')
      <!-- form -->
      <form method="POST" action="{{ route('confirm.user') }}" class="auth-form">
       @csrf
		<!-- .form-group -->
        <div class="form-group">
          <div class="form-label-group">
			{{ __('Welcome') }} <b>{{ $user->name }}</b>!<br><br>
			{{ __('Before you can start using our site, we ask you to protect your account with a password that you can choose yourself. Please use this password the next time you login, together with your email address.') }}
          </div>
        </div>
        <!-- /.form-group -->
		<!-- .form-group -->
        <div class="form-group">
          <div class="form-label-group">
		    	<div class="alert alert-success">
				{{ __('Please protect your account with a password of minimal 8 characters') }}
			</div>
          </div>
        </div>
        <!-- /.form-group -->
        <!-- .form-group -->
        <div class="form-group">
          <div class="form-label-group">
		    <input type="hidden" name="user" value="{{ $user->id }}">
            <input type="password" id="password" class="form-control{{ $errors->has('password') ? ' is-invalid' : '' }}"  name="password" required="">
            <label for="password">{{ __('Password') }}</label>
       		@if ($errors->has('password'))
            		<span class="invalid-feedback" role="alert">
                <strong>{{ $errors->first('password') }}</strong>
              	</span>
         	@endif
          </div>
        </div>
        <!-- /.form-group -->
        <!-- .form-group -->
        <div class="form-group">
          <div class="form-label-group">
            <input type="password" id="password-confirm" class="form-control"  name="password_confirmation" required="">
            <label for="password-confirm">{{ __('Confirm Password') }}</label>
          </div>
        </div>
        <!-- /.form-group -->
        <!-- .form-group -->
        <div class="form-group">
          <button class="btn btn-lg btn-primary btn-block" type="submit">{{ __('Save Password') }}</button>
        </div>
        <!-- /.form-group -->
      </form>
      <!-- /.auth-form -->
@endsection