let handlePoskodDetail_NotFound = (modal) => {
    let input_negeri = modal.querySelector('input#negeri');
    let input_daerah = modal.querySelector('input#daerah');
    let select_daerah = modal.querySelector('select#select-daerah');

    input_daerah.closest('div.col-md-8').style.display = 'none';
    input_daerah.disabled = 'true';

    select_daerah.closest('div.col-md-8').style.display = 'block';
    select_daerah.disabled = false;
    select_daerah.readOnly = false;

    input_negeri.value = '';
    input_negeri.placeholder = '';


    let getAllNegeri = () => {
        return fetch(api_url + '/api/daerah');
    };


    let data_daerah = getAllNegeri().then(response => response.json())
        .then(x => x.map(y => {
            return {
                "id": y.koddaerah,
                "text": y.namadaerah + ' - ' + y.negeri.negeri,
            }
        })).then(x => {
            $('#select-daerah').select2({
                placeholder: "Sila pilih daerah pelanggan",
                dropdownParent: $('#daftar_pelanggan'),
                closeOnSelect: true,
                data: x,
            });
        }).then(() => $('#select-daerah').val('').trigger('change'));

};

$('select.select2-daerah').on('select2:select', function (e) {

    let caller = e.target || e.srcElement;
    let modal = caller.closest('div.modal.fade');

    let selected_daerah = e.params.data;

    let getDaerahDetail = (koddaerah) => {
        return fetch(api_url + '/api/daerah/' + koddaerah)
            .then(response => response.json())
            .then(x => fetch(api_url + '/api/negeri/' + x.kodnegeri))
            .then(response => response.json())
    };

    let input_negeri = modal.querySelector('input#negeri');

    getDaerahDetail(selected_daerah.id).then(x => input_negeri.value = x.negeri);
});

let handlePoskodDetail_Found = (modal) => {
    let input_negeri = modal.querySelector('input#negeri');
    let input_daerah = modal.querySelector('input#daerah');
    let select_daerah = modal.querySelector('select#select-daerah');

    select_daerah.closest('div.col-md-8').style.display = 'none';
    select_daerah.disabled = 'true';

    input_daerah.closest('div.col-md-8').style.display = 'block';
    input_daerah.disabled = false;

    input_negeri.readOnly = true;
    input_negeri.placeholder = '';
    input_daerah.readOnly = true;
    input_daerah.placeholder = '';
};