Не открывается страница редактирования объекта. Ошибка 404

Кнопка редактирования расположена в модальном окне на главной странице:

<div class="modal fade" id="modal{{$al->id}}" tabindex="-1" aria-labelledby="modalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="modallLabel">{{$al->album_title}}</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <div class="modal-body">
        <p>{{$al->description}}</p>

        <button onclick="{{ route('albums.edit', [$al->id]) }}" type="button" class="btn btn-info">Редактировать</button>
      </div>
    </div>
  </div>
</div>

Web.php:

    Route::get('/albums/{id}/edit', [AlbumsController::class, 'edit']) -> name('albums.edit');

AlbumsController.php :

    public function edit(Integer $id)
    {
        $album = Albums::find($id);
        return view('edit', compact(['album']));
    }

В blade представлении "edit" должен передаться объект с нужным id. Но выпадает ошибка: Symfony\Component\Routing\Exception\RouteNotFoundException Route [albums.edit] not defined.

Я пробовал вызывать не маршрут, а по ссылке, но тогда id не передавался в контроллер, формировалась ссылка, к примеру '/albums/3/edit' и ошибка 404.

Как я могу это исправить?