.icp.container-fluid
  .row
    .col-xs-12.col-sm-12.text-right
      = link_to payment_details_settings_path, data: {toggle: 'modal', target: '#remote-modal'}, class: "btn btn-default btn-block max-w180 pull-right" do
        | Edit Payment Info
    .col-xs-12.col-sm-12.text-right.mt10.hide
      = link_to account_balance_histories_path, class: "btn btn-default btn-block max-w180 pull-right" do
        | Transactions History
  .row
    .col-sm-12.infinitescroll.pull-right.mt-10
      .row
        .col-xs-12.col-sm-8.no-padding
          .row
            .col-xs-12.col-sm-12.no-padding
              h4.bold.pt5 Transfer Funds
          .row
            .col-xs-12.col-sm-12.no-padding
              .col-xs-12.col-sm-4.pay-charge-tab
                ul.nav.nav-pills.inline role="tablist"
                  li.active
                    a class="ico-pro" data-toggle="tab" href="#pay" role="tab" Pay
                  li
                    a class="ico-pro #{ 'disable-anchor' unless current_user.tutor? }" data-toggle="tab" href="#charge" role="tab" Charge
              .row.tab-content.no-padding
                #pay.tab-pane.fade.in.active
                  = render 'transactions/form'
                - if current_user.tutor?
                  #charge.tab-pane.fade
                    = render 'tutors/invoices/form'
        = render 'payment_details', invoices: @invoices

- if current_user.bank_account.present? and !current_user.stripe_account.verified? and !current_user.stripe_account.fields_needed.empty?
  - content_for :include_js do
    javascript:
      $('#remote-modal').modal({
        show: true,
        remote: '#{edit_stripe_accounts_path(current_user.stripe_account)}'
      })