Как правильно реализовать удаление пункта и форму?

Question

[Jedi]

Как правильно реализовать кнопку "удалить" ?


Вот мой код:

@foreach($roles as $role)
    <tr>
        <th scope="row">{{ $role->id }}</th>
        <td>{{ $role->name }}</td>
        <td>{{ $role->display_name }}</td>
        <td>{{ $role->description }}</td>
        <td>
            <a class="btn btn-info btn-sm" href="{{ route('roles.edit', $role->id) }}">Изменить</a>
            <button type="button" class="btn btn-danger btn-sm" onclick="event.preventDefault();
                                     document.getElementById('delete-form').submit();">Удалить</button>
            <form id="delete-form" action="{{ route('roles.destroy', $role->id) }}" method="post"
                  style="display: none;">

                {{ csrf_token() }}

                {{ method_field('DELETE') }}

            </form>
        </td>
    </tr>
@endforeach

Как это реализовать правильно ?

Спасибо!

Answer 1

[Tesla]

А что конкретно смущает в текущей реализации? Я вот только одну ошибку высмотрел, у всех форм одинаковый id получился "delete-form".

<button type="button" class="btn btn-danger btn-sm" onclick="event.preventDefault(); document.getElementById('delete-form-{{ $role->id }}').submit();">Удалить</button>
    <form id="delete-form-{{ $role->id }}" action="{{ route('roles.destroy', $role->id) }}" method="post">