Tenho um button
que chama um modal para confirmação de exclusão, este esta em uma tabela, cada linha um button
pra excluir o cadastro daquela linha
Porém da maneira que está ele sempre exclui o primeiro item da lista
<button type="button" id="btn-modal" cidadao-id="{{$cidadao->id}}" class="btn-modal" data-toggle="modal" data-target="#modal-default">{{$cidadao->id}}</button>
<div class="modal fade" id="modal-default">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span></button>
<h4 class="modal-title">Confirmação</h4>
</div>
<div class="modal-body">
<p>Deseja realmente excluir o cadastro?</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default pull-left" data-dismiss="modal">Fechar</button>
<form id="formdelete" class="form-vertical" method="POST" action="{{ action('CidadaoController@destroy', $cidadao->id)}}">
@csrf
@method('DELETE')
<button type="submit" class="btn btn-primary">{{$cidadao->id}}</button>
</form>
</div>
</div>
</div>
</div>
Consegui capturar o id correto com JS:
$('.btn-modal').click(function(){
var id = $(this).attr('cidadao-id');
console.log(id);
//document.formdelete.action = "{{ action('CidadaoController@destroy', id)}}";
})
Tentei substituir o action para utilizar o id que capturei, porém não funcionou
Como poderia fazer para deletar o cadastro do id capturado?