@layout('layouts/dashboard')
@set('title', 'Register')
@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">Cadastro</h4>
            <p class="card-description">
              Painel de usuário
            </p>
            <form class="forms-sample" method="post" action="{{ route('auth.register') }}">
              {{  csrfField() }}
              <div class="form-group">
                <label for="exampleInputName">Nome</label>
                <input name="name" type="text" class="form-control form-control-sm" id="exampleInputName" placeholder="Nome">
                @if(flashMessages.has('errors.name'))
                  <small class="text-danger">{{ flashMessages.get('errors.name') }}</small>
                @endif
              </div>
              <input type="hidden" class="g-recaptcha-response" name="g-recaptcha-response">
              <input type="hidden" name="action" value="validate_captcha">
              <div class="form-group">
                <label for="exampleInputEmail1">E-mail</label>
                <input name="email" type="email" class="form-control form-control-sm" id="exampleInputEmail1" placeholder="E-mail">
                @if(flashMessages.has('errors.email'))
                  <small class="text-danger">{{ flashMessages.get('errors.email') }}</small>
                @endif
              </div>
              <div class="form-group">
                <label for="exampleInputPassword1">Senha</label>
                <input name="password" type="password" class="form-control form-control-sm" id="exampleInputPassword1" placeholder="Senha">
                @if(flashMessages.has('errors.password'))
                  <small class="text-danger">{{ flashMessages.get('errors.password') }}</small>
                @endif
              </div>
              <div class="form-group">
                <label for="exampleInputConfirmPassword1">Confirmar Senha</label>
                <input name="passwordConfirmation" type="password" class="form-control form-control-sm" id="exampleInputConfirmPassword1" placeholder="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">Cadastrar</button>
              </div>
            </form>
          </div>
        </div>
      </div>
    </div>
@end