Обновление данных с использованием модальных Bootstrap в Laravel

Question

Пожалуйста, кто-нибудь может помочь? Я хочу использовать модальное диалоговое окно для обновления данных, особенно для laravel 5, у меня есть данные, отображающие выбранные данные, и я не помещаю построчно (

) пример Я написал в блейде ниже и как отобразить данные в модальном диалоге без массива данных или случайного отображения данных?

здесь блейд для таблицы:

@if(session('notifaction'))
    <div class="alert alert-success" role="alert">
    <button type="button" class="close" data-dismiss="alert">&times;</button>
        {{session('notifaction')}}
    </div>
    @endif
    <div class="row">
        <div class="col-6">
            <h1>Data Kinerja</h1>
        </div>
        <div class="col-6">
            <button type="button" class="btn btn-primary float-right" data-toggle="modal" data-target="#tambahhki">
            + Tambah Data
            </button>
        </div>
        <table class="table table-striped" id="datatable">
            <thead id="headrow">    
                <tr>
                    <th>NAMA</th>
                    <th>JUDUL</th>
                    <th>HKI</th>
                    <th>JENIS</th>
                    <th>STATUS</th>
                    <th id="action">Action</th>
                </tr>
            </thead>
            <tbody>
            @foreach($data_hki as $hki)
                <tr class="datarow">       
                    <td data-nama="{{$hki->nama_dosen}}" class="nama">{{$hki->nama_dosen}} 
                        <br><a class="nidn">NIDN. {{$hki->nidn}}</a></td>
                    <td class="judul">{{$hki->judul}}</td>
                    <td>
                        <a class="nohki"><strong>No HKI. </strong>{{$hki->nohki}}<br></a>
                        <a class="nodaftar"><strong>No Reg. </strong>{{$hki->nodaftar}}</a></td>
                    <td class="jenis">{{$hki->jenis}}</td>
                    <td class="status"><strong>{{$hki->status}}</strong></td>
                    <td>
                        <div class="actionbtn">
                            <button type="button" class="btn btn-success edit" title="Modifier" data-nidn="{{$hki->nidn}}" data-toggle="modal" ><img src="img/media/editw.png" id="del"></button>
                            <button type="button" class="btn btn-danger delete" data-toggle="modal"><img src="img/media/del.png" id="del"></button>
                        </div>
                    </td>
                </tr>
            @endforeach
            </tbody>
        </table>
    </div>

Модальный диалог:

<div class="modal fade" id="edithki" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="modaledit">Update Data</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>                            
            <form action="/kinerja/{{$hki->nidn}}/update" id="editform_{{$hki->nidn}}" method="PATCH">
            {{ csrf_field() }}
                <div class="modal-body editmodal">
                    <div class="form-group row">
                        <div class="col-md-6">
                            <label>NIDN</label>
                            <input name="nidn" id="nidn" type="number" class="form-control" placeholder="NIDN" pattern=".{10,}" required title="wajib di isi minimal 10 angka nidn" value="{{$hki->nidn}}">
                        </div>
                        <div class=col-md-6>
                            <label>Nama Lengkap</label>
                            <input name="nama_dosen" id="nama_dosen" type="text" class="form-control" placeholder="Nama" value="{{$hki->nama_dosen}}">
                        </div>
                    </div>
                    <div class="form-group row">
                        <div class="col-md-6">
                            <label>Judul</label>
                            <input name="judul" id="judul" type="text" class="form-control" placeholder="Judul" value="{{$hki->judul}}" required>
                        </div>
                        <div class="col-md-6">
                                <label>Status</label>
                                <select name="status" id="status" class="form-control" id="status" onChange="disable()">
                                    <option value="Terbit" @if($hki->status == 'Terbit') selected @endif>Terbit</option>
                                    <option value="Progres" @if($hki->status == 'Progres') selected @endif>Progres</option>
                                </select>
                        </div>
                    </div>
                    <div class="form-group row">
                        <div class="col-md-6">
                            <label>No. Daftar</label>
                            <input name="nodaftar" type="text" class="form-control" id="nomordaftar" value="{{$hki->nodaftar}}" placeholder="Nomor Daftar">
                        </div>
                        <div class="col-md-6">
                                <label  >No. HKI</label>
                                <input name="nohki" type="text" class="form-control" id="nomorhki" value="{{$hki->nohki}}" placeholder="Nomor HKI">
                        </div>
                    </div>
                    <div class="form-group row">
                        <div class="col-md-6">
                            <label for="exampleFormControlSelect1">Jenis</label>
                            <select name="jenis" class="form-control" id="jenis">
                                <option value="Hak Cipta" @if($hki->jenis == 'Hak Cipta') selected @endif>Hak Cipta</option>
                                <option value="Paten Sederhana" @if($hki->jenis == 'Paten Sederhana') selected @endif>Paten Sederhana</option>
                            </select>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                        <button type="submit" class="btn btn-primary" id="btnsave">Simpan</button>
                    </div>
                </div>
            </form>                            
        </div>
    </div>
</div>

Кнопка:

<button type="button" class="btn btn-success edit" title="Modifier" data-nidn="{{$hki->nidn}}" data-toggle="modal" ><img src="img/media/editw.png" id="del"></button>

Скрипт:

 <script>
$(document).ready(function(){
   $('.edit').on('click', function(){
   $('#edithki').modal('show');
   $('#nidn').val($(this).data('nidn'));
   $('#nama_dosen').val($(this).data('nama_dosen'));
   $('#judul').val($(this).data('judul'));
   });
});
<script>

Контроллер:

public function showedit($nidn){
    $hki = \App\HKI::find($nidn);
    return view('/kinerja/edit',['hki' -> $hki]);
}
public function update(Request $request, $nidn){
    $hki = \App\HKI::find($nidn);
    $hki -> update($request->all());
    return redirect('/kinerja')->with('notifaction','Data Berhasil Diubah');
}

Не знаю есть идеи написать коды на скрипте