@layout('layouts/dashboard')
@section('body')
    @include('partials/dashboard/messages')
    <div class="row mx-auto items-center justify-content-center">
      <div class="col-md-12 grid-margin stretch-card">
        <div class="card">
          <div class="card-body">
            <h4 class="card-title">Recuperar conta</h4>
            <p class="card-description">
              Painel de usuário
            </p>
            <form class="forms-sample" method="post" action="{{ route('auth.recoverystep') }}">
              {{  csrfField() }}
              <div class="form-group">
                <input type="hidden" class="g-recaptcha-response" name="g-recaptcha-response">
                <input type="hidden" name="action" value="validate_captcha">
                <input type="hidden" name="key" value="{{ key }}">
              </div>
              <div class="form-group">
                <input class="form-control form-control-sm" name="password" type="password" placeholder="Nova senha">
                @if(flashMessages.has('errors.password'))
                <small class="text-danger">{{ flashMessages.get('errors.password') }}</small>
              @endif
              </div>
              <div class="form-group">
                <input class="form-control form-control-sm" name="passwordConfirmation" type="password" placeholder="Confirmar senha">
                @if(flashMessages.has('errors.passwordConfirmation'))
                <small class="text-danger">{{ flashMessages.get('errors.passwordConfirmation') }}</small>
              @endif
              </div>
              <div class="text-center">
                <button type="submit" class="btn btn-primary mr-2">Alterar</button>
              </div>
            </form>
          </div>
        </div>
      </div>
    </div>
@end