@include('login-header')

<section class="body-section">
    <div class="max-w-content">
      <div class="body-outer-wrapper">
        <div class="body-main body-main-minimal">
          <div class="oauth-container">
            <div class="oauth-left-container">
              <h1 class="body-main-title">Register With a Business Email Address</h1>
              <div class="body-main-description">We store your email address and password.</div>
              <div class="input-form oauth w-form">
                @if (session('success'))
                    <div class="alert alert-success">
                        {{ session('success') }}
                    </div>
                @endif
                @if (session('error'))
                    <div class="col-sm-12">
                        <div class="alert alert-error" role="alert">
                            {{ session('error') }}
                        </div>
                    </div>
                @endif
                <form method="POST" action="{{ route('userRegister') }}" id="email-form-2" name="email-form-2" data-name="Email Form 2" data-wf-page-id="6566be4a285148f4dbc45f67" data-wf-element-id="88d0a31e-12c9-9655-84a5-f979875c1735">
                    @csrf <!-- CSRF token -->
                    <input type="hidden" name="timezone" id="timezone" value="">
                  <label for="name">Business Email Address</label><input type="email" class="text-input-form w-input" maxlength="256" name="email" data-name="Email" placeholder="Email" value="{{ old('email') }}" required autocomplete="email" autofocus>
                  @error('email')
                    <span class="invalid-feedback" role="alert">
                        <strong>{{ $message }}</strong>
                    </span>
                  @enderror
                  <label for="email">Password</label><input type="password" class="text-input-form w-input" maxlength="256" name="password" data-name="Password" placeholder="Password" required>
                  @error('password')
                    <span class="invalid-feedback" role="alert">
                        <strong>{{ $message }}</strong>
                    </span>
                  @enderror
                  <label for="email">Confirm Password</label><input type="password" class="text-input-form w-input" maxlength="256" name="confirm_password" data-name="Password" placeholder="Confirm Password" required>
                  @error('confirm_password')
                    <span class="invalid-feedback" role="alert">
                        <strong>{{ $message }}</strong>
                    </span>
                  @enderror
                  <button type="submit" id="registerButton" class="button button-shadow purple-gradient w-inline-block">
                    <div class="button-label white-text">Register</div>
                    <div class="button-icon-container"><img src="{{asset('images/email-white.svg')}}" loading="lazy" alt="" class="image-2"></div>
                  </button>
                </form>
                <div class="w-form-done">
                  <div>Thank you! Your submission has been received!</div>
                </div>
                <div class="w-form-fail">
                  <div>Oops! Something went wrong while submitting the form.</div>
                </div>
              </div>
            </div>
            <div class="oauth-right-container" id="login-with-google">
              <div class="body-main-head-container">
                <div class="body-main-title-block">
                  <h1 class="body-main-title">Register With Google</h1>
                  <div class="body-main-description">We store your email address and full name.</div>
                </div>
              </div>
              <a href="{{ route('google.register') }}" class="button white-button w-inline-block">
                <div class="button-label white-text dark-text">Register With Google</div>
                <div class="button-icon-container"><img src="{{asset('images/google-icon.png')}}" loading="lazy" alt="" class="image-2"></div>
              </a>
          </div>
        </div>
      </div>
    </div>
  </section>
@include('footer')
<script src="{{asset('js/jQuery-3.5.1.js')}}"></script>
<script src="{{asset('js/webflow.js')}}"></script>
<script src="{{asset('js/composer.js')}}"></script>