$(document).ready(function () {
    var color_array = ['#03658C', '#7CA69E', '#F2594A', '#F28C4B', '#7E6F6A', '#36AFB2', '#9c6db2', '#d24a67', '#89a958', '#00739a', '#BDBDBD'];

    var graph_jk = Morris.Bar({
        element: 'container_jenis_kelamin',
        xkey: 'label',
        ykeys: ['value'],
        labels: ['Total']
    });

    var graph_jabatan = Morris.Bar({
        element: 'container_jabatan',
        xkey: 'label',
        ykeys: ['value'],
        labels: ['Total']
    });

    var graph_umur = Morris.Bar({
        element: 'container_umur',
        xkey: 'label',
        ykeys: ['value'],
        labels: ['Total']
    });

    var graph_pekerjaan = Morris.Bar({
        element: 'container_pekerjaan',
        xkey: 'label',
        ykeys: ['value'],
        labels: ['Total']
    });

    $('#kab').select2({
        placeholder: "-- Pilih Kabupaten --",
        allowClear: true,
    });
    $('#kec').select2({
        placeholder: "-- Pilih Kecamatan --",
        allowClear: true,
    });
    $('#gp').select2({
        placeholder: "-- Pilih Gampong --",
        allowClear: true,
    });

    $('#thn').select2({
        placeholder: "-- Pilih Tahun --",
        allowClear: true,
    });

    var wilayah = $(".data-pemerintah").attr("data-wilayah");
    if (wilayah == 1 || wilayah == 2) {
        var id_kab = $('#kab').val();
        $.get("/pemerintah/kec_json/?kab=" + id_kab, function (p_data) {
            $('#kec').html(p_data);
        });
    }

    if (wilayah == 3) {
        var id_kec = $('#kec').val();
        $.get("/pemerintah/gp_json/?kec=" + id_kec, function (p_data) {
            // console.log('gp',p_data);
            $('#gp').html(p_data);
        });
    }

    $('#kab').trigger('change');
    $('body').on('change', '#kab', function () {
        var id = $(this).val();
        $("#kec option[value]").remove();
        $.get("/pemerintah/kec_json/?kab=" + id, function (p_data) {
            $('#kec').html(p_data);
        });
        ajax_filter($('#kab').val(), $('#kec').val(), $('#gp').val(), $('#thn').val());
    });


    $('body').on('change', '#kec', function () {
        var id = $(this).val();
        $("#gp option[value]").remove();
        $.get("/pemerintah/gp_json/?kec=" + id, function (p_data) {
            $('#gp').html(p_data);
        });
        ajax_filter($('#kab').val(), $('#kec').val(), $('#gp').val(), $('#thn').val());
    });

    $('body').on('change', '#gp', function () {
        ajax_filter($('#kab').val(), $('#kec').val(), $('#gp').val(), $('#thn').val());
    });

    $('body').on('change', '#thn', function () {
        ajax_filter($('#kab').val(), $('#kec').val(), $('#gp').val(), $('#thn').val());
        $('#txt_tahun').html('STATISTIK PEMERINTAH ' + $('#thn').val());
    });

    $('#txt_tahun').html('STATISTIK PEMERINTAH ' + $('#thn').val());

    if (wilayah != 1) {
        ajax_filter($('#kab').val(), $('#kec').val(), $('#gp').val(), $('#thn').val());
    }
    //

    function ajax_filter(f_kab, f_kec, f_gp, f_thn) {
        let formData = {
            'kab': f_kab,
            'kec': f_kec,
            'gp': f_gp,
            'thn': f_thn,
        };

        $.ajax({
            url: "/pemerintah/data_jk_json/",
            cache: false,
            type: "GET",
            data: formData,
            dataType: "json",
            success: function (data) {
                graph_jk.setData(data);
                $('#legend_jenis_kelamin').html('');
            }
        });

        $.ajax({
            url: "/pemerintah/data_jabatan_json/",
            cache: false,
            type: "GET",
            data: formData,
            dataType: "json",
            success: function (data) {
                graph_jabatan.setData(data);
            }
        });

        $.ajax({
            url: "/pemerintah/data_umur_json/",
            cache: false,
            type: "GET",
            data: formData,
            dataType: "json",
            success: function (data) {
                graph_umur.setData(data);
            }
        });

        $.ajax({
            url: "/pemerintah/data_pekerjaan_json/",
            cache: false,
            type: "GET",
            data: formData,
            dataType: "json",
            success: function (data) {
                graph_pekerjaan.setData(data);
            }
        });
    }
});