cityssm/parking-ticket-system

<div class="modal">
  <div class="modal-background"></div>
  <div class="modal-card">
    <header class="modal-card-head">
      <h3 class="modal-card-title">Add a Status</h3>
      <button class="delete is-close-modal-button" aria-label="close" type="button"></button>
    </header>
    <section class="modal-card-body">
      <form id="form--addStatus">
        <input id="addStatus--ticketId" name="ticketId" type="hidden" />

        <div class="field">
          <label class="label" for="addStatus--statusKey">Status</label>
          <div class="control is-expanded">
            <div class="select is-fullwidth">
              <select id="addStatus--statusKey" name="statusKey" required>
                <option value="">(Select One)</option>
              </select>
            </div>
          </div>
        </div>

        <div class="field is-hidden">
          <label class="label" for="addStatus--statusField"></label>
          <div class="control">
            <input class="input" id="addStatus--statusField" name="statusField" />
          </div>
        </div>

        <div class="field is-hidden">
          <label class="label" for="addStatus--statusField2"></label>
          <div class="control">
            <input class="input" id="addStatus--statusField2" name="statusField2" />
          </div>
        </div>

        <div class="field">
          <label class="label" for="addStatus--statusNote">Notes</label>
          <div class="control">
            <textarea class="textarea" id="addStatus--statusNote" name="statusNote"></textarea>
          </div>
        </div>

        <div class="field is-hidden mb-4">
          <div class="control has-text-right">
            <div class="facheck facheck-fas-checked is-danger has-checked-success facheck-inline">
              <input id="addStatus--resolveTicket" name="resolveTicket" type="checkbox" value="1" />
              <label for="addStatus--resolveTicket">
                Resolve Ticket
              </label>
            </div>
          </div>
        </div>

      </form>
    </section>
    <footer class="modal-card-foot justify-flex-end">
      <button class="button is-close-modal-button" type="button">Cancel</button>
      <button class="button is-success" type="submit" form="form--addStatus">
        <span class="icon is-small"><i class="fas fa-plus" arie-hidden="true"></i></span>
        <span>Add Status</span>
      </button>
    </footer>
  </div>
</div>