@extends('layouts.main')

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

@section('body-class', 'pale-green')

@section('content')
  <div class="section transparent basket">
    <div class="wide-container">
      <div class="sheet sign-in account">
        <div class="account-desktop">
          <div class="mb-40">
            <div class="columns-align-center w-row">
              <div class="w-col w-col-4">
                <a href="{{ route('index') }}" class="orange-link">&lt; Back to shopping</a>
              </div>
              <div class="w-col w-col-8">
                <h1 class="h1-2 mt-0 mb-0">My Details</h1>
              </div>
            </div>
          </div>
          <div class="account-columns w-row">
            <div class="account-menu-wrapper w-col w-col-4">
              <ul role="list" class="account-links w-list-unstyled">
                <li class="account-link-item">
                  <a href="{{ route('account.overview') }}" class="account-link">Account Overview</a>
                </li>
                <li class="account-link-item">
                  <a href="{{ route('account.orders') }}" class="account-link">Online Orders</a>
                </li>
                <li class="account-link-item">
                  <a href="{{ route('account.details') }}" class="account-link w--current">My Details</a>
                </li>
                <li class="account-link-item">
                  <a href="{{ route('logout') }}" class="account-link" onclick="event.preventDefault(); document.getElementById('logout-form').submit();">Log Out</a>
                  <form id="logout-form" action="{{ route('logout') }}" method="POST" style="display: none;">
                    @csrf

                  </form>
                </li>
              </ul>
            </div>
            <div class="w-col w-col-8">
              <div class="account-overview-inner-wrapper no-bottom-border">
                <div class="account-overview-heading-wrapper">
                  <h2 class="account-overview-heading">Update Personal Details</h2>
                  <a href="{{ route('account.details') }}" class="orange-link">&lt; Back to all details</a>
                </div>
                <div class="update-details-form-wrapper">
                  <div class="w-form">
                    <form action="{{ route('account.details.update.save') }}" method="POST">
                      @csrf

                      <div class="form-column account">
                        <div class="form-item half">
                          <label for="first_name">First Name*</label>
                          <input type="text" class="text-field _2 w-input" maxlength="256" name="first_name" id="first_name" value="{{ Auth::user()->first_name }}">
@error('first_name')
                            <div class="error-message">{{ $message }}</div>
@enderror
                        </div>
                        <div class="form-item half">
                          <label for="last_name">Last Name*</label>
                          <input type="text" class="text-field _2 w-input" maxlength="256" name="last_name" id="last_name" value="{{ Auth::user()->last_name }}">
@error('last_name')
                            <div class="error-message">{{ $message }}</div>
@enderror
                        </div>
                        <div class="form-item">
                          <label for="phone">Phone Number*</label>
                          <input type="phone" class="text-field _2 w-input" maxlength="256" name="phone" id="phone" value="{{ Auth::user()->phone }}">
@error('phone')
                            <div class="error-message">{{ $message }}</div>
@enderror
                        </div>
                        <div class="form-item"><label for="enterprise_type">Enterprise Type</label>
                          <div class="checkbox-row">
                            <div class="checkbox-column">
                              <label class="custom-checkbox-field w-checkbox">
                                <div class="w-checkbox-input w-checkbox-input--inputType-custom custom-checkbox {{ in_array('mixed-farm', Auth::user()->enterprise_type) ? 'w--redirected-checked' : '' }}"></div>
                                <input type="checkbox" name="enterprise_type[]" value="mixed-farm" style="opacity:0;position:absolute;z-index:-1" {{ in_array("mixed-farm", Auth::user()->enterprise_type) ? 'checked' : '' }}><span class="w-form-label">Mixed Farm</span>
                              </label>
                            </div>
                            <div class="checkbox-column">
                              <label class="custom-checkbox-field w-checkbox">
                                <div class="w-checkbox-input w-checkbox-input--inputType-custom custom-checkbox {{ in_array('dairy', Auth::user()->enterprise_type) ? 'w--redirected-checked' : '' }}"></div>
                                <input type="checkbox" name="enterprise_type[]" value="dairy" style="opacity:0;position:absolute;z-index:-1" {{ in_array("dairy", Auth::user()->enterprise_type) ? 'checked' : '' }}><span class="w-form-label">Dairy</span>
                              </label>
                            </div>
                            <div class="checkbox-column">
                              <label class="custom-checkbox-field w-checkbox">
                                <div class="w-checkbox-input w-checkbox-input--inputType-custom custom-checkbox {{ in_array('arable', Auth::user()->enterprise_type) ? 'w--redirected-checked' : '' }}"></div>
                                <input type="checkbox" name="enterprise_type[]" value="arable" style="opacity:0;position:absolute;z-index:-1" {{ in_array("arable", Auth::user()->enterprise_type) ? 'checked' : '' }}><span class="w-form-label">Arable</span>
                              </label>
                            </div>
                            <div class="checkbox-column">
                              <label class="custom-checkbox-field w-checkbox">
                                <div class="w-checkbox-input w-checkbox-input--inputType-custom custom-checkbox {{ in_array('equestrian', Auth::user()->enterprise_type) ? 'w--redirected-checked' : '' }}"></div>
                                <input type="checkbox" name="enterprise_type[]" value="equestrian" style="opacity:0;position:absolute;z-index:-1" {{ in_array('equestrian', Auth::user()->enterprise_type) ? 'checked' : '' }}><span class="w-form-label">Equestrian</span>
                              </label>
                            </div>
                            <div class="checkbox-column">
                              <label class="custom-checkbox-field w-checkbox">
                                <div class="w-checkbox-input w-checkbox-input--inputType-custom custom-checkbox {{ in_array('beef', Auth::user()->enterprise_type) ? 'w--redirected-checked' : '' }}"></div>
                                <input type="checkbox" name="enterprise_type[]" value="beef" style="opacity:0;position:absolute;z-index:-1" {{ in_array('beef', Auth::user()->enterprise_type) ? 'checked' : '' }}><span class="w-form-label">Beef</span>
                              </label>
                            </div>
                            <div class="checkbox-column">
                              <label class="custom-checkbox-field w-checkbox">
                                <div class="w-checkbox-input w-checkbox-input--inputType-custom custom-checkbox {{ in_array('lawns', Auth::user()->enterprise_type) ? 'w--redirected-checked' : '' }}"></div>
                                <input type="checkbox" name="enterprise_type[]" value="lawns" style="opacity:0;position:absolute;z-index:-1" {{ in_array('lawns', Auth::user()->enterprise_type) ? 'checked' : '' }}><span class="w-form-label">Lawns</span>
                              </label>
                            </div>
                            <div class="checkbox-column">
                              <label class="custom-checkbox-field w-checkbox">
                                <div class="w-checkbox-input w-checkbox-input--inputType-custom custom-checkbox {{ in_array('sheep', Auth::user()->enterprise_type) ? 'w--redirected-checked' : '' }}"></div>
                                <input type="checkbox" name="enterprise_type[]" value="sheep" style="opacity:0;position:absolute;z-index:-1" {{ in_array('sheep', Auth::user()->enterprise_type) ? 'checked="checked"' : '' }}><span class="w-form-label">Sheep</span>
                              </label>
                            </div>
                            <div class="checkbox-column">
                              <label class="custom-checkbox-field w-checkbox">
                                <div class="w-checkbox-input w-checkbox-input--inputType-custom custom-checkbox {{ in_array('landscaping', Auth::user()->enterprise_type) ? 'w--redirected-checked' : '' }}"></div>
                                <input type="checkbox" name="enterprise_type[]" value="landscaping" style="opacity:0;position:absolute;z-index:-1" {{ in_array('landscaping', Auth::user()->enterprise_type) ? 'checked="checked"' : '' }}><span class="w-form-label">Landscaping</span>
                              </label>
                            </div>
                          </div>
                        </div>
                      </div>
                      <div class="agreement-block">
                        <label class="w-checkbox agreement-checkbox-field mb-0">
                          <div class="w-checkbox-input w-checkbox-input--inputType-custom agreement-checkbox {{ Auth::user()->marketing_opt_in ? 'w--redirected-checked' : '' }}"></div><input type="checkbox" name="marketing_opt_in" style="opacity:0;position:absolute;z-index:-1" {{ Auth::user()->marketing_opt_in ? 'checked="checked"' : '' }}><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="form-column account">
                        <div class="form-item title">
                          <div class="required-fields">* Required fields</div>
                          <button type="submit" class="button w-button">Save Changes</button>
                        </div>
                      </div>
                    </form>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="account-mobile">
          <a href="{{ route('account.details') }}" class="account-back-link">&lt; Back</a>
          <div class="account-heading-wrapper no-bottom-border">
            <h1 class="h1-2 mt-0 mb-0">My Details</h1>
          </div>
          <div class="account-overview-inner-wrapper no-bottom-border">
            <div class="account-overview-heading-wrapper">
              <h2 class="account-overview-heading">Update Personal Details</h2>
            </div>
            <div class="update-details-form-wrapper">
              <div class="w-form">
                <form action="{{ route('account.details.update.save') }}" method="POST">
                  @csrf

                  <div class="form-column account">
                    <div class="form-item half">
                      <label for="first_name">First Name*</label>
                      <input type="text" class="text-field _2 w-input" maxlength="256" name="first_name" id="first_name" value="{{ Auth::user()->first_name }}">
@error('first_name')
                        <div class="error-message">{{ $message }}</div>
@enderror
                    </div>
                    <div class="form-item half">
                      <label for="last_name">Last Name*</label>
                      <input type="text" class="text-field _2 w-input" maxlength="256" name="last_name" id="last_name" value="{{ Auth::user()->last_name }}">
@error('last_name')
                        <div class="error-message">{{ $message }}</div>
@enderror
                    </div>
                    <div class="form-item">
                      <label for="phone">Phone Number*</label>
                      <input type="phone" class="text-field _2 w-input" maxlength="256" name="phone" id="phone" value="{{ Auth::user()->phone }}">
@error('phone')
                        <div class="error-message">{{ $message }}</div>
@enderror
                    </div>
                    <div class="form-item"><label for="enterprise_type">Enterprise Type</label>
                      <div class="checkbox-row">
                        <div class="checkbox-column">
                          <label class="custom-checkbox-field w-radio">
                            <div class="w-form-formradioinput w-form-formradioinput--inputType-custom custom-checkbox radio w-radio-input {{ Auth::user()->enterprise_type === 'mixed-farm' ? 'w--redirected-checked' : '' }}"></div>
                            <input type="radio" name="enterprise_type" value="mixed-farm" style="opacity:0;position:absolute;z-index:-1" {{ Auth::user()->enterprise_type === "mixed-farm" ? 'checked="checked"' : '' }}><span class="w-form-label">Mixed Farm</span>
                          </label>
                        </div>
                        <div class="checkbox-column">
                          <label class="custom-checkbox-field w-radio">
                            <div class="w-form-formradioinput w-form-formradioinput--inputType-custom custom-checkbox radio w-radio-input {{ Auth::user()->enterprise_type === 'dairy' ? 'w--redirected-checked' : '' }}"></div>
                            <input type="radio" name="enterprise_type" value="dairy" style="opacity:0;position:absolute;z-index:-1" {{ Auth::user()->enterprise_type === "dairy" ? 'checked="checked"' : '' }}><span class="w-form-label">Dairy</span>
                          </label>
                        </div>
                        <div class="checkbox-column">
                          <label class="custom-checkbox-field w-radio">
                            <div class="w-form-formradioinput w-form-formradioinput--inputType-custom custom-checkbox radio w-radio-input {{ Auth::user()->enterprise_type === 'arable' ? 'w--redirected-checked' : '' }}"></div>
                            <input type="radio" name="enterprise_type" value="arable" style="opacity:0;position:absolute;z-index:-1" {{ Auth::user()->enterprise_type === "arable" ? 'checked="checked"' : '' }}><span class="w-form-label">Arable</span>
                          </label>
                        </div>
                        <div class="checkbox-column">
                          <label class="custom-checkbox-field w-radio">
                            <div class="w-form-formradioinput w-form-formradioinput--inputType-custom custom-checkbox radio w-radio-input {{ Auth::user()->enterprise_type === 'equestrian' ? 'w--redirected-checked' : '' }}"></div>
                            <input type="radio" name="enterprise_type" value="equestrian" style="opacity:0;position:absolute;z-index:-1" {{ Auth::user()->enterprise_type === "equestrian" ? 'checked="checked"' : '' }}><span class="w-form-label">Equestrian</span>
                          </label>
                        </div>
                        <div class="checkbox-column">
                          <label class="custom-checkbox-field w-radio">
                            <div class="w-form-formradioinput w-form-formradioinput--inputType-custom custom-checkbox radio w-radio-input {{ Auth::user()->enterprise_type === 'beef' ? 'w--redirected-checked' : '' }}"></div>
                            <input type="radio" name="enterprise_type" value="beef" style="opacity:0;position:absolute;z-index:-1" {{ Auth::user()->enterprise_type === "beef" ? 'checked="checked"' : '' }}><span class="w-form-label">Beef</span>
                          </label>
                        </div>
                        <div class="checkbox-column">
                          <label class="custom-checkbox-field w-radio">
                            <div class="w-form-formradioinput w-form-formradioinput--inputType-custom custom-checkbox radio w-radio-input {{ Auth::user()->enterprise_type === 'lawns' ? 'w--redirected-checked' : '' }}"></div>
                            <input type="radio" name="enterprise_type" value="lawns" style="opacity:0;position:absolute;z-index:-1" {{ Auth::user()->enterprise_type === "lawns" ? 'checked="checked"' : '' }}><span class="w-form-label">Lawns</span>
                          </label>
                        </div>
                        <div class="checkbox-column">
                          <label class="custom-checkbox-field w-radio">
                            <div class="w-form-formradioinput w-form-formradioinput--inputType-custom custom-checkbox radio w-radio-input {{ Auth::user()->enterprise_type === 'sheep' ? 'w--redirected-checked' : '' }}"></div>
                            <input type="radio" name="enterprise_type" value="sheep" style="opacity:0;position:absolute;z-index:-1" {{ Auth::user()->enterprise_type === "sheep" ? 'checked="checked"' : '' }}><span class="w-form-label">Sheep</span>
                          </label>
                        </div>
                        <div class="checkbox-column">
                          <label class="custom-checkbox-field w-radio">
                            <div class="w-form-formradioinput w-form-formradioinput--inputType-custom custom-checkbox radio w-radio-input {{ Auth::user()->enterprise_type === 'landscaping' ? 'w--redirected-checked' : '' }}"></div>
                            <input type="radio" name="enterprise_type" value="landscaping" style="opacity:0;position:absolute;z-index:-1" {{ Auth::user()->enterprise_type === "landscaping" ? 'checked="checked"' : '' }}><span class="w-form-label">Landscaping</span>
                          </label>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="agreement-block">
                    <label class="w-checkbox agreement-checkbox-field mb-0">
                      <div class="w-checkbox-input w-checkbox-input--inputType-custom agreement-checkbox {{ Auth::user()->marketing_opt_in ? 'w--redirected-checked' : '' }}"></div><input type="checkbox" name="marketing_opt_in" style="opacity:0;position:absolute;z-index:-1" {{ Auth::user()->marketing_opt_in ? 'checked="checked"' : '' }}><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="form-column account">
                    <div class="form-item title">
                      <div class="required-fields">* Required fields</div>
                      <button type="submit" class="button w-button">Save Changes</button>
                    </div>
                  </div>
                </form>
              </div>
            </div>
          </div>
        </div>
        <div class="account-faq-wrapper">
          <div class="account-faq-inner-wrapper">
            <h3 class="text-center mt-0 mb-60">Frequently Asked Questions</h3>
            <div class="orange-title mb-20">Orders &amp; Delivery</div>
            <div class="collapses">
              <div class="collapse">
                <div data-w-id="389e7e6a-09dd-909f-b667-6ceeab760cd2" class="collapse-header alt">
                  <div>Where do you deliver?</div><img src="{{ url('images/down-arrow.svg') }}" loading="lazy" style="-webkit-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0deg) skew(0, 0);-moz-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0deg) skew(0, 0);-ms-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0deg) skew(0, 0);transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0deg) skew(0, 0)" alt="" class="collapse-arrow">
                </div>
                <div style="display:none" class="collapse-body">
                  <p class="pb-20 mb-0">Scotland, England & Wales.</p>
                  <p class="pb-20 mb-0">Unfortunately, at this time we are unable to deliver to Northern Ireland or Republic of Ireland due to import restrictions. Please contact us for local distributors.</p>
                </div>
              </div>
              <div class="collapse">
                <div data-w-id="389e7e6a-09dd-909f-b667-6ceeab760cda" class="collapse-header alt">
                  <div>How do I track my order?</div><img src="{{ url('images/down-arrow.svg') }}" loading="lazy" style="-webkit-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0deg) skew(0, 0);-moz-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0deg) skew(0, 0);-ms-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0deg) skew(0, 0);transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0deg) skew(0, 0)" alt="" class="collapse-arrow">
                </div>
                <div style="display:none" class="collapse-body">
                  <p class="pb-20 mb-0">You will get a confirmation text from the courier to track your order. If you require any further information, call the office 01368 840655</p>
                </div>
              </div>
              <div class="collapse">
                <div data-w-id="389e7e6a-09dd-909f-b667-6ceeab760ce2" class="collapse-header alt">
                  <div>How long do I have to return an order?</div><img src="{{ url('images/down-arrow.svg') }}" loading="lazy" style="-webkit-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0deg) skew(0, 0);-moz-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0deg) skew(0, 0);-ms-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0deg) skew(0, 0);transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0deg) skew(0, 0)" alt="" class="collapse-arrow">
                </div>
                <div style="display:none" class="collapse-body">
                  <p class="pb-20 mb-0">We do not normally take returns, please see our terms & conditions for more detail.</p>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
@endsection