$(document).ready(function () {

    tampil_data_userapproval();
    $('#table_userapproval').DataTable();

    function tampil_data_userapproval() {
        $.ajax({
            type: 'ajax',
            url: window.location.origin + '/mbkm/admin/get_all_userapproval/',
            async: false,
            dataType: 'json',
            success: function (data) {
                // console.log(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].username + '</td>' +
                        '<td>' + data[i].asaluniv + '</td>' +
                        '<td>' + data[i].kotauniv + '</td>' +
                        '<td>' + data[i].notelpuniv + '</td>' +
                        '<td>' + data[i].notelpuser + '</td>' +
                        '<td>' + data[i].create_at + '</td>' +
                        '<td>' + data[i].status + '</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-edit-approval" type="button" data="' + data[i].id + '"><i class="mdi mdi-account-edit"></i> Validasi</a>' +
                        '<a href="' + base_url + '/mbkm/admin/delete_user/' + data[i].id + '" 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 Modal edit
    $('#show_data').on('click', '.tombol-edit-approval', function () {
        var id = $(this).attr('data');
        // $('#modal-edit').modal('show');
        $.ajax({
            type: 'GET',
            url: window.location.origin + '/mbkm/admin/get_userapproval/',
            dataType: 'json',
            data: {
                id: id
            },
            success: function (data) {
                $.each(data, function() {
                var base_url = window.location.origin;
                $('#modal-detail').modal('show');
                $('.form-edit-approval').attr('action', base_url + '/mbkm/admin/edit_userapproval/' + data.id);
                $('#id').val(data.id);
                $('#namadepan').val(data.namadepan);
                $('#namabelakang').val(data.namabelakang);
                $('#email').val(data.email);
                $('#username').val(data.username);
                $('#asaluniv').val(data.asaluniv);
                $('#status').val(data.status);
                });
            }
        });
        return false;
    });
    
});