cityssm/lottery-licence-manager

<div class="modal">
  <div class="modal-background"></div>
  <div class="modal-card">
    <header class="modal-card-head">
      <p class="modal-card-title">Edit a Remark</p>
      <button class="delete is-close-modal-button" aria-label="close"></button>
    </header>
    <section class="modal-card-body">
      <form id="form--editRemark">
        <input id="editRemark--organizationID" name="organizationID" type="hidden" />
        <input id="editRemark--remarkIndex" name="remarkIndex" type="hidden" />

        <div class="field">
          <label class="label" for="editRemark--remark">Remark</label>
          <div class="control">
            <textarea class="textarea" id="editRemark--remark" name="remark" placeholder="Loading..."></textarea>
          </div>
        </div>

        <div class="columns">
          <div class="column">
            <label class="label" for="editRemark--remarkDateString">Date</label>
            <div class="control">
              <input class="input" id="editRemark--remarkDateString" name="remarkDateString" type="date" required />
            </div>
          </div>
          <div class="column">
            <label class="label" for="editRemark--remarkTimeString">Time</label>
            <div class="control">
              <input class="input" id="editRemark--remarkTimeString" name="remarkTimeString" type="time" required />
            </div>
          </div>
          <div class="column">
            <div class="field">
              <p class="control">
                <div class="facheck facheck-fas is-primary">
                  <input id="editRemark--isImportant" name="isImportant" type="checkbox" />
                  <label for="editRemark--isImportant">
                    Mark as Important
                  </label>
                </div>
              </p>
            </div>
          </div>
        </div>
      </form>
    </section>
    <footer class="modal-card-foot justify-flex-end">
      <button class="button is-success" type="submit" form="form--editRemark">Edit Remark</button>
      <button class="button is-close-modal-button" type="button">Cancel</button>
    </footer>
  </div>
</div>