@include('Website::web-builder.widget._back_title',compact('title'))
<section class="form">
    <div class="config-box">
      <div class="config-heading">
        Settings
      </div>
      <div class="config-body">
        <form action="">
          <div class="form-group">
            <div class="config-dropdown">
              <label id="full-width" for="heading">Heading</label>
              <input type="text" class="form-control" placeholder="Subscribe to our newsletter">
            </div>
          </div>

          <div class="form-group">
            <div class="config-dropdown">
              <label id="full-width" for="heading">Subheading</label>
              <textarea class="form-control" name="editor1"></textarea>
            </div>
          </div>
          <div class="form-group">
            <label id="heading-label" for="heading">Select Form</label>
            <select class="form-control custom-select">
              <option>Contact Form</option>
            </select>
          </div>
          <div class="form-group">
            <div class="form-check">
              <div class="custom-control custom-checkbox">
                <input
                  class="custom-control-input"
                  type="checkbox"
                  value=""
                  id="defaultCheck1"
                />
                <label class="custom-control-label" for="defaultCheck1">
                  Show background
                  <p>Any customers who sign up will have an account created for them in Shopify. <a href="">View Customers</a></p>
                </label>
              </div>
            </div>
          </div>

          <div class="form-group">
            <div class="form-check">
              <div class="custom-control custom-checkbox">
                <input
                  class="custom-control-input"
                  type="checkbox"
                  value=""
                  id="defaultCheck1"
                />
                <label class="custom-control-label" for="defaultCheck1">
                  2 Column
                </label>
              </div>
            </div>
          </div>
          <div class="form-group">
            <label id="heading-label" for="heading">Column Number</label>
            <select class="form-control custom-select">
              <option>First Column</option>
              <option>Second Column</option>
            </select>
          </div>
          <div class="form-group columns-width">
            <label id="heading-label" for="heading">Column Width</label>
            <div id="slider">
              <input
                class="bar"
                type="range"
                id="rangeinput"
                value="50"
                onchange="rangevalue.value=value"
              />
              <span class="highlight"></span>
              <output id="rangevalue">50</output>
            </div>
            <span
              class="font-weight-bold text-primary ml-2 mt-1 valueSpan"
            ></span>
          </div>
        </form>


      </div>
        @include('Website::web-builder.widget._remove_section')
    </div>
    <div class="section-footer">
{{--      <div class="sidebar-dropdown dropdown">--}}
{{--        <button--}}
{{--          class="btn btn-sidebar dropdown-toggle"--}}
{{--          type="button"--}}
{{--          id="dropdownMenu2"--}}
{{--          data-toggle="dropdown"--}}
{{--          aria-haspopup="true"--}}
{{--          aria-expanded="false"--}}
{{--        >--}}
{{--          Theme Actions--}}
{{--          <span--}}
{{--            ><img--}}
{{--              src="./assets/images/sidebar-icons/drop-arrow.svg"--}}
{{--              alt=""--}}
{{--          /></span>--}}
{{--        </button>--}}
{{--        <div--}}
{{--          class="dropdown-menu"--}}
{{--          aria-labelledby="dropdownMenu2"--}}
{{--        >--}}
{{--          <button class="dropdown-item" type="button">--}}
{{--            Action--}}
{{--          </button>--}}
{{--          <button class="dropdown-item" type="button">--}}
{{--            Another action--}}
{{--          </button>--}}
{{--          <button class="dropdown-item" type="button">--}}
{{--            Something else here--}}
{{--          </button>--}}
{{--        </div>--}}
{{--      </div>--}}
      <div class="foot-navigation">
        <div class="foot-prev">
          <a href="#"
            ><img
              src="./assets/images/sidebar-icons/sidebar-back.svg"
              alt=""
            />
          </a>
        </div>
        <div class="foot-next">
          <a href="#" >
            <img
              src="./assets/images/sidebar-icons/sidebar-forward.svg"
              alt=""
            />
          </a>
        </div>
      </div>
    </div>
  </section>