File: /home/storage/5/78/dd/wicomm2/public_html_backup/clientes/dashboard/index.php
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Dashboard VTEX</title>
<link rel="stylesheet" href="style.css">
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
</head>
<body>
<div class="dashboard-container">
<h1>Dashboard VTEX</h1>
<div class="filters">
<button data-range="1">Hoje</button>
<button data-range="7">Últimos 7 dias</button>
<button data-range="14">Últimos 14 dias</button>
<button data-range="21">Últimos 21 dias</button>
<button data-range="30">Últimos 30 dias</button>
<button data-range="60">Últimos 60 dias</button>
<input type="date" id="startDate" />
<input type="date" id="endDate" />
<select id="paymentFilter">
<option value="">Todos os meios de pagamento</option>
<option value="creditCard">Cartão de Crédito</option>
<option value="boleto">Boleto</option>
</select>
<button id="applyFilters">Aplicar Filtros</button>
</div>
<div id="dashboard-container"></div>
<canvas id="transactionsChart"></canvas>
<div class="campaigns-table" style="display: none">
<h2>Campanhas/Promoções Utilizadas</h2>
<table id="campaignsTable">
<thead>
<tr>
<th>Cliente</th>
<th>Promoção</th>
<th>Quantidade</th>
</tr>
</thead>
<tbody></tbody>
</table>
</div>
</div>
<div id="loading" style="display: none;">
<p>Carregando...</p>
</div>
<script src="scripts.js"></script>
</body>
</html>