<div>
  <h1>Access Settings</h1>

  <div class="form-page-content">
    <div class="desc dol-m-b-30">This page controls the <strong>Login</strong> and <strong>Sign Up</strong> functionalities.</div>

    <form action="" @submit="submit($event)">
      <div class="dol-form-group">
        <label for="">Background Image</label>
        <media-input
          :type="['image']"
          :multiple="false"
          title="Select Background Image"
          button-text="Select Image"
          media-button-text="Use This Image"
          v-model="form.backgroundImage"
        ></media-input>
      </div>

      <div class="dol-form-group">
        <label for="">Background Overlay</label>
        <color-input
          class="dol-form-control"
          v-model="form.backgroundOverlay"
        ></color-input>
      </div>

      <hr>

      <div class="dol-text-right dol-m-t-30">
        <button type="submit" class="dol-btn btn-primary">
          Save
        </button>
      </div>
    </form>
  </div>

</div>
