@include('login-header')
<div class="loader-overlay" id="loader-overlay" style="display: none;">
  <i class="fa-solid fa-rotate fa-spin fa-4x"></i>
</div>
<section class="body-section">
    <div class="max-w-content">
      <div class="body-outer-wrapper">
        <div class="body-main body-main-minimal">
          <div class="register-container">
            <div class="register-left-container">
              <div class="register-features-layer">
                <div class="register-features-title">Product Highlights</div>
                <div class="w-richtext">
                  <ul role="list" class="register-features-text">
                    <li>1,500-word blog articles in minutes</li>
                    <li>Craft Compelling Headlines</li>
                    <li>Choose a Writer Persona</li>
                    <li>SEO-Enhanced, Quality Content</li>
                  </ul>
                </div>
              </div>
              <div class="register-left-title">Welcome to your Writers Room...</div><img src="{{ asset('images/clean-wr2.png') }}" loading="lazy" 
              sizes="(max-width: 479px) 100vw, (max-width: 767px) 52vw, (max-width: 991px) 61vw, 44vw" 
              srcset="{{ asset('images/clean-wr2-p-500.png') }} 500w, 
                      {{ asset('images/clean-wr2-p-800.png') }} 800w, 
                      {{ asset('images/clean-wr2-p-1080.png') }} 1080w, 
                      {{ asset('images/clean-wr2.png') }} 1532w" 
              alt="" 
              class="image-3">
            </div>
            <div class="register-right-container">
              <h1 class="body-main-title">Let&#x27;s Do This</h1>
              <div class="body-main-description">Tell us a little about yourself.</div>
              <div class="input-form w-form">
                <form id="userDetailsForm" method="POST" action="{{route('userDetails')}}" id="email-form-2" name="email-form-2" data-name="Email Form 2" data-wf-page-id="6566a03c0e79547108d040aa" data-wf-element-id="1e4cb673-2407-c036-d3d6-56bb0426aa02">
                    @csrf <!-- CSRF token -->
                    <label for="name">Your Full Name</label><input type="text" class="text-input-form w-input" maxlength="256" name="name" data-name="Name" placeholder="" id="name" required="">
                    @error('name')
                      <span class="invalid-feedback" role="alert">
                        <strong>{{ $message }}</strong>
                      </span>
                    @enderror
                    <label for="email">Company Name</label><input type="text" class="text-input-form w-input" maxlength="256" name="company_name" data-name="Email" placeholder="" id="company_name" required="">
                    @error('company_name')
                      <span class="invalid-feedback" role="alert">
                        <strong>{{ $message }}</strong>
                      </span>
                    @enderror
                    <label for="email-2">Company URL</label><input type="text" class="text-input-form w-input" maxlength="256" name="url" data-name="Email 2" placeholder="https://" id="url" required="">
                    @error('url')
                      <span class="invalid-feedback" role="alert">
                        <strong>{{ $message }}</strong>
                      </span>
                    @enderror
                    <label for="email-2">Mobile Number</label><input type="tel" class="text-input-form w-input" maxlength="256" name="mobile_number" data-name="Email 2" placeholder="e.g. 888-555-1212" id="mobile_number" required="">
                    @error('mobile_number')
                      <span class="invalid-feedback" role="alert">
                        <strong>{{ $message }}</strong>
                      </span>
                    @enderror
                    <label class="w-checkbox tos-checkbox"><input type="checkbox" id="checkbox" name="checkbox" data-name="Checkbox" class="w-checkbox-input" required><span class="w-form-label" for="checkbox">I agree with the <a href="https://www.composerapp.ai/terms" target="_blank">Terms of Service</a></span></label>
                    <input type="hidden" name="customerId" value="{{$customerId}}">
                    <span id="error-list" ></span>
                  <div class="gen-flow-cta-container">
                    <div class="gen-flow-button-block">
                      <button type="submit" class="button button-shadow purple-gradient w-inline-block">
                        <div class="button-label white-text">Continue</div>
                        <div class="button-icon-container"><img src="{{asset('images/right-arrow-white.svg')}}" loading="lazy" alt="" class="image-2"></div>
                      </button>
                    </div>
                  </div>
                </form>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>

  @php
    $customerEmail = session('customerEmail');
  @endphp
  @if($customerEmail)
    <script>
      var eventData = {
        'event': 'userRegistered',
        'email': '{{$customerEmail}}',
      };
      dataLayer.push(eventData);
    </script>
    @php
      session()->forget('customerEmail');
    @endphp
  @endif
  @include('footer')