@extends('layouts.front.app')

@section('content')
  <hr>
  <!-- Main content -->
  <section class="container content">
    <div class="container dark-grey-text">
      <!-- Heading -->
      <nav aria-label="breadcrumb">
        <ol class="breadcrumb blue-grey lighten-4">
          <li><a href="{{ route('home') }}"> <i class="fa fa-home"></i> Home</a><i class="fas fa-angle-double-right mx-2"
                  aria-hidden="true"></i></li>
          <li class="active">Cadastre-se</li>

        </ol>
      </nav>
      @include('layouts.errors-and-messages')
      <!-- Material form register -->
      <div class="card">

          <h5 class="card-header red-opera white-text text-center py-4">
              <strong>Área de cadastro</strong>
          </h5>

          <!--Card content-->
          <div class="card-body px-lg-5 pt-0">

              <!-- Form -->
              <form class="text-center form-horizontal" role="form" method="POST" action="{{ route('register') }}">
                  {{ csrf_field() }}

                  <div class="form-row">
                      <div class="col">
                          <!-- Nome Completo -->
                          <div class="md-form">
                              <input type="text" name="name" id="name" class="form-control">
                              <label for="name">Nome Completo</label>
                          </div>
                      </div>
                  </div>

                  <!-- E-mail -->
                  <div class="md-form mt-0">
                      <input type="email" name="email" id="email" class="form-control">
                      <label for="email">E-mail</label>
                  </div>

                  <!-- Password -->
                  <div class="md-form">
                      <input type="password" id="password" name="password" class="form-control" aria-describedby="passwordHelpBlock">
                      <label for="password">Senha</label>
                      <small id="passwordHelpBlock" class="form-text text-muted mb-4">
                          Pelo menos 8 dígitos (sendo 1 letra)
                      </small>
                  </div>

                  <div class="md-form">
                      <input type="password" id="password_confirmation" name="password_confirmation" class="form-control" aria-describedby="passwordHelpBlock">
                      <label for="password_confirmation">Repita a Senha</label>
                      <small id="passwordHelpBlock" class="form-text text-muted mb-4">
                          Confirme a senha digitada anteriormente
                      </small>
                  </div>

                  <!-- Phone number -->
                  {{--  <div class="md-form">
                      <input type="password" id="materialRegisterFormPhone" class="form-control" aria-describedby="materialRegisterFormPhoneHelpBlock">
                      <label for="materialRegisterFormPhone">Phone number</label>
                      <small id="materialRegisterFormPhoneHelpBlock" class="form-text text-muted mb-4">
                          Optional - for two step authentication
                      </small>
                  </div>  --}}

                  <!-- Newsletter -->
                  <div class="form-check">
                      <input type="checkbox" class="form-check-input" id="materialRegisterFormNewsletter">
                      <label class="form-check-label" for="materialRegisterFormNewsletter">Inscrever-me na newsletter</label>
                  </div>

                  <!-- Sign up button -->
                  <button class="btn btn-outline-red btn-rounded btn-block my-4 waves-effect z-depth-0" type="submit">Cadastrar</button>

                  <!-- Social register -->
                  <p>ou cadastre-se com:</p>
                  @if(env('FACEBOOK_CLIENT_ID') !== '')
                    <p><a href="login/facebook" class="btn btn-block btn-so btn-blue p-2">Cadastrar com Facebook <i class="fab fa-facebook-f pr-1"></i></a></p>
                  @endif
                  @if(env('TWITTER_CLIENT_ID') !== '')
                    <p><a href="login/google" class="btn btn-block btn-so btn-blue p-2">
                      Cadastrar com Twitter <i class="fab fa-twitter"></i>
                    </a></p>
                  @endif
                  @if(env('GOOGLE_CLIENT_ID') !== '')
                    <p><a href="login/google" class="btn btn-block btn-so btn-red p-2">
                      Cadastrar com Google <i class="fab fa-google-plus-g"></i>
                    </a></p>
                  @endif

                  <hr>

                  <!-- Terms of service -->
                  <p>Ao
                      <em>cadastrar-se</em>, você estará de acordo com nosso
                      <a href="" target="_blank" class="opera-text">termo de serviço</a>

              </form>
              <!-- Form -->

          </div>

      </div>
    </div>
    <!-- Material form register -->
  </section>
  <!-- /.content -->
@endsection