{{ attach_library('goizueta_theme/slate-form-embed') }}

<div class="slate-form-embed brochure-form">
  <div
    id="slate-form-embed__form"
    data-form-url="{{ form_url }}"
    data-form-redirect="{{ form_redirect }}">
      {% if is_demo %}
      <div
        class="form_question form_text form_question_65f29796-5a6f-460a-842b-ea32c1b3c94c form_layout_stacked"
        id="form_question_65f29796-5a6f-460a-842b-ea32c1b3c94c"
        style="clear: left;"
        data-id="65f29796-5a6f-460a-842b-ea32c1b3c94c"
        data-type="text"
        data-export="sys:first"
        data-required="1"
        aria-label="First Name"
      >
        <label class="form_label" for="form_65f29796-5a6f-460a-842b-ea32c1b3c94c"></label>
        <div class="form_responses">
          <input
            type="text"
            size="32"
            id="form_65f29796-5a6f-460a-842b-ea32c1b3c94c"
            name="form_65f29796-5a6f-460a-842b-ea32c1b3c94c"
            value=""
            placeholder="First Name"
            autocomplete="off"
            spellcheck="false"
            required="required"
          />
        </div>
      </div>
      <div
        class="form_question form_text form_question_159edaed-332d-4ef6-85ee-5a3757dba531 form_layout_stacked"
        id="form_question_159edaed-332d-4ef6-85ee-5a3757dba531"
        style="clear: left;"
        data-id="159edaed-332d-4ef6-85ee-5a3757dba531"
        data-type="text"
        data-export="sys:last"
        data-required="1"
        aria-label="Last Name"
      >
        <label class="form_label" for="form_159edaed-332d-4ef6-85ee-5a3757dba531"></label>
        <div class="form_responses">
          <input
            type="text"
            size="32"
            id="form_159edaed-332d-4ef6-85ee-5a3757dba531"
            name="form_159edaed-332d-4ef6-85ee-5a3757dba531"
            value=""
            placeholder="Last Name"
            autocomplete="off"
            spellcheck="false"
            required="required"
          />
        </div>
      </div>
      <div
        class="form_question form_text form_question_5fd40c1c-73bd-4e49-82cc-2a6ce3e47264 form_layout_stacked"
        id="form_question_5fd40c1c-73bd-4e49-82cc-2a6ce3e47264"
        style="clear: left;"
        data-id="5fd40c1c-73bd-4e49-82cc-2a6ce3e47264"
        data-type="text"
        data-export="sys:email"
        data-mask="email"
        data-required="1"
        aria-label="Email Address"
      >
        <label class="form_label" for="form_5fd40c1c-73bd-4e49-82cc-2a6ce3e47264"></label>
        <div class="form_responses">
          <input
            type="email"
            size="32"
            id="form_5fd40c1c-73bd-4e49-82cc-2a6ce3e47264"
            name="form_5fd40c1c-73bd-4e49-82cc-2a6ce3e47264"
            value=""
            placeholder="Email"
            autocomplete="off"
            spellcheck="false"
            required="required"
          />
        </div>
      </div>
      <div
        class="form_question form_text form_question_2af4c5b0-0305-402e-b3d0-f2ad56aeb1f0 form_layout_stacked"
        id="form_question_2af4c5b0-0305-402e-b3d0-f2ad56aeb1f0"
        style="clear: left;"
        data-id="2af4c5b0-0305-402e-b3d0-f2ad56aeb1f0"
        data-type="text"
        data-export="sys:mobile"
        aria-label="Mobile Phone Number"
      >
        <label class="form_label" for="form_2af4c5b0-0305-402e-b3d0-f2ad56aeb1f0"></label>
        <div class="form_responses">
          <input
            type="tel"
            size="32"
            id="form_2af4c5b0-0305-402e-b3d0-f2ad56aeb1f0"
            name="form_2af4c5b0-0305-402e-b3d0-f2ad56aeb1f0"
            value=""
            placeholder="Mobile Phone Number"
            onchange="FW.Phone.Validate(this);"
            autocomplete="off"
            spellcheck="false"
          />
        </div>
      </div>
      <div
        class="form_question form_checkbox form_question_94d5e2ec-1090-481e-80a4-8185647a45f8 form_layout_stacked"
        id="form_question_94d5e2ec-1090-481e-80a4-8185647a45f8"
        style="clear: left;"
        data-id="94d5e2ec-1090-481e-80a4-8185647a45f8"
        data-type="checkbox"
        data-export="sys:field:phone_consent"
        aria-label="Phone Consent"
      >
        <fieldset id="form_94d5e2ec-1090-481e-80a4-8185647a45f8">
          <div class="form_label"></div>
          <div class="form_responses">
            <div class="form_response">
              <input
                id="form_94d5e2ec-1090-481e-80a4-8185647a45f8_1"
                type="checkbox"
                data-text="Send me event and deadline reminders via text"
                name="form_94d5e2ec-1090-481e-80a4-8185647a45f8"
                value="f8bfb04d-3831-4300-b9ae-67dfedc359ce"
                autocomplete="off"
              /><label for="form_94d5e2ec-1090-481e-80a4-8185647a45f8_1">Send me event and deadline reminders via text</label>
            </div>
          </div>
        </fieldset>
      </div>
      <div class="action form_action" aria-hidden="false">
        <button class="default form_button_submit" type="button">Submit</button>
      </div>
      {% else %}
        Loading...
      {% endif %}
  </div>
</div>