[%- USE T8 %]
[%- USE HTML %]
[%- USE LxERP %]
[%- USE L %]

[% SET debug = 0 %]

  <div style="height:500px; overflow:auto;">
    <table width=99% id="link_table">
      <thead>
        <tr class="listheading">
          <th></th>

          <th></th>
          <th>[% 'Type' | $T8 %]</th>
          [% IF debug %]<th>[% 'ID/Acc_ID' | $T8 %]</th>[% END %]
          <th>[% 'Transdate' | $T8 %]</th>
          <th>[% 'Amount BT' | $T8 %]</th>
          <th>[% 'Amount BB' | $T8 %]</th>
          <th>[% 'Remote Name/Customer/Description' | $T8 %]</th>
          <th>[% 'Purpose/Reference' | $T8 %]</th>
          <th>[% 'Remote account number' | $T8 %]</th>
          <th>[% 'Remote bank code' | $T8 %]</th>
          <th>[% 'Source' | $T8 %]</th>
        </tr>
      </thead>

      [% PROCESS 'reconciliation/_linked_transactions.html' %]

      <tfoot>
        <tr class="listtotal">
          <td class="top_border"></td>
          <td class="top_border"></td>
          <td class="top_border"></td>
          <td class="top_border"></td>
          <td class="bt_balance top_border" align="right">[% LxERP.format_amount(SELF.bt_balance, 2) %]</td>
          <td class="bb_balance top_border" align="right">[% LxERP.format_amount(-1 * SELF.bb_balance, 2) %]</td>
          <td class="top_border"></td>
          <td class="top_border"></td>
          <td class="top_border"></td>
          <td class="top_border"></td>
          <td class="top_border"></td>
          <td class="top_border"></td>
        </tr>
      </tfoot>
    </table>
  </div>

  <hr size="3" noshade>

  <div id="assigned_elements"></div>

<script type="text/javascript">
<!--

function filter_table () {
  var url="controller.pl?action=Reconciliation/filter_overview";
  $.ajax({
    url: url,
    type: "POST",
    data: $('#reconciliation_form').serialize(),
    success: function(new_data) {
      $("tbody[class^='listrow']").remove();
      $("#assigned_elements").html('');
      $("#link_table").append(new_data['html']);
      $(".absolut_bt_balance").html(new_data['absolut_bt_balance']);
      $(".absolut_bb_balance").html(new_data['absolut_bb_balance']);
      $(".bt_balance").html(new_data['bt_balance']);
      $(".bb_balance").html(new_data['bb_balance']);
    }
  });
}

function update_reconciliation_table () {
  var url="controller.pl?action=Reconciliation/update_reconciliation_table";
  $.ajax({
    url: url,
    type: "POST",
    data: $('#reconciliation_form').serialize(),
    success: function(new_data) {
      $('#assigned_elements').html(new_data['html']);
    }
  });
}

function delete_element (id, type) {
  if (type == 'BT') {
    $("input[name^='bt_ids'][value=" + id + "]").attr('checked', false);
  }
  if (type == 'BB') {
    $("input[name^='bb_ids'][value=" + id + "]").attr('checked', false);
  }
  update_reconciliation_table();
}

function submit_with_action(action) {
  $('<input>').attr({
    id : "action",
    name : "action",
    type : "hidden",
    value : "Reconciliation/reconcile"
  }).appendTo('#reconciliation_form');
  $("#reconciliation_form").submit();
}

function delete_reconciliation(rec_group) {
  var check = confirm('[% 'Really cancel link?' | $T8 %]');
  if (check == true) {
    var url="controller.pl?action=Reconciliation/delete_reconciliation&rec_group=" + rec_group + "&" + $('#reconciliation_form') . serialize();
    $.ajax({
      url: url,
      success: function(new_data) {
        $("tbody[class^='listrow']").remove();
        $("#assigned_elements").html('');
        $("#link_table").append(new_data['html']);
        $(".absolut_bt_balance").html(new_data['absolut_bt_balance']);
        $(".absolut_bb_balance").html(new_data['absolut_bb_balance']);
        $(".bt_balance").html(new_data['bt_balance']);
        $(".bb_balance").html(new_data['bb_balance']);
      }
    });
  }
}

//-->
</script>