$(document).ready(function(){

    //Setup event to trigger on input
    //Will only fire on search keywords above 3 characters
    
    function sendAutoCompleteRequest(){
        let val = $('.searchTerm').val();
        
        if(val.length < 4) {
            clearExistingResults();
            return;
        }

        let data = {ACT : 173, keyword : val, option : 'generateAutoComplete'}
        
        $.ajax({
            url: 'https://www.caehealthcare.com/',
            method: 'POST',
            data: data
        }).then((rsp) => {
            let data = JSON.parse(rsp);
            
            if (data.success) {generateAutoCompleteHTML(data.entry_ids);}
        })
             
        
    }

    function clearExistingResults(){ 
        $(".searchTerm-dropdown").hide();
        $("#appendSuggested").empty()
    }

    function generateAutoCompleteHTML(entry_ids){
        clearExistingResults();
        $.ajax({
            url : 'https://www.caehealthcare.com/includes/search-autocomplete-results/'+entry_ids,
        }).done(function(response){
            console.log(response)
            clearExistingResults();
            $('.searchTerm-dropdown').show();
            $("#appendSuggested").html(response);
        })
    }
    
    $('.searchTerm').on('input', sendAutoCompleteRequest);

});