Как получить модальное подтверждение удаления, показывая данные, используя laravel?

Question

Я хочу получить значение id из моей таблицы или из моей базы данных, когда я пытался удалить одну из строк (одну из данных). Я попытался расширить свой endforeach, и он просто сделал html таким странным. Гм для более подробного объяснения вот мои изображения.

Изображения подтверждают модальные

да, я просто хочу подтвердите пользователя, если он нажал кнопку удаления, он покажет модальное «вы уверены, что хотите удалить это?». Итак, проблема в том, что я не знаю, как получить идентификатор значения при нажатии следующей кнопки удаления из кнопки удаления второй строки, кнопку удаления из кнопки удаления третьей строки, кнопку удаления из кнопки удаления четвертой строки (если есть строка ниже) и т. д.

вот мой модальный код

Модальное удаление

<div class="m-2">
<div  class="modal fade h-50" id="modalDelete" tabindex="-1" role="dialog" aria- 
    labelledby="deleteModal" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="deleteModal">Change Department Status</h5>
            </div>
            <div class="modal-body">
                <p id="question">Are You sure want to delete {{$ideaprogram[0]->showidea_id}}?</p>
            </div>
            <div class="modal-footer">
                <a id="deleteData">
                    <button type="button" class="btn btn-success">Yes</button>
                </a>
                <button type="button" class="btn btn-danger" data-dismiss="modal">No</button>
            </div>
        </div>
    </div>
</div>
</div>

Я просто делаю значение индекса $ideaprogram[0]->showidea_id вот так. Используя ноль (0) жесткий код. например, если я хочу удалить следующий (следующий индекс), который равен 1, как я могу изменить его значение на 1 или изменить его на 2, если я хочу удалить следующий индекс и так далее. По сути, я хочу, чтобы функция больше походила на то, когда я нажимал кнопку удаления из какой-то строки, она будет показывать программу id из этой строки. Я использую laravel и php на данный момент. Я не знаю, как это сделать. Кто-нибудь может мне помочь?

Answer 1

Я все время так использую.

<td>

    <ul style="list-style-type: none;">
          <li><i class="fa fa-edit"></i> <a href="{{ url('') }}/en/admin/role/edit/{{ $role->id }}"> Edit </a></li>
          <li><i class="fa fa-trash"></i>
          <button data-toggle="modal" data-target="#modal{{ $role->id }}">Delete</button>
          </li>
    </ul>

</td>

<!-- Modal -->
<div class="modal fade" id="modal{{ $role->id }}" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
   <div class="modal-dialog" role="document">
      <div class="modal-content">
          <div class="modal-header bg-danger">
              <h5 class="modal-title" id="exampleModalLabel">You are about to delete the role {{ $role->title }}</h5>
              <button type="button" class="close" data-dismiss="modal" aria-label="Close">
              <span aria-hidden="true">&times;</span>
              </button>
          </div>
          <div class="modal-body text-danger">Once you delete, it cannot be undone.
          </div>
          <div class="modal-footer">
               <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
               <form method="POST" action="{{ url('') }}/en/admin/role/delete/{{ $role->id }}">
                    {{ method_field('delete') }}
                    {{ csrf_field() }}
                    <button type="submit" class="btn btn-danger">Confirm</button>
               </form>
          </div>
       </div>
    </div>
 </div>

Answer 2

Установить данные в модальном режиме при нажатии кнопки удаления:

при условии, что вы показываете свои данные в таблице, затем присвойте атрибуту data-programid кнопку удаления.

@foreach($programs as $program)
<tr>
<td>{{$program->name}}</td>
<td><button class="btn btn-danger deleteProgram" data-programid="{{$program->id}}">Delete</button></td>  
</tr>
@endforeach

теперь мы установили данные в модальном и шоу модальном режимах, когда пользователь нажимает кнопку класса deleteProgram javascript

<script>
$(document).on('click','.deleteProgram',function(){
    var programID=$(this).attr('data-programid');
    $('#app_id').val(programID); 
    $('#question').append(programID+' ?');
    $('#applicantDeleteModal').modal('show'); 
});
</script>

ваш модальный режим:

<div id="applicantDeleteModal" class="modal modal-danger fade" tabindex="-1" role="dialog" aria-labelledby="custom-width-modalLabel" aria-hidden="true" style="display: none;">
    <div class="modal-dialog" style="width:55%;">
        <div class="modal-content">
             <form action="{{route()}}" method="POST" class="remove-record-model">
               {{ method_field('delete') }}
               {{ csrf_field() }}

            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                <h5 class="modal-title text-center" id="custom-width-modalLabel">Change Department Status</h5>
            </div>
            <div class="modal-body">
                <h4 id="question">Are You sure want to delete </h4>
                <input type="hidden" name="applicant_id" id="app_id">
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default waves-effect" data-dismiss="modal">Close</button>
                <button type="submit" class="btn btn-danger waves-effect remove-data-from-delete-form">Delete</button>
            </div>

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

Answer 3

На самом деле я хочу получить ответ, который даст мне решения, более похожие на AA Noman, поскольку он будет полезен для небольшой строки кода, поэтому я решил, что это возможно, но после того, как попробовал предложенные решения, а не дал мне то, что я хочу, так что я думаю, что могу решить это следующим образом.

скрипт. js

function deleteModal(data){
     document.getElementById('question').innerHTML = `Are you sure to delete ${data.showidea_id} ?`;
     document.getElementById('deleteData').setAttribute('href',`/program_idea/${data.showidea_id}/deleteData`);
     $('#modalDelete').modal('show'); 
}

и мой HTML похож на это

index.blade. php

@foreach($ideaprogram as $dataload)
        <tr>
            <td class="text-center">
                <button type="button" class="btn btn-danger btn-sm deleteProgram" data-toggle="modal" 
                       onclick="deleteModal({{$dataload}})">
                    <i class="far fa-trash-alt"></i>
                </button>
        </tr>
 @endforeach

в любом случае спасибо всем, кто ответит на мои вопросы