@extends('layouts.app')

@section('content')
  <div class="container">
    <div class="row justify-content-center">
      <div class="col-md-8">
        <div class="card">
          <div class="card-header">
            <h1>{{ __('Register') }}</h1>
          </div>

          @if(config('app.allow_regs'))

          <div class="card-body">
            <form method="POST" action="{{ route('register') }}" aria-label="{{ __('Register') }}">
              @csrf

              @php(Widget::setLayout(4, 6))

              {!! Widget::text('name', 'Username')->required()->prepend('@')
                    ->help('This will be part of your vanity URL; only letters, digits and
                      some symbols are allowed. You can always change this later.') !!}

              {!! Widget::email('email', 'E-Mail Address')->required()->autofocus()
                    ->help('Used to login and for password resets') !!}

              {!! Widget::password('password', 'Password')->required() !!}
              {!! Widget::password('password_confirmation', 'Confirm Password')->required() !!}

              <div class="form-group row mb-0">
                <div class="col-md-6 offset-md-4">
                  <button type="submit" class="btn btn-primary">
                    {{ __('Register') }}
                  </button>
                </div>
              </div>
            </form>
          </div>

          <div class="card-footer bg-white text-muted">
            You can also register by logging in with
            <a href="{{route('oauth-google-authorize')}}">Google</a>,
            <a href="{{route('oauth-github-authorize')}}">GitHub</a>,
            or <a href="{{route('oauth-facebook-authorize')}}">Facebook</a>.
          </div>

          @else
            <div class="card-body">
              <p>Registrations are currently closed.</p>
            </div>
          @endif
        </div>
      </div>
    </div>
  </div>
@endsection