$(document).ready(function() {

    tampil_mk();
    // tampil_data_pengajuan();
    $('#table_pengajuan').DataTable();
    // console.log(encodeURI($('#prodi_').html()));

    function tampil_data_pengajuan(kdmk) {
        
        if(kdmk == 'all'){
            var prodi_ = $('#prodi_').html();
            // var prodi__ = prodi_.split('-');
            $.ajax({
                type: 'ajax',
                url: window.location.origin+'/mbkm/staff/get_appmbkm_byKdprodi/'+encodeURI(prodi_),
                async: false,
                dataType: 'json',
                success: function(data) {
                    var html = '';
                    var i;
                    var base_url = window.location.origin;
                    for (i = 0; i < data.length; i++) {
                        html += '<tr>' +
                            '<td>' + (i + 1) + '</td>' +
                            '<td>' + data[i].idmhs + '</td>' +
                            '<td>' + data[i].kdmk + '</td>' +
                            '<td>' + data[i].sks + '</td>' +
                            '<td>' + data[i].kdprodi + '</td>' +
                            '<td>' + data[i].status + '</td>' +
                            '<td>' + data[i].waktu_pengajuan + '</td>' +
                            '<td>' +
                            '<div class="dropdown dropdown-animated scale-left">' +
                            '<button type="button" class="btn btn-success-baru btn-sm dropdown-toggle" data-toggle="dropdown">Action</button>' +
                            '<div class="dropdown-menu">' +
                            '<a href="javascript:;" class="dropdown-item btn tombol-detail" type="button" data="' + data[i].id + '"><i class="mdi mdi-account-edit"></i> Validasi</a>' +
                            // '<a href="' + base_url + '/mbkm/staff/delete_data/' + data[i].kdmk + '" class="dropdown-item btn tombol-hapus" type="button" id="delete-button"><i class="mdi mdi-delete"></i> Delete</a>' +
                            '</div>' +
                            '</div>' +
                            '</td>' +
                            '</tr>';

                    }
                    $('#show_data').html(html);
                }
            });
        } else{
            // var prodi_ = $('#prodi_').html();
            // var prodi__ = prodi_.split('-');
            $.ajax({
                type: 'ajax',
                url: window.location.origin+'/mbkm/staff/get_appmbkm_byKdmk/'+kdmk,
                async: false,
                dataType: 'json',
                success: function(data) {
                    var html = '';
                    var i;
                    var base_url = window.location.origin;
                    for (i = 0; i < data.length; i++) {
                        html += '<tr>' +
                            '<td>' + (i + 1) + '</td>' +
                            '<td>' + data[i].idmhs + '</td>' +
                            '<td>' + data[i].kdmk + '</td>' +
                            '<td>' + data[i].sks + '</td>' +
                            '<td>' + data[i].kdprodi + '</td>' +
                            '<td>' + data[i].status + '</td>' +
                            '<td>' + data[i].waktu_pengajuan + '</td>' +
                            '<td>' +
                            '<div class="dropdown dropdown-animated scale-left">' +
                            '<button type="button" class="btn btn-success-baru btn-sm dropdown-toggle" data-toggle="dropdown">Action</button>' +
                            '<div class="dropdown-menu">' +
                            '<a href="javascript:;" class="dropdown-item btn tombol-detail" type="button" data="' + data[i].id + '"><i class="mdi mdi-account-edit"></i> Validasi</a>' +
                            // '<a href="' + base_url + '/mbkm/staff/delete_data/' + data[i].kdmk + '" class="dropdown-item btn tombol-hapus" type="button" id="delete-button"><i class="mdi mdi-delete"></i> Delete</a>' +
                            '</div>' +
                            '</div>' +
                            '</td>' +
                            '</tr>';

                    }
                    $('#show_data').html(html);
                }
            });
        }
        
    }
    
    //Fungsi tampil option sortir mata Kuliah
    function tampil_mk(){
        var prodi_ = $('#prodi_').html();
        var prodi__ = prodi_.split('-');
        // console.log(prodi__[0]);
        $.ajax({
            type: "GET",
            url: window.location.origin+'/mbkm/staff/get_mbkm_byKdprodi/'+prodi__[0],
            dataType: "json",
            success: function(data)
                    {        
                        for (i = 0; i < data.length; i++) {
                            $('#sortir-mk').append($('<option>', {
                                value: data[i].kdmk,
                                text: data[i].nmmkind+' - '+data[i].kdmk
                            }));
                        }
                    }
        });
    }

    //Fungsi menampilkan hasil sortir Mata Kuliah
    $('#sortir-mk').on('change', function() {
    
        var isi = this.value.split('-');
        // console.log(isi);
        $('#table_pengajuan').DataTable().destroy();
        tampil_data_pengajuan(isi);
        $('#table_pengajuan').DataTable();

    });

    //Fungsi tampil modal detail
    $('#show_data').on('click', '.tombol-detail', function() {
        var id = $(this).attr('data');
        $.ajax({
            type: 'ajax',
            url: window.location.origin+'/mbkm/staff/get_appmbkm_byId/'+id,
            async: false,
            dataType: 'json',
            success: function(data) {
                $('#modal-detail').modal('show');
                var prodi = data[0].kdprodi.split('-');
                $('.form-validasi').attr('action', window.location.origin+'/mbkm/staff/validasi_byid/' + data[0].id);
                $('[name="dt_id"]').text(': '+ data[0].id);
                $('[name="dt_idmhs"]').text(': '+ data[0].idmhs);
                $('#up_idmhs').val(data[0].idmhs);
                $('#up_kdmk').val(data[0].kdmk);
                $('[name="dt_kdmk"]').text(': '+ data[0].kdmk);
                $('[name="dt_sks"]').text(': '+ data[0].sks);
                $('[name="dt_kdprodi"]').text(': '+ prodi[0]);
                $('[name="dt_nmprodi"]').text(': '+ prodi[1]);
                $('[name="dt_waktu_pengajuan"]').text(': '+ data[0].waktu_pengajuan);
                // $('[name="dt_status"]').addClass(jenis);
                $('[name="dt_status"]').text( data[0].status);
                $('[name="konversi"]').val( data[0].konversi);
            }
        });

        
        return false;
    });

// ==========================================================================================================================================================
    

});