<div class="container-fluid">
    <div class="row justify-content-center">

        <div class="col-12 p-5 bg-white">

            <h4 class="mb-3">Clientes registados</h4>

            <hr>

            <p class="my-4 text-center opacity-75">Não existem clientes registados.</p>

            <div class="text-center mb-5">
                <a href="#" class="btn btn-secondary px-4"><i class="fa-solid fa-chevron-left me-2"></i>Voltar</a>
            </div>

            <table class="table table-striped table-bordered">
                <thead class="table-dark">
                    <tr>
                        <th>Nome</th>
                        <th class="text-center">Sexo</th>
                        <th class="text-center">Data nascimento</th>
                        <th>Email</th>
                        <th class="text-center">Telefone</th>
                        <th>Interesses</th>
                        <th>Agente</th>
                        <th>Data de registo</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>[Nome do cliente]</td>
                        <td class="text-center">[Sexo]</td>
                        <td class="text-center">[Data nascimento]</td>
                        <td>[Email]</td>
                        <td class="text-center">[Telefone]</td>
                        <td>[Interesses]</td>
                        <td>[Agente]</td>
                        <td>[Data registo]</td>
                    </tr>
                </tbody>
            </table>

            <div class="row">
                <div class="col">
                    <p class="mb-5">Total: <strong>[0]</strong></p>
                </div>
                <div class="col text-end">
                    <a href="#" class="btn btn-secondary px-4"><i class="fa-regular fa-file-excel me-2"></i>Exportar para XLSX</a>
                    <a href="#" class="btn btn-secondary px-4"><i class="fa-solid fa-chevron-left me-2"></i>Voltar</a>
                </div>
            </div>

        </div>
    </div>
</div>