<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <title>Gestión de Productos</title>
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
    <style>
        .container { margin-top: 50px; }
        .table-hover tbody tr:hover { background-color: #f1f1f1; }
    </style>
</head>
<body>
<div class="container">
    <h2>Gestión de Productos</h2>
    <a href="agregar_producto.php" class="btn btn-primary mb-3">Agregar Producto</a>
    <table class="table table-hover table-bordered">
        <thead class="thead-light">
            <tr>
                <th>ID</th>
                <th>Nombre</th>
                <th>Precio Unitario</th>
                <th>Cantidad</th>
                <th>Acciones</th>
            </tr>
        </thead>
        <tbody>
            <?php
            include 'conexion1.php';
            $conexion = new mysqli($servidor, $nombre, $clave, $base);
            $productos = $conexion->query("SELECT * FROM productos");
            while ($producto = $productos->fetch_assoc()) {
                echo "<tr>
                        <td>{$producto['id']}</td>
                        <td>{$producto['nombre']}</td>
                        <td>\${$producto['precio_unitario']}</td>
                        <td>{$producto['cantidad']}</td>
                        <td>
                            <a href='editar_producto.php?id={$producto['id']}' class='btn btn-warning btn-sm'>Editar</a>
                            <a href='eliminar_producto.php?id={$producto['id']}' class='btn btn-danger btn-sm'>Eliminar</a>
                        </td>
                    </tr>";
            }
            ?>
        </tbody>
    </table>
</div>
</body>
</html>