$(document).ready(function() {
    // Menonaktifkan sub-location dan sub-classification saat halaman pertama kali dimuat
    $('#sub_location').prop('disabled', true);
    $('#sub_classification').prop('disabled', true);

    // Memuat sub-location berdasarkan lokasi yang dipilih
    function loadSubLocation(location_id, selected_sub_location_id) {
        if(location_id) {
            $.ajax({
                url: '/dashboard/issue-managements/get-sub-locations/' + location_id,
                type: 'GET',
                success: function(data) {
                    console.log(data); // Cek data yang dikirim
                    $('#sub_location').empty();
                    $('#sub_location').append('<option value="">Pilih Sub Lokus</option>');
                    $.each(data.sub_locations, function(key, value) {
                        var selected = value.id == selected_sub_location_id ? 'selected' : '';
                        $('#sub_location').append('<option value="'+ value.id +'" ' + selected + '>'+ value.name +'</option>');
                    });
                    $('#sub_location').prop('disabled', false);
                }
            });
        } else {
            $('#sub_location').empty();
            $('#sub_location').prop('disabled', true);
        }
    }

    // Memuat sub-classification berdasarkan klasifikasi yang dipilih
    function loadSubClassification(classification_id, selected_sub_classification_id) {
        if(classification_id) {
            $.ajax({
                url: '/dashboard/issue-managements/get-sub-classifications/' + classification_id,
                type: 'GET',
                success: function(data) {
                    console.log(data); // Cek data yang dikirim
                    $('#sub_classification').empty();
                    $('#sub_classification').append('<option value="">Pilih Sub Klasifikasi</option>');
                    $.each(data.sub_classifications, function(key, value) {
                        var selected = value.id == selected_sub_classification_id ? 'selected' : '';
                        $('#sub_classification').append('<option value="'+ value.id +'" ' + selected + '>'+ value.name +'</option>');
                    });
                    $('#sub_classification').prop('disabled', false);
                }
            });
        } else {
            $('#sub_classification').empty();
            $('#sub_classification').prop('disabled', true);
        }
    }

    // Ambil nilai awal dari data-* attributes
    var initialLocationId = $('#location').data('initial-location-id');
    var initialSubLocationId = $('#sub_location').data('initial-sub-location-id');
    var initialClassificationId = $('#classification').data('initial-classification-id');
    var initialSubClassificationId = $('#sub_classification').data('initial-sub-classification-id');

    // console.log('Initial Location ID:', initialLocationId);
    // console.log('Initial Sub Location ID:', initialSubLocationId);
    // console.log('Initial Classification ID:', initialClassificationId);
    // console.log('Initial Sub Classification ID:', initialSubClassificationId);

    // Panggil fungsi untuk memuat sub-location dan sub-classification
    loadSubLocation(initialLocationId, initialSubLocationId);
    loadSubClassification(initialClassificationId, initialSubClassificationId);

    // Menangani perubahan di dropdown 'location'
    $('#location').change(function() {
        var location_id = $(this).val();
        loadSubLocation(location_id, '');  // Kosongkan ID sub-location untuk saat ini
    });

    // Menangani perubahan di dropdown 'classification'
    $('#classification').change(function() {
        var classification_id = $(this).val();
        loadSubClassification(classification_id, '');  // Kosongkan ID sub-classification untuk saat ini
    });
});