$(document).ready(function() {

    tampil_data_item();
    $('#table_validasi').DataTable();

    function tampil_data_item() {

        $.ajax({
            type: 'ajax',
            url: window.location.origin + '/kaprodi/get_dhmd_byProdi',
            async: false,
            dataType: 'json',
            success: function(data) {
                var html = '';
                var i;
                var base_url = window.location.origin;
                for (i = 0; i < data.length; i++) {
                    if (data[i].status == '1') {
                            stat = 'Tervalidasi';
                            jenis = 'badge-primary'
                        }
                    else if (data[i].status == '0'){
                            stat = ' Belum Tervalidasi';
                            jenis = 'badge-danger'
                        }
                    html += '<tr>' +
                        '<td>' + (i + 1) + '</td>' +
                        '<td>' + data[i].nama_dosen + '</td>' +
                        '<td>' + data[i].fakultas + '</td>' +
                        '<td>' + data[i].prodi + '</td>' +
                        '<td>' + data[i].matkul + '</td>' +
                        '<td class="text-center"><span class="badge badge-pill '+ jenis +'">' + stat + '</span></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> Validasi</a>' +
                        '</div>' +
                        '</div>' +
                        '</td>' +
                        '</tr>';

                }
                $('#show_data').html(html);
            }
        });
    }

    function tampil_data_valid() {

        $.ajax({
            type: 'ajax',
            url: window.location.origin + '/kaprodi/get_dhmd_byProdi_valid',
            async: false,
            dataType: 'json',
            success: function(data) {
                var html = '';
                var i;
                var base_url = window.location.origin;
                for (i = 0; i < data.length; i++) {
                    if (data[i].status == '1') {
                            stat = 'Tervalidasi';
                            jenis = 'badge-primary'
                        }
                    else if (data[i].status == '0'){
                            stat = ' Belum Tervalidasi';
                            jenis = 'badge-danger'
                        }
                    html += '<tr>' +
                        '<td>' + (i + 1) + '</td>' +
                        '<td>' + data[i].nama_dosen + '</td>' +
                        '<td>' + data[i].fakultas + '</td>' +
                        '<td>' + data[i].prodi + '</td>' +
                        '<td>' + data[i].matkul + '</td>' +
                        '<td class="text-center"><span class="badge badge-pill '+ jenis +'">' + stat + '</span></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> Validasi</a>' +
                        '</div>' +
                        '</div>' +
                        '</td>' +
                        '</tr>';

                }
                $('#show_data').html(html);
            }
        });
    }

    function tampil_data_nonvalid() {

        $.ajax({
            type: 'ajax',
            url: window.location.origin + '/kaprodi/get_dhmd_byProdi_nonvalid',
            async: false,
            dataType: 'json',
            success: function(data) {
                var html = '';
                var i;
                var base_url = window.location.origin;
                for (i = 0; i < data.length; i++) {
                    if (data[i].status == '1') {
                            stat = 'Tervalidasi';
                            jenis = 'badge-primary'
                        }
                    else if (data[i].status == '0'){
                            stat = ' Belum Tervalidasi';
                            jenis = 'badge-danger'
                        }
                    html += '<tr>' +
                        '<td>' + (i + 1) + '</td>' +
                        '<td>' + data[i].nama_dosen + '</td>' +
                        '<td>' + data[i].fakultas + '</td>' +
                        '<td>' + data[i].prodi + '</td>' +
                        '<td>' + data[i].matkul + '</td>' +
                        '<td class="text-center"><span class="badge badge-pill '+ jenis +'">' + stat + '</span></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> Validasi</a>' +
                        '</div>' +
                        '</div>' +
                        '</td>' +
                        '</tr>';

                }
                $('#show_data').html(html);
            }
        });
    }

    $('#sortir_data').on('change',function(){
        var pilih = this.value;
        if (pilih == 'all') {
            $('#table_validasi').DataTable().destroy();
            tampil_data_item();
            $('#table_validasi').DataTable();
        }else if(pilih == 'val'){
            $('#table_validasi').DataTable().destroy();
            tampil_data_valid();
            $('#table_validasi').DataTable();
        }else if(pilih == 'nval'){
            $('#table_validasi').DataTable().destroy();
            tampil_data_nonvalid();
            $('#table_validasi').DataTable();
        }
    });

    //Fungsi Tampil Modal detail
    $('#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');
                $('.form-validasi').attr('action', base_url + '/kaprodi/validasi_byid/' + data[0].id);
                $('[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_status"]').addClass(jenis);
                $('[name="dt_status"]').text(stat);
            }
        });
        return false;
    });

});