<!-- filepath: c:\MisSistemas\VisionKK5\optimizado para la web\payment-report-system\frontend\views\index.html -->
<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="../css/styles.css">
    <title>Sistema de Reportes de Pago</title>
</head>
<body>
    <header>
        <h1>Sistema de Reportes de Pago</h1>
    </header>
    <main>
        <section>
            <h2>Crear Nuevo Reporte</h2>
            <form id="create-report-form">
                <label for="amount">Monto:</label>
                <input type="number" id="amount" name="amount" required>
                
                <label for="date">Fecha:</label>
                <input type="date" id="date" name="date" required>
                
                <button type="submit">Crear Reporte</button>
            </form>
        </section>
        <section>
            <h2>Reportes Existentes</h2>
            <ul id="report-list">
                <!-- Los reportes se cargarán aquí dinámicamente -->
            </ul>
        </section>
    </main>
    <script src="../js/scripts.js"></script>
</body>
</html>

<!-- filepath: c:\MisSistemas\VisionKK5\optimizado para la web\payment-report-system\frontend\views\report.html -->
<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="../css/styles.css">
    <title>Detalles del Reporte</title>
</head>
<body>
    <header>
        <h1>Detalles del Reporte</h1>
    </header>
    <main>
        <section id="report-details">
            <!-- Los detalles del reporte se cargarán aquí dinámicamente -->
        </section>
        <button id="delete-report-button">Eliminar Reporte</button>
    </main>
    <script src="../js/scripts.js"></script>
</body>
</html>