- content_for :javascript do
  :javascript
    $(function() {
      $('.destroy_stock_change').live('click', function() {
        $(this).prev('input').val('1'); // check for destruction
        
        var stock_change = $(this).closest('tr');
        stock_change.hide(); // do not remove (to ensure destruction)
        unmark_article_unavailable_for_delivery( stock_change.data('id') );
        return false;
      });

      $('.remove_new_stock_change').live('click', function() {
        var stock_change = $(this).closest('tr');
        stock_change.remove();
        unmark_article_unavailable_for_delivery( stock_change.data('id') );
        return false;
      })
      
      $('#new_stock_article').removeAttr('disabled').select2({
        placeholder: '#{t '.create_stock_article'}',
        data: #{articles_for_select2(@supplier).to_json},
        createSearchChoice: function(term) {
          return {
            id: 'new',
            text: term
          };
        },
        formatResult: function(result, container, query, escapeMarkup) {
          if(result.id == 'new') {
            return result.text + ' (#{t '.create_from_blank'})';
          }
          var markup=[];
          Select2.util.markMatch(result.text, query.term, markup, escapeMarkup);
          return markup.join("");
        }
      }).on('change', function(e) {
        var selectedArticle = $(e.currentTarget).select2('data');
        if(!selectedArticle) {
          return false;
        }
        if('new' == selectedArticle.id) {
          $.ajax({
            url: '#{new_stock_article_supplier_deliveries_path(@supplier)}',
            type: 'get',
            data: {stock_article: {name: selectedArticle.text}},
            contentType: 'application/json; charset=UTF-8'
          });
          $('#new_stock_article').select2('data', null);
          return true;
        }
        if('' != selectedArticle.id) {
          $.ajax({
            url: '#{new_stock_article_supplier_deliveries_path(@supplier)}',
            type: 'get',
            data: {old_article_id: selectedArticle.id},
            contentType: 'application/json; charset=UTF-8'
          });
          $('#new_stock_article').select2('data', null);
          return true;
        }
      });
    });
    
    function mark_article_unavailable_for_delivery(stock_article_id) {
      var articleTr = $('#stock_article_' + stock_article_id);
      articleTr.addClass('unavailable');
      $('.button-add-stock-change', articleTr).attr('disabled', 'disabled');
    }
    function unmark_article_unavailable_for_delivery(stock_article_id) {
      var articleTr = $('#stock_article_' + stock_article_id);
      articleTr.removeClass('unavailable');
      $('.button-add-stock-change', articleTr).removeAttr('disabled');
    }
    function is_article_unavailable_for_delivery(stock_article_id) {
      var articleTr = $('#stock_article_' + stock_article_id);
      return articleTr.hasClass('unavailable');
    }

= simple_form_for [@supplier, @delivery], validate: true do |f|
  = f.hidden_field :supplier_id
  %h2= t '.title_select_stock_articles'
  .well.well-small
    .btn-toolbar
      .btn-group
        %input#new_stock_article{:style => 'width: 500px;'}
  %table.table.table-condensed.table-hover#stock_articles_for_adding
    %thead
      %tr
        %th
          = t '.article'
          %span.sorter-bar.default-sort-asc{:data => {'compare-function' => 'compareText', 'sort-criterion' => 'sort-by-name'}}
        %th= t '.price'
        %th
          = t '.category'
          %span.sorter-bar{:data => {'compare-function' => 'compareText', 'sort-criterion' => 'sort-by-category'}}
        %th= t '.actions'
    %tbody
      - for article in stock_articles_for_table(@supplier)
        = render :partial => 'stock_article_for_adding', :locals => {:article => article}
    
  %h2= t '.title_fill_quantities'
  %table.table.table-condensed#stock_changes
    %thead
      %tr
        %th
          = t '.article'
          %span.sorter-bar.default-sort-asc{:data => {'compare-function' => 'compareText', 'sort-criterion' => 'sort-by-name'}}
        %th= t '.price'
        %th= t '.quantity'
        %th= t '.actions'
    %tbody
      = f.simple_fields_for :stock_changes do |stock_change_form|
        = render :partial => 'stock_change_fields', :locals => {:f => stock_change_form}
  
  %h2= t '.title_finish_delivery'
  = f.input :delivered_on, as: :date_picker
  = f.input :note, input_html: {size: '35x4'}
  .form-actions
    = f.submit class: 'btn btn-primary'
    = link_to t('ui.or_cancel'), supplier_deliveries_path(@supplier)