{% extends 'admin/change_form.html' %}

{% load url from future %}

{% block content %}
    {{ block.super }}
    
    <script type="text/javascript">
    (function($) { $(document).ready(function() {
        // make jQuery compatible with django
        $.ajaxSettings.traditional = true;

        $('input[type=submit][name=_addanother]').remove()
        $('input[type=submit][name=_save]').remove()
        $('#content-main form').append('<input name="_continue" type="hidden" value="1" />');

        {% if original.pk %}
        $('input[name=_field_delimiter]').live('change', function() {
            post_data();
        });
        $('select[name=parser_class]').parent().append(
            $('select[name=parser_class] option:selected').html());
        $('select[name=parser_class]').hide()

        $('div.submit-row').before('<div id="parser"></div>');

        function get_data() {
            data = 'pk={{ original.pk }}';
            $('form').each(function() {
                data += '&' + $(this).serialize();
            });
            return data;
        }
        function post_data(form) {
            $.post(
                '{% url 'yourlabs_exchange_parser_form' %}',
                get_data(),
                function(data, textStatus, jqXHR) {
                    $('#parser').html(data);
                    $('input[name=_parser_action][type=text]').autocomplete({
                        'source': {{ field_names_json|safe }},
                    });
                    if (form != undefined) {
                        form.attr('data_posted', 'yes');
                        form.submit();
                    }
                },
                'html'
            );
        }

        post_data();
        $('form').submit(function(e) {
            if (!$(this).attr('data_posted')) {
                e.preventDefault()
                post_data($(this));
            }
        });
        {% endif %}

    }); })(django.jQuery)
    </script>
{% endblock %}