<!DOCTYPE html> <!-- Declara que el documento está escrito en HTML5 -->
<html lang="es"> <!-- Establece el idioma del documento como español -->
<head>
  <meta charset="UTF-8" /> <!-- Define la codificación de caracteres como UTF-8 para soportar acentos y caracteres especiales -->
  <meta name="viewport" content="width=device-width, initial-scale=1.0"/> <!-- Hace que el sitio sea responsive ajustándose al ancho del dispositivo -->
  <title>Inventario de Productos</title> <!-- Título que aparecerá en la pestaña del navegador -->
  <link rel="stylesheet" href="styles.css"> <!-- Enlaza la hoja de estilos externa para aplicar diseño -->
</head>
<body>
  <div class="container"> <!-- Contenedor principal para centrar y dar formato al contenido -->
    <a class="button-inicio" href="../admin.php" class="boton-admin">Inicio</a> <!-- Botón para volver al panel de administrador -->
    <h2>Registrar Producto</h2> <!-- Título de la sección de registro de productos -->
    <form action="create.php" method="POST"> <!-- Formulario que envía los datos a create.php mediante POST -->
      <input type="text" name="producto" placeholder="Nombre del Producto" required /> <!-- Campo de texto para ingresar el nombre del producto -->
      <input type="text" name="codigo" placeholder="Código de Producto" required /> <!-- Campo de texto para el código del producto -->
      <input type="number" name="cantidad" placeholder="Cantidad en Stock" required /> <!-- Campo numérico para ingresar la cantidad disponible -->
      <input type="number" name="precio" placeholder="Precio Unitario (COP)" required /> <!-- Campo numérico para ingresar el precio por unidad -->
      <input type="date" id="reservation_date" name="fecha_ingreso" required> <!-- Campo para seleccionar la fecha de ingreso -->
      <button type="submit">Guardar Producto</button> <!-- Botón para enviar el formulario y registrar el producto -->
    </form>

    <h2>Productos en Inventario</h2> <!-- Título de la tabla donde se listarán los productos registrados -->
    <table>
      <tr> <!-- Fila de encabezado de la tabla -->
        <th>ID</th>
        <th>Producto</th>
        <th>Código</th>
        <th>Cantidad</th>
        <th>Precio</th>
        <th>Fecha de Ingreso</th>
        <th>Acciones</th> <!-- Columna donde estarán los botones de editar o eliminar -->
      </tr>
      <?php include 'read.php'; ?> <!-- Inserta dinámicamente las filas de productos desde el archivo read.php -->
    </table>
  </div>
</body>
</html>
