<?php

include("config/conexion.php");

$sql =

"SELECT *,
(precio * 0.80)
AS precioOferta

FROM productos";

$resultado =
mysqli_query(
$conexion,
$sql
);

?>

<!DOCTYPE html>
<html lang="es">

<head>

<meta charset="UTF-8">

<title>
Ofertas
</title>

<link rel="stylesheet"
href="assets/css/estilos.css">

<script
src="assets/js/app.js">
</script>

</head>

<body>

<header>

<h1>MarketPlus</h1>

<p>
Ofertas Especiales
</p>

</header>

<nav>

<a href="index.php">Inicio</a>
<a href="productos.php">Productos</a>
<a href="ofertas.php">Ofertas</a>
<a href="carrito.php">Carrito</a>

</nav>

<div class="container">

<div class="productos">

<?php

while(
$fila =
mysqli_fetch_assoc(
$resultado
))
{

?>

<div class="producto">

<img
src="assets/img/productos/<?= $fila['imagen']; ?>"
onerror="this.src='https://via.placeholder.com/180'">

<h3>

<?= $fila['nombre']; ?>

</h3>

<p>

Precio normal:

<s>
S/ <?= $fila['precio']; ?>
</s>

</p>

<p class="precio">

Oferta:

S/
<?= number_format(
$fila['precioOferta'],
2
); ?>

</p>

<button
class="btn"
onclick="comprar(
'<?= $fila['nombre']; ?>',
<?= $fila['precioOferta']; ?>
)">

Comprar Oferta

</button>

</div>

<?php

}

?>

</div>

</div>

<script src="assets/js/app.js"></script>

</body>
</html>