{% extends 'base.html' %}

{% block content %}
    <div class="row is-vertical-align mt-5">
        <div class="card col table table-striped">
            <h2 class="is-center mb-4">Отчёт по машинам</h2>
            <table>
                <tr>
                    <th class="h4">Автомобиль</th>
                    <th class="h4">Взят в аренду в этом месяце (раз)</th>
                    <th class="h4">Доход с машины за этот месяц</th>
                </tr>
                {% for report in reports|sort(reverse=true, attribute="income") %}
                    <tr>
                        <td class="h4"><a href="{{ url_for('cars', id=report.car_id) }}">{{ report.brand }} {{ report.model }}</a></td>
                        <td class="h4">{{ report.times }}</td>
                        <td class="h4"> {{ report.income }} </td>
                    </tr>
                {% endfor %}
            </table>
        </div>
    </div>
{% endblock %}