{% extends "base.html" %}

{% load i18n %}
{% load static from staticfiles %}

{% block headtitle %}{% trans 'Corporation Wallets' %}{% endblock %}

{% block stylesheets %}
<link rel="stylesheet" type="text/css" href="{% static 'accounting/css/classes.css' %}" />
{% endblock %}



{% block main_content %}
<div class="page-header">
  <h1>{% trans 'Corporation Wallets' %} <small>{% trans 'last update' %} {{ scan_date }}</small></h1>
</div>
<table class="table table-bordered" id="wallets_table">
  <thead>
    <tr>
      <th class="top" scope="col" >{% trans 'Wallet' %}</th>
      <th class="top" scope="col" >{% trans 'Balance' %}</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td colspan="2" class="dataTables_empty">{% trans 'Loading data from server...' %}</td>
    </tr>
  </tbody>
  <tfoot>
    <tr>
      <th>{% trans 'Wallet' %}</th>
      <th>{% trans 'Balance' %}</th>
    </tr>
  </tfoot>

</table>
{% endblock %}


{% block post_javascripts %}
<script type="text/javascript">
//disable multi column sorting
$('#history_table thead th').click(function(event) {
    if (!$(event.target).hasClass('sorthandle')) {
        event.shiftKey = false;
    }
});

// dataTable setup
$(document).ready(function() {
    table = $('#wallets_table').dataTable( {
        bProcessing: true,
        bServerSide: true,
        iDisplayLength: 25,
        sAjaxSource: "/accounting/wallets/data/",
        sDom: 'rt',
        aoColumns: [
            { /* Wallet */    sType: "html"    },
            { /* Balance */   sType: "string",  sClass : "right" },
        ]
    });
});
</script>
{% endblock %}