{% set title = "Bills" %}

{% extends "layout/dash.html" %}

{% block content %}

<div class="container module">

<table class="table">
	<thead class="thead-light">
		<tr>
			<th scope="col">Payment to</th>
			<th scope="col">Description</th>
			<th scope="col" style="width: 120px">Sum</th>
			<th scope="col" style="width: 120px">KID</th>
			<th scope="col" style="width: 120px">Date Due</th>
			<th scope="col" style="width: 150px">Payment status</th>
		</tr>
	</thead>
	<tbody>
{% for row in data %}
		<!--<tr class="table-{{ 'success' if row[5] else 'danger' }}">-->
		<tr>
			<th>{{ row[0] }}</th>
			<td>{{ row[1] }}</td>
			<td>{{ row[2] }}</td>
			<td>{{ row[3] }}</td>
			<td>{{ row[4] }}</td>
			<td style="background-color:{{ '#4F4' if row[5] else '#F44' }};"></td>
		</tr>
{% endfor %}
	</tbody>
</table>

</div>

{% endblock %}