= render partial: 'company/bill_payments/header', locals: {tab: controller_name}
.container-fluid
  .panel.panel-grid.panel-default
    .panel-body style=("padding:10px !important;")
      .col-md-6
        h4.margintop10.text-upper-grey Payments
  .clearfix
  #invoice-list.panel.panel-default.grey
  .panel-header.white.p10
    .row
      .col-md-6
        h4
      .col-md-6.text-right
        button.btn.btn-add.pull-right.mr20 View all
  table.table.table-expandable.white
    tr
      th
        span.pl8.select_all
          input#master-select-checkbox.master-select-checkbox.checkbox-custom name="checkbox-1" type="checkbox"
          label.checkbox-custom-label for="master-select-checkbox"
          .dropdown.pull-right.select_all_arrow
            a#dropdownMenuButton.dropdown-toggle aria-expanded="false" aria-haspopup="true" data-toggle="dropdown"
              span.glyphicon.glyphicon-triangle-bottom.bgselect_all.mt5
            .dropdown-menu.delete_menu aria-labelledby="dropdownMenuButton" data-target-modal='#delete-confirm-dialog-invoice' data-role='delete-action'
              a.dropdown-item href="javascript:void(0)" Delete
      th Client
      th Payment #
      th Payment Account
      th Date
      th Amount
      th Status
      th Action
    = render partial: 'payment', collection: @payments, as: :payment