$(document).ready(function() {

    $('#id_event_related').autocomplete({
        source: function(request, response) {
            $.ajax({
                url: event_lookup,
                method: "POST",
                data: {
                    pattern: $('#id_event_related').val(),
                    csrfmiddlewaretoken: csrf_token
                },
                dataType: "json",
                success: function(data) {
                    if(data.length != 0) {
                        response($.map(data, function(item) {
                            return {
                                label: item.Name,
                                value: item.Name,
                                gymnastid: item.ID
                            }
                        }))
                    } else {
                        response([{ label: 'No result found.', value: '' }]);
                    };
                },

                error: function (exception) {
                    console.log(exception);
                }
            });
        },
        minLength: 3,
        select: function (event, ui) {
            $($(this).data('ref')).val(ui.item.gymnastid);
        },
        classes: {
            "ui-widget-content": "custom_autocomplete_ul",
            "ui-autocomplete": "custom_autocomplete_ul",
            "ui-menu-item-wrapper": "custom_autocomplete_li",
            "ui-menu-item": "custom_autocomplete_li",
        },
    });

});