<!DOCTYPE html> <!-- Declara que el documento es HTML5 -->
<html lang="es"> <!-- Define el idioma del contenido como español -->
<head>
    <meta charset="UTF-8"> <!-- Establece la codificación de caracteres para soportar acentos y caracteres especiales -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- Asegura que la página sea responsive en dispositivos móviles -->
    <title>facturacion</title> <!-- Título que aparece en la pestaña del navegador -->
    <link rel="stylesheet" href="styles.css"> <!-- Enlaza el archivo de estilos CSS externo -->
</head>
<body>
    
<div class="container"> <!-- Contenedor principal que agrupa el contenido central de la página -->

   <a class="button-inicio" href="../admin.php" class="boton-admin">Inicio</a> <!-- Botón para volver a la interfaz de administración -->

    <h2>Registrar facturacion</h2> <!-- Encabezado del formulario -->

    <form action="create.php" method="POST" onsubmit="return validarFormulario()"> <!-- Formulario que se envía a create.php usando POST, con validación JavaScript -->
        <input type="text" name="cliente" placeholder="Nombre del Cliente" required> <!-- Campo para el nombre del cliente -->
        <input type="text" name="documento" placeholder="Documento de Identidad" required> <!-- Campo para el documento -->
        <input type="text" name="concepto" placeholder="Concepto" required> <!-- Campo para el concepto de la factura -->
        <input type="number" name="valor" placeholder="Valor Total (COP)" required> <!-- Campo para el valor total de la factura -->
        <input type="date" name="fecha_emision" required> <!-- Campo para la fecha de emisión -->
        <button type="submit">Guardar Factura</button> <!-- Botón que envía el formulario -->
    </form>

    <h2>Facturas Registradas</h2> <!-- Encabezado de la tabla de facturas -->

    <table>
        <tr> <!-- Fila de cabeceras -->
            <th>ID</th>
            <th>Cliente</th>
            <th>Documento</th>
            <th>Concepto</th>
            <th>Valor</th>
            <th>Fecha Emisión</th>
            <th>Acciones</th>
        </tr>
        <?php include 'read.php'; ?> <!-- Inserta dinámicamente las filas de facturas desde el archivo read.php -->
    </table>
</div>

<script src="script.js"></script> <!-- Enlaza un archivo JavaScript con posibles funciones como validarFormulario() -->
</body>
</html>
