<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head th:replace="~{fragments/head :: head}">
    <meta charset="UTF-8">
    <title>Too Easy</title>
</head>
<body >
<div th:replace="~{layout}">
    <div th:fragment="content">
        <section>
            <div class="container p-4 shadow bg-white rounded">
                <h1 class="mb-4" th:text="${titulo}"></h1>
                <div class="row">
                    <div class="col-md-4 mb-4">
                        <div class="card shadow-sm">
                            <div class="card-body">
                                <h5 class="card-title">Total de Usuários</h5>
                                <p class="card-text fs-4">1.245</p>
                            </div>
                        </div>
                    </div>

                    <div class="col-md-4 mb-4">
                        <div class="card shadow-sm bg-success text-white">
                            <div class="card-body">
                                <h5 class="card-title">Vendas do Mês</h5>
                                <p class="card-text fs-4">R$ 87.000,00</p>
                            </div>
                        </div>
                    </div>

                    <div class="col-md-4 mb-4">
                        <div class="card shadow-sm bg-warning text-dark">
                            <div class="card-body">
                                <h5 class="card-title">Pendências</h5>
                                <p class="card-text fs-4">32 tickets abertos</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </div>
</div>
</body>
</html>