var FrameKinerjaPelayananBelumAdaIsi = `
<div class="card">
    <div class="card-body">
    <div class="row">
        <div class="col-12 text-center">
            <h5>Belum Ada Data</h5>
        </div>
    </div>
    </div>
</div>`;

$('#kinerjaPelayananModal').on('show.bs.modal', function (event) {
$('#isi_kinerja_pelayanan_kondisi').val('');
$('#isi_kinerja_pelayanan_kriteria').val('');
$('#isi_kinerja_pelayanan_akibat').val('');
$('#isi_kinerja_pelayanan_sebab').val('');
$('#isi_kinerja_pelayanan_rekomendasi').val('');
$('#isi_kinerja_pelayanan_top').val('');
});

$('#kinerjaPelayananModal').on('shown.bs.modal', function (event) {
$('#isi_kinerja_pelayanan_kondisi').focus();
});

$('#btn-modal_kinerja_pelayanan').on("click", function() {

$('#lembarkerjapengawasan').append(loadiv);

var isi_kinerja_pelayanan_kondisi = $('#isi_kinerja_pelayanan_kondisi').val();
var isi_kinerja_pelayanan_kriteria = $('#isi_kinerja_pelayanan_kriteria').val();
var isi_kinerja_pelayanan_akibat = $('#isi_kinerja_pelayanan_akibat').val();
var isi_kinerja_pelayanan_sebab = $('#isi_kinerja_pelayanan_sebab').val();
var isi_kinerja_pelayanan_rekomendasi = $('#isi_kinerja_pelayanan_rekomendasi').val();
var isi_kinerja_pelayanan_top = $('#isi_kinerja_pelayanan_top').val();

if ($('#tableKinerjaPelayanan').length){
    $('#tableKinerjaPelayananTbody').append(
        `
        <tr>
            <td class="text-center"></td>
            <td>`+isi_kinerja_pelayanan_kondisi+`</td>
            <td>`+isi_kinerja_pelayanan_kriteria+`</td>
            <td>`+isi_kinerja_pelayanan_akibat+`</td>
            <td>`+isi_kinerja_pelayanan_sebab+`</td>
            <td>`+isi_kinerja_pelayanan_rekomendasi+`</td>
            <td>`+isi_kinerja_pelayanan_top+`</td>
            <td>
            <div class="btn-group">
                <button class="btn btn-primary dropdown-toggle" type="button" data-boundary="window"
                id="ddButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                Aksi
                </button>
                <div class="dropdown-menu" aria-labelledby="ddButton">
                <a class="dropdown-item" href="#">Edit</a>
                <button class="dropdown-item btn-hapus-kinerja_pelayanan" type="button">Hapus</button>
                </div>
            </div>
            </td>
        </tr>
        `
    );
} else {
    $('#frameTableKinerjaPelayanan').html(
        ` <div class="table-responsive">
        <table class="table table-bordered" id="tableKinerjaPelayanan">
            <thead>
            <tr>
                <th style="width:50px;" class="text-center">No</th>
                <th style="min-width:300px;">Kondisi</th>
                <th style="min-width:300px;">Kriteria</th>
                <th style="min-width:300px;">Akibat</th>
                <th style="min-width:300px;">Sebab</th>
                <th style="min-width:300px;">Rekomendasi</th>
                <th style="min-width:300px;">Tanggapan Objek Pemeriksaan</th>
                <th style="min-width:10px;">Aksi</th>
            </tr>
            </thead>
            <tbody id="tableKinerjaPelayananTbody">
            <tr>
                <td class="text-center"></td>
                <td>`+isi_kinerja_pelayanan_kondisi+`</td>
                <td>`+isi_kinerja_pelayanan_kriteria+`</td>
                <td>`+isi_kinerja_pelayanan_akibat+`</td>
                <td>`+isi_kinerja_pelayanan_sebab+`</td>
                <td>`+isi_kinerja_pelayanan_rekomendasi+`</td>
                <td>`+isi_kinerja_pelayanan_top+`</td>
                <td>
                <div class="btn-group">
                    <button class="btn btn-primary dropdown-toggle" type="button" data-boundary="window"
                    id="ddButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                    Aksi
                    </button>
                    <div class="dropdown-menu" aria-labelledby="ddButton">
                    <a class="dropdown-item" href="#">Edit</a>
                    <button class="dropdown-item btn-hapus-kinerja_pelayanan" type="button">Hapus</button>
                    </div>
                </div>
                </td>
            </tr>
            </tbody>
        </table>
        </div>
        `
    );
}

@include('surat-tugas.js.show-kinerja-pelayanan-ajax')
});

$(document).on('click','.btn-hapus-kinerja_pelayanan',function(){

$('#lembarkerjapengawasan').append(loadiv);

$(this).closest("tr").remove();

if ($('#tableKinerjaPelayananTbody tr').length == 0){
@include('surat-tugas.js.show-kinerja-pelayanan-ajax-empty')
$('#frameTableKinerjaPelayanan').html(FrameKinerjaPelayananBelumAdaIsi);
} else {
@include('surat-tugas.js.show-kinerja-pelayanan-ajax')
}
});