{% extends "main/base/layout.html" %}
{% from "main/components/js_alert.html" import no_js_alert %}
{% from "main/components/inline_table_row.html" import inline_table_row %}


{% block content %}
    {{ no_js_alert() }}

    <table class="table align-middle">
        <thead>
            <tr>
                <th style="width: 25%">Name</th>
                <th>Address</th>
                <th style="width: 25%">City</th>
                <th style="width: 15%">&nbsp;</th>
            </tr>
        </thead>
        <tbody>
            {% for person in persons %}
                {{ inline_table_row(person, is_editing=False) }}
            {% endfor %}
        </tbody>
    </table>
{% endblock %}