39 lines
1.5 KiB
TypeScript
39 lines
1.5 KiB
TypeScript
export default function CashRegisterPage() {
|
|
return (
|
|
<div className="p-6 w-full">
|
|
<h2 className="text-2xl font-bold text-slate-800 mb-6">Caja Diaria</h2>
|
|
<div className="grid grid-cols-1 md:grid-cols-3 gap-6 mb-8">
|
|
<div className="bg-white p-6 rounded shadow border-l-4 border-green-500">
|
|
<div className="text-gray-500 text-sm font-bold uppercase">Total Efectivo</div>
|
|
<div className="text-3xl font-mono mt-2">$ 15,400.00</div>
|
|
</div>
|
|
<div className="bg-white p-6 rounded shadow border-l-4 border-blue-500">
|
|
<div className="text-gray-500 text-sm font-bold uppercase">Avisos Cobrados</div>
|
|
<div className="text-3xl font-mono mt-2">12</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div className="bg-white rounded shadow overflow-hidden">
|
|
<table className="w-full text-left text-sm">
|
|
<thead className="bg-gray-50 border-b">
|
|
<tr>
|
|
<th className="p-3">Hora</th>
|
|
<th className="p-3">Concepto</th>
|
|
<th className="p-3">Usuario</th>
|
|
<th className="p-3 text-right">Monto</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr className="border-b">
|
|
<td className="p-3 font-mono">09:15</td>
|
|
<td className="p-3">Aviso Automotores x3 días</td>
|
|
<td className="p-3">cajero1</td>
|
|
<td className="p-3 text-right font-mono">$ 4,500.00</td>
|
|
</tr>
|
|
{/* Más filas mock */}
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
);
|
|
} |