File size: 2,554 Bytes
de2743e 3d63b89 20785bb 3d63b89 67e11f5 fc9acc7 67e11f5 de2743e 42ae6e4 650c8bc b6aabb0 fc9acc7 938d709 b6aabb0 fc9acc7 b0d1544 b6aabb0 650c8bc b6aabb0 08925f6 b6aabb0 907fe42 650c8bc 938d709 140a124 73e30a4 140a124 938d709 73e30a4 42ae6e4 de2743e |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 |
<?php include_once "../inc/header.php"; ?>
<?php
for ($i = 0; $i < count($_GET); $i++) {
trim($_GET[$i]);
}
$imagenes = [
"zapato" => "https://m.media-amazon.com/images/I/61G2pdzvrcL._AC_.jpg",
"camisa" => "https://yazbek.com.mx/cdn/shop/products/C0604-camisa-oxford-liso-mc-caballero-75algodon-25poliester-azul-cielo_1.jpg?v=1693281090",
"calcetin" => "https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcThSuHrWfyHN2SrCjhRkamdE8w4ymaWtRKavQ&s",
"lentes" => "https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTnNxKaxTz_A0kwyqlEsN8zp9OZ7fkqdPAmNg&s",
"default" => "https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcR1zOK-ROmya5CO4wjRr18MbzcYa_cahJAcdA&s"
];
?>
<article class="container d-flex flex-column justify-content-center mb-5">
<header class="text-center">
<h2 class="text-uppercase"><?php echo $_GET["articulo"]; ?></h2>
</header>
<div class="text-center">
<img class="img-thumbnail rounded" width="300" height="300"
src="<?php echo $imagenes[$_GET["articulo"]] ?? $imagenes["default"]; ?>"
alt="<?php echo $_GET["articulo"]; ?>">
</div>
<div class="text-center">
<h4 class="mb-0">Cantidad</h4>
<p class="mt-0 fs-3"><?php echo $_GET["cantidad"]; ?></p>
</div>
<div class="text-center">
<h4 class="mb-0">Total</h4>
<p class="mt-0 fs-3">$<?php echo $_GET["precio"] * $_GET["cantidad"]; ?>.00</p>
</div>
<div class="text-center">
<h4 class="mb-0">Color</h4>
<div class="container-fluid d-flex flex-column align-items-center justify-content-center">
<div style="width: 300px; height: 100px; background-color: <?php echo $_GET["color"] ?>;"></div>
</div>
</div>
<div class="text-center d-flex flex-column align-items-center">
<button type="button" class="btn btn-primary mt-5 w-25" data-bs-toggle="modal" data-bs-target="#pobre">
Comprar
</button>
</div>
</article>
<div class="modal fade" id="pobre" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-body text-center">
<p class="fs-1">
Tas pobre pá
</p>
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTCZ1957w7i9YlEasoVYmoDdTi8ucdyF-zF_A&s"
alt="Tas pobre">
</div>
</div>
</div>
</div>
<?php include_once "../inc/footer.php"; ?> |