@chahine While the delete should work for that, hitting "Update" should also delete the note, which is not ideal. HTML standards suggest that a form should never be nested inside another form.

For those who are wondering how @JeffreyWay did it here is how:

First he put a form after the current form with this code:

<form method="POST" id="delete-form" action="/note" class="hidden">
     <input type="hidden" name="_method" value="DELETE">
     <input type="hidden" name="id" value="<?= $note['id'] ?>" />
</form>

An important addition to this form is id="delete-form" This will allow the JavaScript on the button to select the form to submit instead of the form the button is nested inside.

Then where you want the button to be use this:

<button type="button" class="text-red-500 mr-auto" onclick="document.querySelector('#delete-form').submit()">Delete</button>

It is important that you add type="button" this will allow you to use the very simple JavaScript he has added. It simply selects the form based on the id and then submits it instead of the form that the button is nested inside.

Updating With PATCH Requests