// Jest Snapshot v1, https://goo.gl/fbAQLP

exports[`Organization settings index creates snapshot 1`] = `
<DocumentFragment>
  <main
    class="container p-0"
    role="main"
  >
    <div
      class="h3 pb-2 border-bottom title"
    >
      Profile information
    </div>
    <div
      class="mt-4 mt-md-5 form"
    >
      <div
        class="position-absolute p-5 wrapper undefined"
      >
        <div
          class="d-flex flex-row align-items-center justify-content-center w-100 h-100"
        >
          <div
            class="spinner-border text-primary spinner undefined"
            role="status"
          >
            <span
              class="sr-only"
            >
              Loading...
            </span>
          </div>
        </div>
      </div>
    </div>
  </main>
</DocumentFragment>
`;

exports[`Organization settings index creates snapshot 2`] = `
<DocumentFragment>
  <main
    class="container p-0"
    role="main"
  >
    <div
      class="h3 pb-2 border-bottom title"
    >
      Profile information
    </div>
    <div
      class="mt-4 mt-md-5 form"
    >
      <form
        autocomplete="on"
        class="w-100 needs-validation"
        data-testid="organizationForm"
        novalidate=""
      >
        <div
          class="form-group mb-4 undefined"
        >
          <div
            class="d-flex flex-column"
          >
            <label
              class="label"
              for="logo"
            >
              <span
                class="font-weight-bold"
              >
                Logo
              </span>
              <small
                class="ml-1 font-italic"
              >
                (Click on the image to update)
              </small>
            </label>
            <div
              class="position-relative"
            >
              <button
                class="btn p-0 overflow-hidden btn"
                data-testid="inputFileBtn"
                type="button"
              >
                <img
                  alt="Logo"
                  class="image"
                  src="/image/f0552fa9-e03d-47cf-90cd-b9b0b6ba19e2"
                  srcset="/image/f0552fa9-e03d-47cf-90cd-b9b0b6ba19e2@1x 1x, /image/f0552fa9-e03d-47cf-90cd-b9b0b6ba19e2@2x 2x, /image/f0552fa9-e03d-47cf-90cd-b9b0b6ba19e2@3x 3x, /image/f0552fa9-e03d-47cf-90cd-b9b0b6ba19e2@4x 4x"
                />
              </button>
            </div>
          </div>
          <input
            class="d-none"
            data-testid="inputFile"
            id="logo"
            name="logo"
            type="file"
          />
        </div>
        <div
          class="form-group mb-4 position-relative undefined"
        >
          <label
            class="font-weight-bold label"
            for="name"
          >
            <span
              class="font-weight-bold"
            >
              Name
            </span>
            <small
              class="ml-1 font-italic"
            >
              (Required)
            </small>
          </label>
          <input
            autocomplete="off"
            class="form-control"
            data-testid="nameInput"
            name="name"
            pattern="[a-z0-9-]+"
            readonly=""
            required=""
            spellcheck="false"
            type="text"
            value="test"
          />
          <div
            class="invalid-feedback mt-0 inputFeedback"
          >
            This field is required
          </div>
        </div>
        <div
          class="form-group mb-4 position-relative undefined"
        >
          <label
            class="font-weight-bold label"
            for="displayName"
          >
            <span
              class="font-weight-bold"
            >
              Display name
            </span>
          </label>
          <input
            class="form-control"
            data-testid="displayNameInput"
            name="displayName"
            spellcheck="false"
            type="text"
            value="Test"
          />
          <div
            class="invalid-feedback mt-0 inputFeedback"
          />
        </div>
        <div
          class="form-group mb-4 position-relative undefined"
        >
          <label
            class="font-weight-bold label"
            for="homeUrl"
          >
            <span
              class="font-weight-bold"
            >
              Home URL
            </span>
          </label>
          <input
            class="form-control"
            data-testid="homeUrlInput"
            name="homeUrl"
            spellcheck="false"
            type="url"
            value="https://test.org"
          />
          <div
            class="invalid-feedback mt-0 inputFeedback"
          >
            Please enter a valid url
          </div>
        </div>
        <div
          class="form-group"
        >
          <label
            class="font-weight-bold label"
            for="description"
          >
            Description
          </label>
          <textarea
            class="form-control"
            data-testid="descriptionTextarea"
            id="description"
            name="description"
          >
            Lorem ipsum...
          </textarea>
        </div>
      </form>
      <div
        class="mt-4"
      >
        <button
          class="btn btn-secondary"
          data-testid="updateOrgBtn"
          type="button"
        >
          Update
        </button>
      </div>
    </div>
  </main>
</DocumentFragment>
`;
