laravel csrf in javascript return Срок действия страницы истек из-за неактивности. Пожалуйста, обновите и попробуйте снова

Question

У меня есть код для удаления цикла данных в таблице. это можно использовать и работает.

@foreach ($datasiswa as $a)

<a class="btn btn-info btn-sm" data-toggle="modal" data-target="#aktifMagang{{ $a->id }}"><i class="fa fa-check"></i> Aktifkan Magang</a>
<!-------- start Modal --->
<div id="aktifMagang{{ $a->id }}" class="modal fade" role="dialog">
    <div class="modal-dialog">
        <!-- Modal content-->
        <div class="modal-content">
            <div class="modal-header bg-aqua">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <h4 class="modal-title">Daftarkan Magang</h4>
            </div>
            <div class="modal-body">
                <form action="{{route('magang.odin.akftikanmagang',['id'=>$a->id])}}" method="POST" class="form-horizontal">
                    {{ csrf_field()}} Aktifkan <strong>{{ $a->user->name }}</strong> sebagai peserta magang ?
                    <input type="hidden" name="siswa_id" value="{{ $a->id }}">
                </form>
            </div>
            <div class="modal-footer">
                <button type="submit" class="btn btn-primary">Aktifkan</button>
                <button type="button" class="btn btn-default" data-dismiss="modal">Batal</button>
            </div>
        </div>
    </div>
</div>
@endforeach

но результаты сделают все данные модальными. если у меня есть 100 данных, то должно быть 100 модальных.

Есть ли способ сделать его одним модальным?

ищет ... и я нашел это.

@foreach ($datasiswa as $a)
<a class="btn btn-info btn-sm"data-toggle="modal" data-target="#aktifMagang" data-siswaid="{{ $a->id }}"><i class="fa fa-check"></i> Aktifkan Magang
</a><br /> 
@endforeach

тогда

<div id="aktifMagang" class="modal fade" role="dialog">
    <div class="modal-dialog">
        <!-- Modal content-->
        <div class="modal-content">
            <div class="modal-header bg-aqua">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <h4 class="modal-title">Daftarkan Magang</h4>
            </div>
            <div class="modal-body">
                <form action="{{route('magang.odin.akftikanmagang',['id'=>$a->id])}}" method="POST" class="form-horizontal">
                    Aktifkan <strong class="namasiswa"></strong> sebagai peserta magang ?
                    <input type="hidden" name="siswa_id" value="">
                </form>
            </div>
            <div class="modal-footer">
                <button type="submit" class="btn btn-primary">Aktifkan</button>
                <button type="button" class="btn btn-default" data-dismiss="modal">Batal</button>
            </div>
        </div>
    </div>
</div>

затем добавьте еще

<script>
  $('#aktifMagang').on('show.bs.modal', function(event) {
    var button = $(event.relatedTarget) 
    var recipient = button.data('siswaid') 
    var modal = $(this)
    modal.find('.namasiswa').text(namasiswa)
    modal.find('.modal-body input').val(recipient)
  })
</script>

но Срок действия страницы истек из-за неактивности. Пожалуйста, обновите и попробуйте снова