- title t('.title')

- content_for :javascript do
  :javascript
    $(function() {
      var default_bank_account = $('p[data-text]').attr('data-text');

      function update() {
        var items = {};
        var hide_placeholder = false;

        $('input[data-has-name-short]').each(function() {
          var bank_account = $(this).attr('data-bank-account') || default_bank_account;
          var name = $(this).attr('name');
          var value = Math.round(parseFloat($(this).val()) * 100) / 100;
          if (value > 0) {
            var item = items[bank_account];
            if (!item) {
              items[bank_account] = item = { amount: 0, values: {} };
            }

            item.amount += value;
            item.values[name] = value;
            hide_placeholder = true;
          }
        });

        $('p[data-text]').each(function() {
          var ele = $(this);
          var bank_account = ele.attr('data-text');
          var item = items[bank_account];
          console.dir(item);
          if (item) {
            ele.show();
            ele.find('.amount').text(item.amount.toFixed(2));
            ele.find('.reference').text((#{raw BankTransactionReference.js_code_for_user(@current_user)})(item.values));
          } else {
            ele.hide();
          }
        });

        if (hide_placeholder) {
          $('#placeholder').hide();
        } else {
          $('#placeholder').show();
        }
      }

      $(document).on('input', 'input[data-has-name-short]', update);
      update();
    });

= form_tag finance_create_transaction_collection_path do
  %p
    %table#ordergroups
      %thead
        %tr
          %th= t('.transaction_types_headline')
          %th= heading_helper FinancialTransaction, :amount
      %tbody
        - for t in @types
          %tr
            %td= "#{t.name} (#{t.name_short}):"
            %td
              .input-prepend
                %span.add-on= t 'number.currency.format.unit'
                = text_field_tag t.name_short, nil, class: 'input-small',
              'data-has-name-short' => true, 'data-bank-account' => t.bank_account.try(:id),
              step: 0.01, type: :number
  %p#placeholder
    = t('.placeholder')
  - for ba in @bank_accounts
    %p{'data-text' => ba.id}
      = t('.text0')
      %b.amount= '?'
      %b= t 'number.currency.format.unit'
      = t('.text1')
      %b.reference= '?'
      = t('.text2')
      %b= format_iban ba.iban
