$(document).ready(function() {

    cek_status();

    // fungsi untuk membatasi pemilihan fakultas bagi role WD
    function cek_status() {
        var status = $('#status_').html();
        
            $('#sortir_data_fak')
            .find('option')
            .remove()
            .end()
            .append('<option value="" disabled selected>-- Sortir Fakultas --</option>');
            
            $('#sortir_data_prodi')
            .find('option')
            .remove()
            .end()
            .append('<option value="" disabled selected>-- Sortir Fakultas --</option>');
            
            $.ajax({
                type: 'GET',
                url: window.location.origin + '/kaprodi/get_fakultas',
                dataType: 'json',
                success: function(data) {
                    // console.log(data);
                    $('#sortir_data_fak').append('<option value="fak-'+data+'">'+data+'</option>');
                }
            });

            $.ajax({
                type: 'GET',
                url: window.location.origin + '/kaprodi/get_prodi',
                dataType: 'json',
                success: function(data) {
                    // console.log(data);
                    $('#sortir_data_prodi').append('<option value="prod-'+data[i].nmprodi+'">'+data[i].nmprodi+'</option>');  
                }
            });
        
    }

    $('#sortir_data_fak').on('change',function(){
        $('.judul-tabel-prod').html('');
        $('.judul-tabel-sms').html('');
        $('.judul-tabel-tgl').html('');
        $('.judul-tabel-mg').html('');
        var param = this.value;
        $('.judul-tabel-fak').html('Fakultas '+param.split('-')[1]);
        $('#sortir_data_prodi').val('');
        $('#sortir_data_semester').val('');
        $('#sortir_data_tahun').val('');
        $('#sortir_data_bulan').val('');
        $('#sortir_data_minggu').val('');
        $('#sortir_data_bulan').prop('disabled',true);
        $('#sortir_data_minggu').prop('disabled',true);
        
        if(param != ''){
            $('#table_dhmd').DataTable().destroy();
            tampil_data_item(param);
            $('#table_dhmd').DataTable();
        }
    });

    $('#sortir_data_prodi').on('change',function(){
        $('.judul-tabel-fak').html('');
        $('.judul-tabel-sms').html('');
        $('.judul-tabel-tgl').html('');
        $('.judul-tabel-mg').html('');
        var param = this.value;
        $('.judul-tabel-prod').html('Prodi '+param.split('-')[1]);
        $('#sortir_data_fak').val('');
        $('#sortir_data_semester').val('');
        $('#sortir_data_tahun').val('');
        $('#sortir_data_bulan').val('');
        $('#sortir_data_minggu').val('');
        $('#sortir_data_bulan').prop('disabled',true);
        $('#sortir_data_minggu').prop('disabled',true);
        
        if(param != ''){
            $('#table_dhmd').DataTable().destroy();
            tampil_data_item(param);
            $('#table_dhmd').DataTable();
        }
    });
    
    $('#sortir_data_semester').on('change',function(){
        $('.judul-tabel-tgl').html('');
        $('.judul-tabel-mg').html('');
        var param = this.value;
        var tahun = param.substring(4, 8);
        if(param.substring(8, 9) == '1'){
            var gg = 'Ganjil';
        }else if(param.substring(8, 9) == '2'){
            var gg = 'Genap';
        }
        $('.judul-tabel-sms').html('Tahun '+tahun+' Semester '+gg);
        $('#sortir_data_tahun').val('');
        $('#sortir_data_bulan').val('');
        $('#sortir_data_minggu').val('');
        $('#sortir_data_bulan').prop('disabled',true);
        $('#sortir_data_minggu').prop('disabled',true);

        if(param != ''){
            $('#table_dhmd').DataTable().destroy();
            tampil_data_item(param);
            $('#table_dhmd').DataTable();
        }
    });

    $('#sortir_data_tahun').on('change',function(){
        var param = this.value;
        $('.judul-tabel-mg').html('');
        $('.judul-tabel-tgl').html('');
        $('.judul-tabel-tgl').html(param.split('-')[1]);
        $('.judul-tabel-sms').html('');
        $('#sortir_data_semester').val('');
        $('#sortir_data_bulan').val('');
        $('#sortir_data_bulan').prop('disabled',false);
        $('#sortir_data_minggu').val('');
        $('#sortir_data_minggu').prop('disabled',true);
        
        if(param != ''){
            $('#table_dhmd').DataTable().destroy();
            tampil_data_item(param);
            $('#table_dhmd').DataTable();
        }
    });

    $('#sortir_data_bulan').on('change',function(){
        var param = this.value;
        $('.judul-tabel-mg').html('');
        switch (param.split('-')[1]) {
            case '01':
                var bulan = 'Januari';
                break;
            case '02':
                var bulan = 'Februari';
                break;
            case '03':
                var bulan = 'Maret';
                break;
            case '04':
                var bulan = 'April';
                break;
            case '05':
                var bulan = 'Mei';
                break;
            case '06':
                var bulan = 'Juni';
                break;
            case '07':
                var bulan = 'Juli';
                break;
            case '08':
                var bulan = 'Agustus';
                break;
            case '09':
                var bulan = 'September';
                break;
            case '10':
                var bulan = 'Oktober';
                break;
            case '11':
                var bulan = 'November';
                break;
            case '12':
                var bulan = 'Desember';
                break;
        
            default:
                break;
        }
        $('.judul-tabel-tgl').html(bulan+' '+$('#sortir_data_tahun').val().split('-')[1]);
        $('#sortir_data_semester').val('');
        $('#sortir_data_minggu').val('');
        $('#sortir_data_minggu').prop('disabled',false);

        if(param != ''){
            $('#table_dhmd').DataTable().destroy();
            tampil_data_item(param);
            $('#table_dhmd').DataTable();
        }
    });

    $('#sortir_data_minggu').on('change',function(){
        var param = this.value;
        $('.judul-tabel-mg').html('Minggu ke-'+param.substring(3, 4));
        $('#sortir_data_semester').val('');
        
        if(param != ''){
            $('#table_dhmd').DataTable().destroy();
            tampil_data_item(param);
            $('#table_dhmd').DataTable();
        }
    });

    $('#reset-filter').on('click',function(){
        $('.judul-tabel-fak').html('');
        $('.judul-tabel-prod').html('');
        $('.judul-tabel-sms').html('');
        $('.judul-tabel-tgl').html('');
        
        $('#sortir_data_prodi').val('');
        $('#sortir_data_fak').val('');
        $('#sortir_data_semester').val('');
        $('#sortir_data_tahun').val('');
        $('#sortir_data_bulan').val('');
        $('#sortir_data_bulan').prop('disabled',true);
        $('#sortir_data_minggu').val('');
        $('#sortir_data_minggu').prop('disabled',true);
        
        $('#show_data').html('');
    });

    $('#button-cetak').on('click',function(){
        // Percobaan 1. Kirim parameter melalui URL
        var fak = $('#sortir_data_fak').val();
        var prod = $('#sortir_data_prodi').val();
        var tahun = $('#sortir_data_tahun').val();
        var bulan = $('#sortir_data_bulan').val();
        var minggu = $('#sortir_data_minggu').val();
        var sms = $('#sortir_data_semester').val();
        $('#button-cetak').attr('href',window.location.origin+'/kaprodi/cetak'+'/'+fak+'/'+prod+'/'+tahun+'/'+bulan+'/'+minggu+'/'+sms);
    });

    function tampil_data_item(param) {
        $.ajax({
            type: 'ajax',
            url: window.location.origin + '/kaprodi/get_dhmd',
            async: false,
            dataType: 'json',
            success: function(data) {
                var html = '';
                var i;
                var count = 1;
                var p = param.split('-');
                var fak = $('#sortir_data_fak').val();
                var prod = $('#sortir_data_prodi').val();

                for (i = 0; i < data.length; i++) {
                    var pisah_tgl = data[i].created_at.split('-');
                    if(p[0] == 'fak'){
                        if (data[i].fakultas == p[1]) {
                            html += '<tr>' +
                            '<td>' + (count++) + '</td>' +
                            '<td>' + data[i].nama_dosen + '</td>' +
                            '<td>' + data[i].matkul + '</td>' +
                            '<td>' + data[i].jadwal + '</td>' +
                            '<td>' + data[i].materi + '</td>' +
                            '<td>' + data[i].pertemuan + '</td>' +
                            '<td>' + data[i].jmlabsen + '</td>' +
                            '<td>' + data[i].prodi + '</td>' +
                            '<td>' + data[i].fakultas + '</td>' +
                            '<td>' +
                            '<div class="dropdown dropdown-animated scale-left">' +
                            '<button type="button" class="btn btn-success 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> Detail</a>' +
                            '</div>' +
                            '</div>' +
                            '</td>' +
                            '</tr>';
                        }
                    }else if(p[0] == 'prod'){
                        if (data[i].prodi == p[1]) {
                            html += '<tr>' +
                            '<td>' + (count++) + '</td>' +
                            '<td>' + data[i].nama_dosen + '</td>' +
                            '<td>' + data[i].matkul + '</td>' +
                            '<td>' + data[i].jadwal + '</td>' +
                            '<td>' + data[i].materi + '</td>' +
                            '<td>' + data[i].pertemuan + '</td>' +
                            '<td>' + data[i].jmlabsen + '</td>' +
                            '<td>' + data[i].prodi + '</td>' +
                            '<td>' + data[i].fakultas + '</td>' +
                            '<td>' +
                            '<div class="dropdown dropdown-animated scale-left">' +
                            '<button type="button" class="btn btn-success 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> Detail</a>' +
                            '</div>' +
                            '</div>' +
                            '</td>' +
                            '</tr>';
                        }
                    }else if(p[0] == 'sms'){
                        if(fak){
                            var pFak = fak.split('-');
                            if (data[i].kdstsemester == p[1] && data[i].fakultas == pFak[1]) {
                                html += '<tr>' +
                                '<td>' + (count++) + '</td>' +
                                '<td>' + data[i].nama_dosen + '</td>' +
                                '<td>' + data[i].matkul + '</td>' +
                                '<td>' + data[i].jadwal + '</td>' +
                                '<td>' + data[i].materi + '</td>' +
                                '<td>' + data[i].pertemuan + '</td>' +
                                '<td>' + data[i].jmlabsen + '</td>' +
                                '<td>' + data[i].prodi + '</td>' +
                                '<td>' + data[i].fakultas + '</td>' +
                                '<td>' +
                                '<div class="dropdown dropdown-animated scale-left">' +
                                '<button type="button" class="btn btn-success 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> Detail</a>' +
                                '</div>' +
                                '</div>' +
                                '</td>' +
                                '</tr>';
                            }
                        }else if(prod){
                            var pProd = prod.split('-');
                            if (data[i].kdstsemester == p[1] && data[i].prodi == pProd[1]) {
                                html += '<tr>' +
                                '<td>' + (count++) + '</td>' +
                                '<td>' + data[i].nama_dosen + '</td>' +
                                '<td>' + data[i].matkul + '</td>' +
                                '<td>' + data[i].jadwal + '</td>' +
                                '<td>' + data[i].materi + '</td>' +
                                '<td>' + data[i].pertemuan + '</td>' +
                                '<td>' + data[i].jmlabsen + '</td>' +
                                '<td>' + data[i].prodi + '</td>' +
                                '<td>' + data[i].fakultas + '</td>' +
                                '<td>' +
                                '<div class="dropdown dropdown-animated scale-left">' +
                                '<button type="button" class="btn btn-success 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> Detail</a>' +
                                '</div>' +
                                '</div>' +
                                '</td>' +
                                '</tr>';
                            }
                        }else {
                            if (data[i].kdstsemester == p[1]) {
                                html += '<tr>' +
                                '<td>' + (count++) + '</td>' +
                                '<td>' + data[i].nama_dosen + '</td>' +
                                '<td>' + data[i].matkul + '</td>' +
                                '<td>' + data[i].jadwal + '</td>' +
                                '<td>' + data[i].materi + '</td>' +
                                '<td>' + data[i].pertemuan + '</td>' +
                                '<td>' + data[i].jmlabsen + '</td>' +
                                '<td>' + data[i].prodi + '</td>' +
                                '<td>' + data[i].fakultas + '</td>' +
                                '<td>' +
                                '<div class="dropdown dropdown-animated scale-left">' +
                                '<button type="button" class="btn btn-success 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> Detail</a>' +
                                '</div>' +
                                '</div>' +
                                '</td>' +
                                '</tr>';
                            }
                        }
                    }else if(p[0] == 'thn'){
                        if(fak){
                            var pFak = fak.split('-');
                            if (pisah_tgl[0] == p[1] && data[i].fakultas == pFak[1]) {
                                html += '<tr>' +
                                '<td>' + (count++) + '</td>' +
                                '<td>' + data[i].nama_dosen + '</td>' +
                                '<td>' + data[i].matkul + '</td>' +
                                '<td>' + data[i].jadwal + '</td>' +
                                '<td>' + data[i].materi + '</td>' +
                                '<td>' + data[i].pertemuan + '</td>' +
                                '<td>' + data[i].jmlabsen + '</td>' +
                                '<td>' + data[i].prodi + '</td>' +
                                '<td>' + data[i].fakultas + '</td>' +
                                '<td>' +
                                '<div class="dropdown dropdown-animated scale-left">' +
                                '<button type="button" class="btn btn-success 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> Detail</a>' +
                                '</div>' +
                                '</div>' +
                                '</td>' +
                                '</tr>';
                            }
                        }else if(prod){
                            var pProd = prod.split('-');
                            if (pisah_tgl[0] == p[1] && data[i].prodi == pProd[1]) {
                                html += '<tr>' +
                                '<td>' + (count++) + '</td>' +
                                '<td>' + data[i].nama_dosen + '</td>' +
                                '<td>' + data[i].matkul + '</td>' +
                                '<td>' + data[i].jadwal + '</td>' +
                                '<td>' + data[i].materi + '</td>' +
                                '<td>' + data[i].pertemuan + '</td>' +
                                '<td>' + data[i].jmlabsen + '</td>' +
                                '<td>' + data[i].prodi + '</td>' +
                                '<td>' + data[i].fakultas + '</td>' +
                                '<td>' +
                                '<div class="dropdown dropdown-animated scale-left">' +
                                '<button type="button" class="btn btn-success 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> Detail</a>' +
                                '</div>' +
                                '</div>' +
                                '</td>' +
                                '</tr>';
                            }
                        }else {
                            if (pisah_tgl[0] == p[1]) {
                                html += '<tr>' +
                                '<td>' + (count++) + '</td>' +
                                '<td>' + data[i].nama_dosen + '</td>' +
                                '<td>' + data[i].matkul + '</td>' +
                                '<td>' + data[i].jadwal + '</td>' +
                                '<td>' + data[i].materi + '</td>' +
                                '<td>' + data[i].pertemuan + '</td>' +
                                '<td>' + data[i].jmlabsen + '</td>' +
                                '<td>' + data[i].prodi + '</td>' +
                                '<td>' + data[i].fakultas + '</td>' +
                                '<td>' +
                                '<div class="dropdown dropdown-animated scale-left">' +
                                '<button type="button" class="btn btn-success 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> Detail</a>' +
                                '</div>' +
                                '</div>' +
                                '</td>' +
                                '</tr>';
                            }
                        }
                    }else if(p[0] == 'bln'){
                        var tahun = $('#sortir_data_tahun').val();
                        var pTahun = tahun.split('-');
                        if(fak){
                            var pFak = fak.split('-');
                            if (pisah_tgl[0] == pTahun[1] && pisah_tgl[1] == p[1] && data[i].fakultas == pFak[1]) {
                                html += '<tr>' +
                                '<td>' + (count++) + '</td>' +
                                '<td>' + data[i].nama_dosen + '</td>' +
                                '<td>' + data[i].matkul + '</td>' +
                                '<td>' + data[i].jadwal + '</td>' +
                                '<td>' + data[i].materi + '</td>' +
                                '<td>' + data[i].pertemuan + '</td>' +
                                '<td>' + data[i].jmlabsen + '</td>' +
                                '<td>' + data[i].prodi + '</td>' +
                                '<td>' + data[i].fakultas + '</td>' +
                                '<td>' +
                                '<div class="dropdown dropdown-animated scale-left">' +
                                '<button type="button" class="btn btn-success 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> Detail</a>' +
                                '</div>' +
                                '</div>' +
                                '</td>' +
                                '</tr>';
                            }
                        }else if(prod){
                            var pProd = prod.split('-');
                            if (pisah_tgl[0] == pTahun[1] && pisah_tgl[1] == p[1] && data[i].prodi == pProd[1]) {
                                html += '<tr>' +
                                '<td>' + (count++) + '</td>' +
                                '<td>' + data[i].nama_dosen + '</td>' +
                                '<td>' + data[i].matkul + '</td>' +
                                '<td>' + data[i].jadwal + '</td>' +
                                '<td>' + data[i].materi + '</td>' +
                                '<td>' + data[i].pertemuan + '</td>' +
                                '<td>' + data[i].jmlabsen + '</td>' +
                                '<td>' + data[i].prodi + '</td>' +
                                '<td>' + data[i].fakultas + '</td>' +
                                '<td>' +
                                '<div class="dropdown dropdown-animated scale-left">' +
                                '<button type="button" class="btn btn-success 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> Detail</a>' +
                                '</div>' +
                                '</div>' +
                                '</td>' +
                                '</tr>';
                            }
                        }else{
                            if (pisah_tgl[0] == pTahun[1] && pisah_tgl[1] == p[1]) {
                                html += '<tr>' +
                                '<td>' + (count++) + '</td>' +
                                '<td>' + data[i].nama_dosen + '</td>' +
                                '<td>' + data[i].matkul + '</td>' +
                                '<td>' + data[i].jadwal + '</td>' +
                                '<td>' + data[i].materi + '</td>' +
                                '<td>' + data[i].pertemuan + '</td>' +
                                '<td>' + data[i].jmlabsen + '</td>' +
                                '<td>' + data[i].prodi + '</td>' +
                                '<td>' + data[i].fakultas + '</td>' +
                                '<td>' +
                                '<div class="dropdown dropdown-animated scale-left">' +
                                '<button type="button" class="btn btn-success 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> Detail</a>' +
                                '</div>' +
                                '</div>' +
                                '</td>' +
                                '</tr>';
                            }
                        }
                    }
                    else if(p[0] == 'mg'){
                        var tahun = $('#sortir_data_tahun').val();
                        var pTahun = tahun.split('-');
                        var bulan = $('#sortir_data_bulan').val();
                        var pBulan = bulan.split('-');
                        if (pisah_tgl[0] == pTahun[1] && pisah_tgl[1] == pBulan[1]) {
                            if(fak){
                                var pFak = fak.split('-');
                                if(data[i].fakultas == pFak[1] && p[1] == '1' && (pisah_tgl[2] >= 01 && pisah_tgl[2] <= 07)){
                                    html += '<tr>' +
                                    '<td>' + (count++) + '</td>' +
                                    '<td>' + data[i].nama_dosen + '</td>' +
                                    '<td>' + data[i].matkul + '</td>' +
                                    '<td>' + data[i].jadwal + '</td>' +
                                    '<td>' + data[i].materi + '</td>' +
                                    '<td>' + data[i].pertemuan + '</td>' +
                                    '<td>' + data[i].jmlabsen + '</td>' +
                                    '<td>' + data[i].prodi + '</td>' +
                                    '<td>' + data[i].fakultas + '</td>' +
                                    '<td>' +
                                    '<div class="dropdown dropdown-animated scale-left">' +
                                    '<button type="button" class="btn btn-success 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> Detail</a>' +
                                    '</div>' +
                                    '</div>' +
                                    '</td>' +
                                    '</tr>';
                                }else if(data[i].fakultas == pFak[1] && p[1] == '2' && (pisah_tgl[2] >= 08 && pisah_tgl[2] <= 14)){
                                    html += '<tr>' +
                                    '<td>' + (count++) + '</td>' +
                                    '<td>' + data[i].nama_dosen + '</td>' +
                                    '<td>' + data[i].matkul + '</td>' +
                                    '<td>' + data[i].jadwal + '</td>' +
                                    '<td>' + data[i].materi + '</td>' +
                                    '<td>' + data[i].pertemuan + '</td>' +
                                    '<td>' + data[i].jmlabsen + '</td>' +
                                    '<td>' + data[i].prodi + '</td>' +
                                    '<td>' + data[i].fakultas + '</td>' +
                                    '<td>' +
                                    '<div class="dropdown dropdown-animated scale-left">' +
                                    '<button type="button" class="btn btn-success 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> Detail</a>' +
                                    '</div>' +
                                    '</div>' +
                                    '</td>' +
                                    '</tr>';
                                }else if(data[i].fakultas == pFak[1] && p[1] == '3' && (pisah_tgl[2] >= 15 && pisah_tgl[2] <= 21)){
                                    html += '<tr>' +
                                    '<td>' + (count++) + '</td>' +
                                    '<td>' + data[i].nama_dosen + '</td>' +
                                    '<td>' + data[i].matkul + '</td>' +
                                    '<td>' + data[i].jadwal + '</td>' +
                                    '<td>' + data[i].materi + '</td>' +
                                    '<td>' + data[i].pertemuan + '</td>' +
                                    '<td>' + data[i].jmlabsen + '</td>' +
                                    '<td>' + data[i].prodi + '</td>' +
                                    '<td>' + data[i].fakultas + '</td>' +
                                    '<td>' +
                                    '<div class="dropdown dropdown-animated scale-left">' +
                                    '<button type="button" class="btn btn-success 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> Detail</a>' +
                                    '</div>' +
                                    '</div>' +
                                    '</td>' +
                                    '</tr>';
                                }else if(data[i].fakultas == pFak[1] && p[1] == '4' && (pisah_tgl[2] >= 22 && pisah_tgl[2] <= 31)){
                                    html += '<tr>' +
                                    '<td>' + (count++) + '</td>' +
                                    '<td>' + data[i].nama_dosen + '</td>' +
                                    '<td>' + data[i].matkul + '</td>' +
                                    '<td>' + data[i].jadwal + '</td>' +
                                    '<td>' + data[i].materi + '</td>' +
                                    '<td>' + data[i].pertemuan + '</td>' +
                                    '<td>' + data[i].jmlabsen + '</td>' +
                                    '<td>' + data[i].prodi + '</td>' +
                                    '<td>' + data[i].fakultas + '</td>' +
                                    '<td>' +
                                    '<div class="dropdown dropdown-animated scale-left">' +
                                    '<button type="button" class="btn btn-success 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> Detail</a>' +
                                    '</div>' +
                                    '</div>' +
                                    '</td>' +
                                    '</tr>';
                                }
                            }else if(prod){
                                var pProd = prod.split('-');
                                if(data[i].prodi == pProd[1] && p[1] == '1' && (pisah_tgl[2] >= 01 && pisah_tgl[2] <= 07)){
                                    html += '<tr>' +
                                    '<td>' + (count++) + '</td>' +
                                    '<td>' + data[i].nama_dosen + '</td>' +
                                    '<td>' + data[i].matkul + '</td>' +
                                    '<td>' + data[i].jadwal + '</td>' +
                                    '<td>' + data[i].materi + '</td>' +
                                    '<td>' + data[i].pertemuan + '</td>' +
                                    '<td>' + data[i].jmlabsen + '</td>' +
                                    '<td>' + data[i].prodi + '</td>' +
                                    '<td>' + data[i].fakultas + '</td>' +
                                    '<td>' +
                                    '<div class="dropdown dropdown-animated scale-left">' +
                                    '<button type="button" class="btn btn-success 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> Detail</a>' +
                                    '</div>' +
                                    '</div>' +
                                    '</td>' +
                                    '</tr>';
                                }else if(data[i].prodi == pProd[1] && p[1] == '2' && (pisah_tgl[2] >= 08 && pisah_tgl[2] <= 14)){
                                    html += '<tr>' +
                                    '<td>' + (count++) + '</td>' +
                                    '<td>' + data[i].nama_dosen + '</td>' +
                                    '<td>' + data[i].matkul + '</td>' +
                                    '<td>' + data[i].jadwal + '</td>' +
                                    '<td>' + data[i].materi + '</td>' +
                                    '<td>' + data[i].pertemuan + '</td>' +
                                    '<td>' + data[i].jmlabsen + '</td>' +
                                    '<td>' + data[i].prodi + '</td>' +
                                    '<td>' + data[i].fakultas + '</td>' +
                                    '<td>' +
                                    '<div class="dropdown dropdown-animated scale-left">' +
                                    '<button type="button" class="btn btn-success 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> Detail</a>' +
                                    '</div>' +
                                    '</div>' +
                                    '</td>' +
                                    '</tr>';
                                }else if(data[i].prodi == pProd[1] && p[1] == '3' && (pisah_tgl[2] >= 15 && pisah_tgl[2] <= 21)){
                                    html += '<tr>' +
                                    '<td>' + (count++) + '</td>' +
                                    '<td>' + data[i].nama_dosen + '</td>' +
                                    '<td>' + data[i].matkul + '</td>' +
                                    '<td>' + data[i].jadwal + '</td>' +
                                    '<td>' + data[i].materi + '</td>' +
                                    '<td>' + data[i].pertemuan + '</td>' +
                                    '<td>' + data[i].jmlabsen + '</td>' +
                                    '<td>' + data[i].prodi + '</td>' +
                                    '<td>' + data[i].fakultas + '</td>' +
                                    '<td>' +
                                    '<div class="dropdown dropdown-animated scale-left">' +
                                    '<button type="button" class="btn btn-success 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> Detail</a>' +
                                    '</div>' +
                                    '</div>' +
                                    '</td>' +
                                    '</tr>';
                                }else if(data[i].prodi == pProd[1] && p[1] == '4' && (pisah_tgl[2] >= 22 && pisah_tgl[2] <= 31)){
                                    html += '<tr>' +
                                    '<td>' + (count++) + '</td>' +
                                    '<td>' + data[i].nama_dosen + '</td>' +
                                    '<td>' + data[i].matkul + '</td>' +
                                    '<td>' + data[i].jadwal + '</td>' +
                                    '<td>' + data[i].materi + '</td>' +
                                    '<td>' + data[i].pertemuan + '</td>' +
                                    '<td>' + data[i].jmlabsen + '</td>' +
                                    '<td>' + data[i].prodi + '</td>' +
                                    '<td>' + data[i].fakultas + '</td>' +
                                    '<td>' +
                                    '<div class="dropdown dropdown-animated scale-left">' +
                                    '<button type="button" class="btn btn-success 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> Detail</a>' +
                                    '</div>' +
                                    '</div>' +
                                    '</td>' +
                                    '</tr>';
                                }
                            }else{
                                if(p[1] == '1' && (pisah_tgl[2] >= 01 && pisah_tgl[2] <= 07)){
                                    html += '<tr>' +
                                    '<td>' + (count++) + '</td>' +
                                    '<td>' + data[i].nama_dosen + '</td>' +
                                    '<td>' + data[i].matkul + '</td>' +
                                    '<td>' + data[i].jadwal + '</td>' +
                                    '<td>' + data[i].materi + '</td>' +
                                    '<td>' + data[i].pertemuan + '</td>' +
                                    '<td>' + data[i].jmlabsen + '</td>' +
                                    '<td>' + data[i].prodi + '</td>' +
                                    '<td>' + data[i].fakultas + '</td>' +
                                    '<td>' +
                                    '<div class="dropdown dropdown-animated scale-left">' +
                                    '<button type="button" class="btn btn-success 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> Detail</a>' +
                                    '</div>' +
                                    '</div>' +
                                    '</td>' +
                                    '</tr>';
                                }else if(p[1] == '2' && (pisah_tgl[2] >= 08 && pisah_tgl[2] <= 14)){
                                    html += '<tr>' +
                                    '<td>' + (count++) + '</td>' +
                                    '<td>' + data[i].nama_dosen + '</td>' +
                                    '<td>' + data[i].matkul + '</td>' +
                                    '<td>' + data[i].jadwal + '</td>' +
                                    '<td>' + data[i].materi + '</td>' +
                                    '<td>' + data[i].pertemuan + '</td>' +
                                    '<td>' + data[i].jmlabsen + '</td>' +
                                    '<td>' + data[i].prodi + '</td>' +
                                    '<td>' + data[i].fakultas + '</td>' +
                                    '<td>' +
                                    '<div class="dropdown dropdown-animated scale-left">' +
                                    '<button type="button" class="btn btn-success 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> Detail</a>' +
                                    '</div>' +
                                    '</div>' +
                                    '</td>' +
                                    '</tr>';
                                }else if(p[1] == '3' && (pisah_tgl[2] >= 15 && pisah_tgl[2] <= 21)){
                                    html += '<tr>' +
                                    '<td>' + (count++) + '</td>' +
                                    '<td>' + data[i].nama_dosen + '</td>' +
                                    '<td>' + data[i].matkul + '</td>' +
                                    '<td>' + data[i].jadwal + '</td>' +
                                    '<td>' + data[i].materi + '</td>' +
                                    '<td>' + data[i].pertemuan + '</td>' +
                                    '<td>' + data[i].jmlabsen + '</td>' +
                                    '<td>' + data[i].prodi + '</td>' +
                                    '<td>' + data[i].fakultas + '</td>' +
                                    '<td>' +
                                    '<div class="dropdown dropdown-animated scale-left">' +
                                    '<button type="button" class="btn btn-success 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> Detail</a>' +
                                    '</div>' +
                                    '</div>' +
                                    '</td>' +
                                    '</tr>';
                                }else if(p[1] == '4' && (pisah_tgl[2] >= 22 && pisah_tgl[2] <= 31)){
                                    html += '<tr>' +
                                    '<td>' + (count++) + '</td>' +
                                    '<td>' + data[i].nama_dosen + '</td>' +
                                    '<td>' + data[i].matkul + '</td>' +
                                    '<td>' + data[i].jadwal + '</td>' +
                                    '<td>' + data[i].materi + '</td>' +
                                    '<td>' + data[i].pertemuan + '</td>' +
                                    '<td>' + data[i].jmlabsen + '</td>' +
                                    '<td>' + data[i].prodi + '</td>' +
                                    '<td>' + data[i].fakultas + '</td>' +
                                    '<td>' +
                                    '<div class="dropdown dropdown-animated scale-left">' +
                                    '<button type="button" class="btn btn-success 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> Detail</a>' +
                                    '</div>' +
                                    '</div>' +
                                    '</td>' +
                                    '</tr>';
                                }
                            }
                        }
                    }
                    // else if(p[0] == 'mg'){
                    //     var tahun = $('#sortir_data_tahun').val();
                    //     var pTahun = tahun.split('-');
                    //     var bulan = $('#sortir_data_bulan').val();
                    //     var pBulan = bulan.split('-');
                    //     if (pisah_tgl[0] == pTahun[1] && pisah_tgl[1] == pBulan[1] && pisah_tgl[2] == p[1]) {
                    //         html += '<tr>' +
                    //         '<td>' + (count++) + '</td>' +
                    //         '<td>' + data[i].nama_dosen + '</td>' +
                    //         '<td>' + data[i].matkul + '</td>' +
                    //         '<td>' + data[i].jadwal + '</td>' +
                    //         '<td>' + data[i].materi + '</td>' +
                    //         '<td>' + data[i].pertemuan + '</td>' +
                    //         '<td>' + data[i].jmlabsen + '</td>' +
                    //         '<td>' + data[i].prodi + '</td>' +
                    //         '<td>' + data[i].fakultas + '</td>' +
                    //         '<td>' +
                    //         '<div class="dropdown dropdown-animated scale-left">' +
                    //         '<button type="button" class="btn btn-success 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> Detail</a>' +
                    //         '</div>' +
                    //         '</div>' +
                    //         '</td>' +
                    //         '</tr>';
                    //     }
                    // }
                    
                $('#show_data').html(html);
                    }
            }
        });
    }

    $('#show_data').on('click', '.tombol-detail', function() {
        var id = $(this).attr('data');
        $.ajax({
            type: 'GET',
            url: window.location.origin + '/kaprodi/get_dhmd_byid',
            dataType: 'json',
            data: {
                id: id
            },
            success: function(data) {
                var base_url = window.location.origin;
                if (data[0].status == '1') {
                        stat = 'Tervalidasi';
                        jenis = 'badge-primary'
                    }
                else if (data[0].status == '0'){
                        stat = 'Belum Tervalidasi';
                        jenis = 'badge-danger'
                    }
                $('#modal-detail').modal('show');
                $('[name="dt_id"]').text(': '+ data[0].id);
                $('[name="dt_idjk"]').text(': '+ data[0].idjk);
                $('[name="dt_nidu"]').text(': '+ data[0].nidu);
                $('[name="dt_nama_dosen"]').text(': '+ data[0].nama_dosen);
                $('[name="dt_fakultas"]').text(': '+ data[0].fakultas);
                $('[name="dt_prodi"]').text(': '+ data[0].prodi);
                $('[name="dt_matkul"]').text(': '+ data[0].matkul);
                $('[name="dt_sks"]').text(': '+ data[0].sks);
                $('[name="dt_jadwal"]').text(': '+ data[0].jadwal);
                $('[name="dt_kelas"]').text(': '+ data[0].kelas);
                $('[name="dt_pertemuan"]').text(': '+ data[0].pertemuan);
                $('[name="dt_absen_hadir"]').text(': '+ data[0].jmlabsen+'/'+data[0].hadir);
                $('[name="dt_materi"]').text(': '+ data[0].materi);
                $('[name="dt_penjelasan"]').text(': '+ data[0].penjelasan);
                $('[name="dt_bukti"]').text(': '+ data[0].bukti);
                $('[name="dt_tanggal_input"]').text(': '+ data[0].created_at);
                $('[name="dt_status"]').addClass(jenis);
                $('[name="dt_status"]').text(stat);
            }
        });
        return false;
    });
});