$(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 dan sub-classification berdasarkan data yang sudah ada
    function loadSubLocation(location_id) {
        if(location_id) {
            $.ajax({
                url: '/dashboard/issue-managements/get-sub-locations/' + location_id,
                type: 'GET',
                success: function(data) {
                    $('#sub_location').empty();
                    $('#sub_location').append('<option value="">Pilih Sub Lokus</option>');
                    $.each(data.sub_locations, function(key, value) {
                        $('#sub_location').append('<option value="'+ value.id +'">'+ value.name +'</option>');
                    });
                    $('#sub_location').prop('disabled', false);
                }
            });
        } else {
            $('#sub_location').empty();
            $('#sub_location').prop('disabled', true);
        }
    }

    function loadSubClassification(classification_id) {
        if(classification_id) {
            $.ajax({
                url: '/dashboard/issue-managements/get-sub-classifications/' + classification_id,
                type: 'GET',
                success: function(data) {
                    $('#sub_classification').empty();
                    $('#sub_classification').append('<option value="">Pilih Sub Klasifikasi</option>');
                    $.each(data.sub_classifications, function(key, value) {
                        $('#sub_classification').append('<option value="'+ value.id +'">'+ value.name +'</option>');
                    });
                    $('#sub_classification').prop('disabled', false);
                }
            });
        } else {
            $('#sub_classification').empty();
            $('#sub_classification').prop('disabled', true);
        }
    }

    // Memuat sub-location ketika location dipilih
    $('#location').change(function() {
        var location_id = $(this).val();
        loadSubLocation(location_id);
    });

    // Memuat sub-classification ketika classification dipilih
    $('#classification').change(function() {
        var classification_id = $(this).val();
        loadSubClassification(classification_id);
    });

    // Memanggil loadSubLocation dan loadSubClassification saat halaman pertama kali dimuat
    var initialLocationId = $('#location').val();
    loadSubLocation(initialLocationId);

    var initialClassificationId = $('#classification').val();
    loadSubClassification(initialClassificationId);
});