|
|
<?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"; ?> |
