{# заглушка js #}
<script type="text/javascript">
    $(document).ready(function() {
        $('tr.plat_form').formset({
            prefix: '{{ pformset.prefix }}',
            formCssClass: 'plat_dynamic-form',
        });
        $('tr.row_tbl_items').formset({
            prefix: '{{ formset.prefix }}',
            formCssClass: 'dynamic-form',
        });

        var get_pair = function(model, class1, class2, param1, param2) {
            $('body').on('selectChoice change', '.' + class1 + ' input', function() {
                var $this = $(this);
                var this_val = $this.val();
                var $other_input = $this.closest('.row_tbl_items').find('.' + class2 + ' input');

                $.get('/my/docs/ajax_get_pair/' + model + '/' + param1 + '/' + param2 + '/' +  this_val + '/', function(data) {
                    if (data['val']) {
                        $other_input.val(data['val']);
                        $this.css('color', 'black')
                    }
                    else {
                        $other_input.val('-');
                        $this.css('color', 'red')
                    }
                });
            })
        }
        {# model должна быть разрешена в docs.views.get_pair #}
        get_pair('Country', 'country_name', 'country_code', 'name', 'code');
        get_pair('Measure', 'units', 'units_kod', 'name', 'code');

        $('#id_client').on('change', function() {
            var client_id = $(this).val();
            $.get('/my/docs/ajax_get_invoices/' + client_id, function(data) {
                var select = $('#id_invoice');
                if(select.prop) {
                  var options = select.prop('options');
                }
                else {
                  var options = select.attr('options');
                }
                $('option', select).remove();
                options[options.length] = new Option('-------', '');

                $.each(data, function(val, text) {
                    options[options.length] = new Option(text, val);
                });
                select.prop('selectedIndex', 0);
            })
        })

        $('#id_invoice').on('change', function() {
            var invoice_id = $(this).val();
            $.each($('.row_tbl_items'), function(index, item){
                $(item).find('a.delete-row').trigger('click');
            });
            $.get('/my/docs/ajax_get_client_by_invoice/' + invoice_id, function(data) {
                var client = data[0];
                $('#id_client_text').hide();
                $('#id_client-deck').html('<span class="div hilight" data-value='+ data[0] +'><span class="remove div" style="display: inline;">X</span>' + data[1] + '</span>');

                $('#id_client').html('<option selected="selected" value="'+ data[0] +'"></option>');
                //$('#id_client').trigger('change');
            })

            $.get('/my/docs/ajax_get_tbl_items/' + invoice_id, function(data) {
                var items = JSON.parse(data);
                    $.each(items, function(index, item){
                        var name = item['fields']['name'];
                        var units = item['fields']['units'];
                        var qty = item['fields']['qty'];
                        var price = item['fields']['price'];
                        var total_price = item['fields']['total_price'];
                        $('#tbl_items a.add-row').trigger('click');
                        var $last_row = $('.row_tbl_items:visible').last();
                        $last_row.find('.name input').val(name);
                        $last_row.find('.units input').val(units);
                        $last_row.find('.qty input').val(qty);
                        $last_row.find('.price input').val(price);
                        $last_row.find('.total_price input').val(total_price);
                        $.get('/my/docs/ajax_get_pair/Measure/name/code/' +  units + '/', function(data){
                            if (data['val']) {
                                $last_row.find('.units_kod input').val(data['val']);
                            }
                        });
                    })
            })
        })
        //var sender_val = $('input:radio[name=sender_group]:checked', '#doc-form').val();
        var toggle_sender = function(client_type) {
            var sender_val = $('input:radio[name=' + client_type + '_group]:checked', '#doc-form').val();
            if (sender_val == 'another') {
                $('#' + client_type).show()
            } else {
                $('#' + client_type).hide()
            }
        }

        $.each(['sender', 'receiver'], function(i, client_type){
            toggle_sender(client_type);
            $('input:radio[name=' + client_type + '_group]').change(function(){
                toggle_sender(client_type);
            })
        })

        if ($('#id_fixes').is(':checked')){
            $('#fix_block').show();
        } else {
            $('#fix_block').hide();
        }
        $('#id_fixes').change(function(){
            $('#fix_block').toggle();
            $('#id_fix_doc_num').val('');
            $('#id_fix_doc_date').val('');
        })
    });
</script>