public/html/remarkAdd.html
<div class="modal">
<div class="modal-background"></div>
<div class="modal-card">
<header class="modal-card-head">
<p class="modal-card-title">Add a New Remark</p>
<button class="delete is-close-modal-button" aria-label="close"></button>
</header>
<section class="modal-card-body">
<form id="form--addRemark">
<input id="addRemark--organizationID" name="organizationID" type="hidden" />
<div class="field mb-4">
<label class="label" for="addRemark--remark">New Remark</label>
<div class="control">
<textarea class="textarea" id="addRemark--remark" name="remark"></textarea>
</div>
</div>
<div class="field">
<p class="control">
<div class="facheck facheck-fas is-primary">
<input id="addRemark--isImportant" name="isImportant" type="checkbox" />
<label for="addRemark--isImportant">
Mark as Important
</label>
</div>
</p>
</div>
</form>
</section>
<footer class="modal-card-foot justify-flex-end">
<button class="button is-success" type="submit" form="form--addRemark">Add Remark</button>
<button class="button is-close-modal-button" type="button">Cancel</button>
</footer>
</div>
</div>