How do I save edits from a modal and save in db with same id

See more:

PHP

I am trying to created a function to edit notes. say for example a user post a note and later wants to edit it. the supposed to click the edit button corresponding to the note and then the modal opens with the note in edit mode

please note i am using the php Laravel framework

What I have tried:

here is my code

My route:

Route::put('save-edits/{note_id}', [NotesController::class, 'saveEdits']) -> name('saveEdits');

My controller: Notescontroller

public function saveEdits(Request $request, $note_id)
{
    $noteContent = $request->input('note_content');

    $note = notes::find($note_id);

    if (!$note) {
        return response()->json(['error' => 'Note not found!'], 404);
    } 
   
    $note->note = $noteContent;
    $note->save();
    

    return view('modal', ['note' => $note]);

}

my html the modal

<div class="modal fade" id="noteModal">
                                      <div class="modal-dialog" role="document">
                                          <div class="modal-content">
                                              <div class="modal-header">
                                                  <h5 class="modal-title">Edit Notes</h5>
                                                  <button type="button" class="close" data-dismiss="modal"><span>×</span>
                                                  </button>
                                              </div>

                                              <div class="modal-body">



                                              <form method="PUT" id="saveEditsForm"  action="{{ route('save-edits', ['note_id' => $note->note_id]) }}" >


                                              @method('PUT')
                                              @csrf

                                     <textarea name="note_content" id="noteContent" cols="30" rows="5" class="form-control bg-transparent" title="Please edit your note" required> </textarea>


                                              <div class="modal-footer">
                                                  <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                                                  <button type="submit" class="btn btn-primary" >Save changes</button>
                                              </div>
                                              </form>


                                          </div>
                                      </div>
                                  </div>

                                  </div>