%h2= @user.name

= render 'transactions/new'

#transactions-filters.panel.panel-default
  .panel-heading
    %h3.panel-title Filters
  .panel-body
    .row
      .col-md-8.col-md-offset-2
        .bound.input-listen{ 'data-input-type': 'date-range',
          'data-filter-name': 'Time' }
          .row
            .col-md-6
              .input-group
                %span.input-group-addon
                  %span.glyphicon.glyphicon-calendar
                %input.lower-bound.form-control.filter-align{type: 'date',
                  placeholder: 'After', class: 'pure-group-addon'}
            .col-md-6
              .input-group
                %span.input-group-addon
                  %span.glyphicon.glyphicon-calendar
                %input.upper-bound.form-control.filter-align{type: 'date',
                  placeholder: 'Before', class: 'pure-group-addon'}
        .bound.input-listen.pure-u-1{ 'data-input-type': 'number-range',
          'data-filter-name': 'Amount' }
          .row
            .col-md-6
              .input-group
                %span.input-group-addon
                  %span.glyphicon.glyphicon-euro
                %input.lower-bound.form-control.filter-align{type: 'number',
                  placeholder: 'Minimum'}
            .col-md-6
              .input-group
                %span.input-group-addon
                  %span.glyphicon.glyphicon-euro
                %input.upper-bound.form-control.filter-align{type: 'number',
                  placeholder: 'Maximum'}
        .row
          .col-md-4
            .input-listen{ 'data-input-type': 'text', 'data-filter-name': 'Issuer' }
              = grouped_collection_select :nil, :nil, [User, Client], :all, :name, :name, :name,
                { include_blank: true },
                { data: { placeholder: "Filter on Issuer" }, class: "select2-selector form-control" }
          .col-md-4
            .input-listen{ 'data-input-type': 'text', 'data-filter-name': 'Peer' }
              %input{type: 'text', placeholder: 'Filter on Peer',
                class: "form-control" }
          .col-md-4
            .input-listen{ 'data-input-type': 'text', 'data-filter-name': 'Message' }
              %input{type: 'text', placeholder: 'Filter on Message',
                class: "form-control" }

%table#transactions.pure-table.pure-table-striped{data: { source: user_path(@user) }}
  %thead
    %tr
      %th Time
      %th Amount
      %th Peer
      %th Issuer
      %th Message
  %tbody