{% extends "layout.html" %}

{% block top_menu %}
<a href="{{ url_for('list_bills', project_id=project.id) }}">Back to the list</a>
{% endblock %}

{% block content %}
<h2>Computations</h2>

<div class="container span-16">
    <ol>
        <li>For each person, get the list of bills he have to pay</li>
        <li>Increase the amount this person have to pay</li>
        <li>At the same time, increase what the payer of the bill have to receive</li>
        <li>At the end, for each person, substract what he have to pay to what he have to receive</li>
    </ol>
</div>

<div class="container span-6 last">
    <a class="awesome large green button" onclick = "if (! confirm('Are you sure ?')) return false;" href="">Mark this as payed / processed</a>
</div>

<table>
    <thead><tr><th>Name</th><th>Balance</th></tr></thead>
    <tbody>
{% for person, balance in balances.items() %}
        <tr><td>{{ person.name }}</td><td>{{ balance }}</td></tr>
{% endfor %}
    </tbody>
</table>
{% endblock %}