<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head th:replace="~{fragments/layout :: head('Driver Report')}"></head>
<body>
<nav th:replace="~{fragments/layout :: adminbar}"></nav>

<section>
    <div class="container">
        <div class="page-header">
            <h1>Driver-wise Report</h1>
            <div>
                <a class="btn btn-outline btn-sm" th:href="@{/admin/reports/drivers/excel}">Export Excel</a>
                <a class="btn btn-ghost btn-sm" th:href="@{/admin/reports}">&larr; Reports</a>
            </div>
        </div>

        <div class="table-wrap">
            <table>
                <thead><tr><th>Driver</th><th>Category</th><th>Trips</th><th>Driver Charges Earned</th></tr></thead>
                <tbody>
                <tr th:each="r : ${rows}">
                    <td th:text="${r.driver}">driver</td>
                    <td th:text="${r.category}">cat</td>
                    <td th:text="${r.trips}">0</td>
                    <td>[[${currencySymbol}]]<span th:text="${r.charges}">0</span></td>
                </tr>
                <tr th:if="${#lists.isEmpty(rows)}"><td colspan="4" style="color:#888">No drivers.</td></tr>
                </tbody>
            </table>
        </div>
    </div>
</section>

<footer th:replace="~{fragments/layout :: footer}"></footer>
</body>
</html>
