$(document).ready(function() {

    tampil_data_pengajuan();
    $('#table_pemilihan').DataTable();
    arr_pengajuan = [];

    var total_sks = 0;

    $('#sortir_mk_byProdi').on('change',function(){
        
        var isi = this.value;
         
        $('#table_pemilihan').DataTable().destroy();
        tampil_data_item(isi);
        $('#table_pemilihan').DataTable();
    });

    function tampil_data_pengajuan() {
        var user = $('#user').text();
        var sub = $('#sub').text();
        var nama = $('#mhs_').text();
        // console.log(user);
        // console.log(sub);

        $.ajax({
            type: 'GET',
            url: window.location.origin + '/mbkm/mahasiswa/get_pengajuan_byIdmhs',
            dataType: 'json',
            data: {
                user: user,
                sub: sub,
                nama: nama
            },
            success: function(data) {
                //console.log(data);
                //Masukin ke array pengajuan
                for(j = 0; j < data.length; j++) {
                    var spkp = data[j].kdprodi.split("-");
                    arr_pengajuan.push({
                        nmmkind: data[j].nmmkind, 
                        kdmk: data[j].kdmk, 
                        sks: data[j].sks, 
                        kdprodi: spkp[0], 
                        nmprodi: spkp[1],
                        status: 1
                    });
                    total_sks += parseInt(data[j].sks);
                }
                // console.log(arr_pengajuan);  
                // console.log(total_sks);  
                // sukses

                //tampilin ke tabel mk dipilih
                var html = '';
                for(j = 0; j < arr_pengajuan.length; j++) {
                    var button = '';
                    if(arr_pengajuan[j].status == 1){
                        button = '<button type="button" class="btn btn-success btn-xs"><i class="fa fa-check" aria-hidden="true"></i></button>';
                    }else if (arr_pengajuan[j].status == 0) {
                        button = '<button type="button" class="btn btn-danger btn-xs tombol-remove" data-kdmk="'+ arr_pengajuan[j].kdmk +'" data-sks="'+ arr_pengajuan[j].sks +'"><i class="fa fa-minus" aria-hidden="true"></i></button>';
                    }
                    html += '<tr>' +
                        '<td>' + arr_pengajuan[j].nmmkind + '</td>' +
                        '<td>' + arr_pengajuan[j].kdmk + '</td>' +
                        '<td>' + arr_pengajuan[j].sks + '</td>' +
                        '<td>' + arr_pengajuan[j].nmprodi + '</td>' +
                        '<td style="text-align: center;">' +
                            button
                        '</td>' +
                        '</tr>';
                }      
                $('#show_data_pengajuan').html(html);
                $('#total-sks').html('Total SKS = '+total_sks);
            }
        });
    }
    
    $('#tombol-submit').on('click',function(){
        
        var nama = $('#mhs_').text();
        if(arr_pengajuan.length == 0){
            alert('Silahkan isi tabel pengajuan Mata Kuliah MBKM terlebih dahulu.');
        }else{
            var conf = confirm('Pastikan Mata Kuliah yang akan diajukan sudah di cek kembali. \nLakukan pengajuan Mata Kuliah MBKM.');
            if(conf == true){
                // coding submit MK ke tabel pengajuan_mbkm
                //panggil controller mahasiswa/insert_pengajuan
                var url = window.location.origin+'/mbkm/mahasiswa/insert_pengajuan';
                for(j = 0; j < arr_pengajuan.length; j++) {
                    if(arr_pengajuan[j].status == 0){
                        var data = {
                            nama: nama,
                            kdmk: arr_pengajuan[j].kdmk,
                            sks: arr_pengajuan[j].sks,
                            kdprodi: arr_pengajuan[j].kdprodi,
                            nmprodi: arr_pengajuan[j].nmprodi
                        }
                        $.get(url, data, function(status){
                            console.log(status);
                        });
                    }
                }
                alert('Mata Kuliah MBKM telah diajukan. \nSilahkan menunggu info lebih lanjut dari bagian Administrasi.');
                location.reload();
                
            }
        }
    });

    function tampil_data_item(isi){
        var param = isi.split('-');  
        console.log(param);
        $.ajax({
            type: 'ajax',
            url: window.location.origin + '/mbkm/mahasiswa/get_mbkm_byKDMK/'+param[0],
            async: false,
            dataType: 'json',
            success: function(data) {
                var html = '';
                var i;
                for (i = 0; i < data.length; i++) {
                    html += '<tr>' +
                    '<td>' + (i + 1) + '</td>' +
                    '<td>' + '<a href="#" data-toggle="tooltip" title="'+ data[i].keterangan +'">' + data[i].nmmkind + '</a>' + '</td>' +
                    '<td>' + data[i].kdmk + '</td>' +
                    '<td>' + data[i].sks + '</td>' +
                    '<td style="text-align: center;">' +
                        '<button type="button" class="btn btn-info btn-xs tombol-in" data-id="' + data[i].id + '"  data-nama="' + data[i].nmmkind + '" data-kdmk="'+ data[i].kdmk +'" data-sks="'+ data[i].sks +'" data-kdprodi="'+param[0]+'" data-nmprodi="'+ param[1]+'"><i class="fa fa-plus" aria-hidden="true"></i></button>' +
                    '</td>' +
                    '</tr>';
                    
                }
                $('#show_data_pemilihan').html(html);
            }
        });
    }
    
    $('#show_data_pemilihan').on('click', '.tombol-in', function() {
        
        if(arr_pengajuan.some(e => e.kdmk == $(this).data('kdmk'))){
            alert('Data sudah di ajukan.');
        }else if((total_sks + $(this).data('sks')) > 20){
            alert('Total SKS sudah melebihi 20.');
        }else{
            var html = '';
            var j;
            total_sks += $(this).data('sks');
            arr_pengajuan.push({
                nmmkind: $(this).data('nama'), 
                kdmk: $(this).data('kdmk'), 
                sks: $(this).data('sks'), 
                kdprodi: $(this).data('kdprodi'), 
                nmprodi: $(this).data('nmprodi'),
                status: 0
            });
            for(j = 0; j < arr_pengajuan.length; j++) {
                var button = '';
                if(arr_pengajuan[j].status == 1){
                    button = '<button type="button" class="btn btn-success btn-xs"><i class="fa fa-check" aria-hidden="true"></i></button>';
                }else if (arr_pengajuan[j].status == 0) {
                    button = '<button type="button" class="btn btn-danger btn-xs tombol-remove" data-kdmk="'+ arr_pengajuan[j].kdmk +'" data-sks="'+ arr_pengajuan[j].sks +'"><i class="fa fa-minus" aria-hidden="true"></i></button>';
                }
                html += '<tr>' +
                    '<td>' + arr_pengajuan[j].nmmkind + '</td>' +
                    '<td>' + arr_pengajuan[j].kdmk + '</td>' +
                    '<td>' + arr_pengajuan[j].sks + '</td>' +
                    '<td>' + arr_pengajuan[j].nmprodi + '</td>' +
                    '<td style="text-align: center;">' +
                        button
                    '</td>' +
                    '</tr>';
            }      
            $('#show_data_pengajuan').html(html);
            $('#total-sks').html('Total SKS = '+total_sks);
        }
    });

    $('#show_data_pengajuan').on( 'click', '.tombol-remove', function () {
        var html = '';
        var j;
        var kdmk = $(this).data('kdmk');
        arr_pengajuan = arr_pengajuan.filter(function (obj) {
            return obj.kdmk !== kdmk;
        });
        total_sks -= $(this).data('sks');
        for(j = 0; j < arr_pengajuan.length; j++) {
            var button = '';
            if(arr_pengajuan[j].status == 1){
                button = '<button type="button" class="btn btn-success btn-xs"><i class="fa fa-check" aria-hidden="true"></i></button>';
            }else if (arr_pengajuan[j].status == 0) {
                button = '<button type="button" class="btn btn-danger btn-xs tombol-remove" data-kdmk="'+ arr_pengajuan[j].kdmk +'" data-sks="'+ arr_pengajuan[j].sks +'"><i class="fa fa-minus" aria-hidden="true"></i></button>';
            }
            html += '<tr>' +
                '<td>' + arr_pengajuan[j].nmmkind + '</td>' +
                '<td>' + arr_pengajuan[j].kdmk + '</td>' +
                '<td>' + arr_pengajuan[j].sks + '</td>' +
                '<td>' + arr_pengajuan[j].nmprodi + '</td>' +
                '<td style="text-align: center;">' +
                        button
                    '</td>' +
                '</tr>';
        }      
        $('#show_data_pengajuan').html(html);
        $('#total-sks').html('Total SKS = '+total_sks);
    } );
    

    // ==========================================================================================================================================
    
    //Fungsi Modal Detail
    $('#show_data').on('click','.tombol-detail',function(){
        var id = $(this).attr('data');
        
        $.ajax({
            type: 'GET',
            url: '',
            dataType: 'json',
            data: {
                id: id
            },
            success: function(data) {
                var base_url = window.location.origin;
                $.each(data, function() {
                    if (data[0].status == 'val') {
                            jenis = 'badge-primary'
                        }
                    else if (data[0].status == 'nval'){
                            jenis = 'badge-danger'
                        }
                    $('#modal-detail').modal('show');
                    $('#det_nama_nidu').text(': '+data[0].nama_dosen+' - '+data[0].nidu);
                    $('#det_fakultas').text(': '+data[0].fakultas);
                    $('#det_prodi').text(': '+data[0].prodi);
                    $('#det_matkul').text(': '+data[0].matkul);
                    $('#det_kelas').text(': '+data[0].kelas);
                    $('#det_sks').text(': '+data[0].sks);
                    $('#det_jadwal').text(': '+data[0].jadwal);
                    $('#det_pertemuan').text(': '+data[0].pertemuan);
                    $('#det_jmlabsen_hadir').text(': '+data[0].jmlabsen+' / '+data[0].hadir);
                    $('#det_materi').text(': '+data[0].materi);
                    $('#det_penjelasan').text(': '+data[0].penjelasan);
                    $('#det_bukti').text(': '+data[0].bukti);
                    $('#det_status').text(data[0].status);
                    $('#det_status').addClass(jenis);
                });
            }
        });
        return false;
    });

});