app/pages/compras.php

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