KCI-KANBAN/app/views/Cards/_modal.asp

<!-- Card create/edit modal -->
<div class="modal fade" id="cardModal" tabindex="-1" aria-labelledby="cardModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-dialog-centered">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="cardModalLabel">Add Card</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
      </div>
      <div class="modal-body">
        <input type="hidden" id="card-id" value="" />
        <input type="hidden" id="card-column-id" value="" />
        <input type="hidden" id="card-lane-id" value="" />

        <div class="mb-3">
          <label for="card-job-number" class="form-label">Job Number</label>
          <input type="text" class="form-control" id="card-job-number" placeholder="e.g. 10042" />
        </div>
        <div class="mb-3">
          <label for="card-job-name" class="form-label">Job Name</label>
          <input type="text" class="form-control" id="card-job-name" placeholder="e.g. Smith Residence" />
        </div>
        <div class="mb-3">
          <label for="card-customer-name" class="form-label">Customer</label>
          <input type="text" class="form-control" id="card-customer-name" />
        </div>
        <div class="row g-2 mb-3">
          <div class="col">
            <label for="card-delivery-date" class="form-label">Delivery Date</label>
            <input type="date" class="form-control" id="card-delivery-date" />
          </div>
          <div class="col">
            <label for="card-quantity" class="form-label">Quantity</label>
            <input type="text" class="form-control" id="card-quantity" />
          </div>
        </div>
        <div class="mb-3">
          <label for="card-notes" class="form-label">Notes</label>
          <textarea class="form-control" id="card-notes" rows="3"></textarea>
        </div>
        <div class="mb-3" id="card-full-note-wrap">
          <label for="card-full-note" class="form-label">PrintStream Notes</label>
          <textarea class="form-control" id="card-full-note" rows="4" readonly></textarea>
        </div>

        <div id="card-modal-error" class="alert alert-danger d-none"></div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal">Cancel</button>
        <button type="button" class="btn btn-danger d-none" id="btn-delete-card">Delete</button>
        <button type="button" class="btn btn-primary" id="btn-save-card">Save</button>
      </div>
    </div>
  </div>
</div>