Update function - Search Solicitor

/* Copy dan paste code di bawah ke file:
*  ppsis/public/js/functions.js
*/

$(document).ready(function() {
    let financing_form = $('#financing_form');
    let alert_message = $('#financing_form .alert');
    // solicitor name input
    let search_solicitors = $('#solicitors');
    // div utk keluarkan result list nama solicitors
    let solictors_result = $('.solictors_result');
    // dapatkan alamat current url
    let url = window.location.href;
    // tukar pada bentuk array
    // cth: http://ppsis:8080/restructures/1/edit
    // [http, ,ppsis:8080, restructures, ...]
    let url_array = url.split('/');
    let input_types = $('.types');
    console.log(url_array[3]);

    // input value mengikut menu yg dipilih. Sekiranya ingin buat nama lain,
    // boleh gunakan if..else utk define value tersebut.
    // if (url_array[3] === 'financings') {
        // input_types.val('FIN');
        input_types.val(url_array[3]);
    // }

    $('#financing_form .alert').hide();

    financing_form.submit(function(e) {
        e.preventDefault();
        let form_url = $(this).attr('action');
        let form_method = $(this).attr('method');
        alert_message.removeClass('alert-danger alert-success');
        alert_message.show();

        $.ajax({
            // url: '/financings',
            // type: 'POST',
            url: form_url,
            type: form_method,
            dataType: 'json',
            data: financing_form.serialize()
        })
        .done(function(data) {
            alert_message.addClass('alert-success');
            $('.alert.alert-success').html('Success add data');
            $('.modal').animate({scrollTop: '11px'}, 500);
            console.log(data);
        })
        .fail(function(data) {
            alert_message.addClass('alert-danger');
            let errors = data.responseJSON.errors;
            let error_msg = "";
            console.log("error: ");
            console.log(errors);

            for(let error in errors){
                console.log(errors[error]);
                error_msg += '<li>' + errors[error] + '</li>';
            }

            $('.alert.alert-danger').html("<ul>" + error_msg + "</ul>");
            $('.modal').animate({scrollTop: '11px'}, 500);
        })
        .always(function() {
            console.log("complete");
        });
    });

    // function untuk search nama soicitor
    search_solicitors.keyup(function(){
        solictors_result.html("");
        let key_type = $(this);
        let  solictors_result_list = "";
        console.log(key_type.val().length);

        // lebih drp 1 huruf akan keluar result
        if (key_type.val().length > 1) {
            // ajax function get (shortcut drp AJAX)
            // url ada variable yg mengandungi window.location.href atau current url
            $.get(url,
            {
                // data yg dihantar ke backend
                solicitor: key_type.val()
            }, function(data) {
                console.log(data.solicitor);
                // loop setiap row dan object
                $.each(data.solicitor, function(index, obj) {
                    solictors_result_list += "<li class='list-group-item'>" + obj['DESCRIPTION'] + "</li>";
                });
                // display result dalam bentuk list
                solictors_result.html('<ul class="class="list-group">' + solictors_result_list + '</ul>');
            });
        }
    });

    // function utk user click pada list dan display ke value input
    $(document).on('click', '.list-group-item', function(){
        search_solicitors.val($(this).text());
        solictors_result.html("");
    });

    // bila user off focus input search_solicitors, result nama solicitor akan hilang
    $(document).on('focusout', search_solicitors, function(){
        window.setTimeout(function(){
            solictors_result.html("");
        }, 200);
    });
});