var FrameManajemenPerkaraBelumAdaIsi = `
<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>`;

$('#manajemenPerkaraModal').on('show.bs.modal', function (event) {
$('#isi_manajemen_perkara_kondisi').val('');
$('#isi_manajemen_perkara_kriteria').val('');
$('#isi_manajemen_perkara_akibat').val('');
$('#isi_manajemen_perkara_sebab').val('');
$('#isi_manajemen_perkara_rekomendasi').val('');
$('#isi_manajemen_perkara_top').val('');
});

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

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

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

var isi_manajemen_perkara_kondisi = $('#isi_manajemen_perkara_kondisi').val();
var isi_manajemen_perkara_kriteria = $('#isi_manajemen_perkara_kriteria').val();
var isi_manajemen_perkara_akibat = $('#isi_manajemen_perkara_akibat').val();
var isi_manajemen_perkara_sebab = $('#isi_manajemen_perkara_sebab').val();
var isi_manajemen_perkara_rekomendasi = $('#isi_manajemen_perkara_rekomendasi').val();
var isi_manajemen_perkara_top = $('#isi_manajemen_perkara_top').val();

if ($('#tableManajemenPerkara').length){
    $('#tableManajemenPerkaraTbody').append(
        `
        <tr>
            <td class="text-center"></td>
            <td>`+isi_manajemen_perkara_kondisi+`</td>
            <td>`+isi_manajemen_perkara_kriteria+`</td>
            <td>`+isi_manajemen_perkara_akibat+`</td>
            <td>`+isi_manajemen_perkara_sebab+`</td>
            <td>`+isi_manajemen_perkara_rekomendasi+`</td>
            <td>`+isi_manajemen_perkara_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-manajemen_perkara" type="button">Hapus</button>
                </div>
            </div>
            </td>
        </tr>
        `
    );
} else {
    $('#frameTableManajemenPerkara').html(
        ` <div class="table-responsive">
        <table class="table table-bordered" id="tableManajemenPerkara">
            <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="tableManajemenPerkaraTbody">
            <tr>
                <td class="text-center"></td>
                <td>`+isi_manajemen_perkara_kondisi+`</td>
                <td>`+isi_manajemen_perkara_kriteria+`</td>
                <td>`+isi_manajemen_perkara_akibat+`</td>
                <td>`+isi_manajemen_perkara_sebab+`</td>
                <td>`+isi_manajemen_perkara_rekomendasi+`</td>
                <td>`+isi_manajemen_perkara_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-manajemen_perkara" type="button">Hapus</button>
                    </div>
                </div>
                </td>
            </tr>
            </tbody>
        </table>
        </div>
        `
    );
}

@include('surat-tugas.js.show-manajemen-perkara-ajax')
});

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

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

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

if ($('#tableManajemenPerkaraTbody tr').length == 0){
@include('surat-tugas.js.show-manajemen-perkara-ajax-empty')
$('#frameTableManajemenPerkara').html(FrameManajemenPerkaraBelumAdaIsi);
} else {
@include('surat-tugas.js.show-manajemen-perkara-ajax')
}
});