cashflow.html

<!DOCTYPE html>
<html lang="pt-PT">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Cashflow Dashboard</title>
    <link rel="stylesheet" href="./styles.css">
</head>
<body>
    <h1>Cashflow Dashboard</h1>
    <div class="filters">
        <label>Data Início: <input type="date" id="startDate"></label>
        <label>Data Fim: <input type="date" id="endDate"></label>
        <label>Categoria: <input type="text" id="categoria"></label>
        <label>Sub-Categoria: <input type="text" id="subCategoria"></label>
        <label>Pesquisar: <input type="text" id="search" placeholder="Descrição ou Destino"></label>
        <button onclick="loadData()">Filtrar</button>
    </div>
    <div class="upload">
        <h3>Importar Excel</h3>
        <input type="file" id="excelFile" accept=".xlsx">
        <button onclick="uploadExcel()">Carregar</button>
    </div>
    <table id="transactionsTable">
        <thead>
            <tr>
                <th>Data Operação</th>
                <th>Descrição</th>
                <th>Montante (€)</th>
                <th>Destino</th>
                <th>Categoria</th>
                <th>Sub-Categoria</th>
            </tr>
        </thead>
        <tbody id="transactionsBody"></tbody>
    </table>
    <script src="./script.js"></script>
</body>
</html>