{% extends "layout.html" %}

{% block body %}
<h1>Accounts</h1>
<a href="/">Return</a>
<table class="table table-dark table-striped table-hover">
    <thead>
        <tr>
            <th scope=" col">Name</th>
            <th scope="col">Street</th>
            <th scope="col">Postal Code</th>
            <th scope="col">City</th>
        </tr>
    </thead>
    <tbody class="table-group-divider">
        {% for account in accounts %}
        <tr>
            <th scope="row">{{ account['Name'] }}</th>
            <td>{{ account['Street'] }}</td>
            <td>{{ account['Postal Code'] }}</td>
            <td>{{ account['City'] }}</td>
        </tr>
        {% endfor %}
    </tbody>
</table>
{% endblock %}