@extends('layouts.main')

@section('page-id', '6037c2fd29e3f56d5c25bafc')

@section('content')
  <div class="section transparent">
    <div class="wide-container">
      <div class="sheet sign-in pb-60">
        <div class="text-center">
          <h1 class="h1-2 mt-0 mb-20">Create an account</h1>
          <a href="{{ route('login') }}" class="orange-link">I already have an account</a>
        </div>
        <div class="pt-80">
          <h2 class="mt-0 mb-60">Register</h2>
          <div class="register-form w-form">
            <form id="email-form" name="email-form" data-name="Email Form">
              <div class="form-row">
                <div class="form-column">
                  <div class="form-item half"><label for="name-5">First Name*</label><input type="text" class="text-field _2 w-input" maxlength="256" name="name-4" data-name="Name 4" placeholder="" id="name-4"></div>
                  <div class="form-item half"><label for="name-5">Last Name*</label><input type="text" class="text-field _2 w-input" maxlength="256" name="name-4" data-name="Name 4" placeholder="" id="name-4"></div>
                  <div class="form-item"><label for="name-5">Email*</label><input type="text" class="text-field _2 w-input" maxlength="256" name="name-4" data-name="Name 4" placeholder="" id="name-4"></div>
                  <div class="form-item"><label for="name-5">Company Name</label><input type="text" class="text-field _2 w-input" maxlength="256" name="name-4" data-name="Name 4" placeholder="" id="name-4"></div>
                  <div class="form-item"><label for="name-5">Create Password*</label><input type="text" class="text-field _2 w-input" maxlength="256" name="name-4" data-name="Name 4" placeholder="" id="name-4"></div>
                  <div class="form-item"><label for="name-5">Re-enter Password*</label><input type="text" class="text-field _2 w-input" maxlength="256" name="name-4" data-name="Name 4" placeholder="" id="name-4"></div>
                </div>
                <div class="form-column">
                  <div class="form-item"><label for="name-5">Address Line 1</label><input type="text" class="text-field _2 w-input" maxlength="256" name="name-4" data-name="Name 4" placeholder="" id="name-4"></div>
                  <div class="form-item"><label for="name-5">Address Line 2</label><input type="text" class="text-field _2 w-input" maxlength="256" name="name-4" data-name="Name 4" placeholder="" id="name-4"></div>
                  <div class="form-item half"><label for="name-5">Town</label><input type="text" class="text-field _2 w-input" maxlength="256" name="name-4" data-name="Name 4" placeholder="" id="name-4"></div>
                  <div class="form-item half"><label for="name-5">Postcode</label><input type="text" class="text-field _2 w-input" maxlength="256" name="name-4" data-name="Name 4" placeholder="" id="name-4"></div>
                  <div class="form-item"><label for="name-5">Enterprise Type</label>
                    <div class="checkbox-row">
                      <div class="checkbox-column"><label class="w-checkbox custom-checkbox-field">
                          <div class="w-checkbox-input w-checkbox-input--inputType-custom custom-checkbox"></div><input type="checkbox" id="checkbox-2" name="checkbox-2" data-name="Checkbox 2" style="opacity:0;position:absolute;z-index:-1"><span class="w-form-label">Mixed Farm</span>
                        </label></div>
                      <div class="checkbox-column"><label class="w-checkbox custom-checkbox-field">
                          <div class="w-checkbox-input w-checkbox-input--inputType-custom custom-checkbox"></div><input type="checkbox" id="checkbox-2" name="checkbox-2" data-name="Checkbox 2" style="opacity:0;position:absolute;z-index:-1"><span class="w-form-label">Dairy</span>
                        </label></div>
                      <div class="checkbox-column"><label class="w-checkbox custom-checkbox-field">
                          <div class="w-checkbox-input w-checkbox-input--inputType-custom custom-checkbox"></div><input type="checkbox" id="checkbox-2" name="checkbox-2" data-name="Checkbox 2" style="opacity:0;position:absolute;z-index:-1"><span class="w-form-label">Arable</span>
                        </label></div>
                      <div class="checkbox-column"><label class="w-checkbox custom-checkbox-field">
                          <div class="w-checkbox-input w-checkbox-input--inputType-custom custom-checkbox"></div><input type="checkbox" id="checkbox-2" name="checkbox-2" data-name="Checkbox 2" style="opacity:0;position:absolute;z-index:-1"><span class="w-form-label">Equestrian</span>
                        </label></div>
                      <div class="checkbox-column"><label class="w-checkbox custom-checkbox-field">
                          <div class="w-checkbox-input w-checkbox-input--inputType-custom custom-checkbox"></div><input type="checkbox" id="checkbox-2" name="checkbox-2" data-name="Checkbox 2" style="opacity:0;position:absolute;z-index:-1"><span class="w-form-label">Beef</span>
                        </label></div>
                      <div class="checkbox-column"><label class="w-checkbox custom-checkbox-field">
                          <div class="w-checkbox-input w-checkbox-input--inputType-custom custom-checkbox"></div><input type="checkbox" id="checkbox-2" name="checkbox-2" data-name="Checkbox 2" style="opacity:0;position:absolute;z-index:-1"><span class="w-form-label">Lawns</span>
                        </label></div>
                      <div class="checkbox-column"><label class="w-checkbox custom-checkbox-field">
                          <div class="w-checkbox-input w-checkbox-input--inputType-custom custom-checkbox"></div><input type="checkbox" id="checkbox-2" name="checkbox-2" data-name="Checkbox 2" style="opacity:0;position:absolute;z-index:-1"><span class="w-form-label">Sheep</span>
                        </label></div>
                      <div class="checkbox-column"><label class="w-checkbox custom-checkbox-field">
                          <div class="w-checkbox-input w-checkbox-input--inputType-custom custom-checkbox"></div><input type="checkbox" id="checkbox-2" name="checkbox-2" data-name="Checkbox 2" style="opacity:0;position:absolute;z-index:-1"><span class="w-form-label">Landscaping</span>
                        </label></div>
                    </div>
                  </div>
                </div>
              </div>
              <div class="password-help">
                <p>Password must contain</p>
                <ul role="list">
                  <li>
                    <p>Minimum 8 characters (Letters, numbers and special characters)</p>
                  </li>
                  <li>
                    <p>One of the special characters (! @ # $ % ^ &amp; *)</p>
                  </li>
                  <li>
                    <p>At least one digit</p>
                  </li>
                  <li>
                    <p>One capital letter</p>
                  </li>
                  <li>
                    <p>One lower case letter</p>
                  </li>
                </ul>
              </div>
              <div class="agreement-block"><label class="w-checkbox agreement-checkbox-field mb-20">
                  <div class="w-checkbox-input w-checkbox-input--inputType-custom agreement-checkbox"></div><input type="checkbox" id="checkbox-3" name="checkbox-3" data-name="Checkbox 3" style="opacity:0;position:absolute;z-index:-1"><span class="w-form-label">* I agree to the website&#x27;s <a href="#" class="orange-link non-italic">Terms &amp; Conditions</a></span>
                </label><label class="w-checkbox agreement-checkbox-field mb-0">
                  <div class="w-checkbox-input w-checkbox-input--inputType-custom agreement-checkbox"></div><input type="checkbox" id="checkbox-3" name="checkbox-3" data-name="Checkbox 3" style="opacity:0;position:absolute;z-index:-1"><span class="w-form-label">I agree to receive communication from Watson Seeds Ltd who will handle my data in accordance with their <a href="#" class="orange-link non-italic">Privacy Policy</a>.</span>
                </label></div>
              <div class="text-center"><input type="submit" value="Register" data-wait="Please wait..." class="button w-button"></div>
            </form>
          </div>
        </div>
      </div>
    </div>
  </div>
@endsection