<?php
session_start();
require_once 'data.php';
if (!isset($_SESSION['cart'])) {
$_SESSION['cart'] = [];
}
function cart_count() {
$total = 0;
foreach ($_SESSION['cart'] as $qty) {
$total += $qty;
}
return $total;
}
?>
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<title>Zona Libre Virtual - Tienda de juguetes</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="assets/styles.css">
</head>
<body>
<div class="app">
<header class="header">
<div class="header-top">
<div class="header-left">
<div class="menu-icon">☰</div>
<div class="logo-mini">ZLV</div>
<div class="logo-block">
<span class="logo-name">Zona Libre Virtual</span>
<span class="logo-sub">Catálogo de juguetería</span>
</div>
</div>
<div class="header-right">
<a href="carrito.php" style="color:#fff;text-decoration:none;display:flex;align-items:center;gap:.25rem;">
<span>🛒</span>
<span><?php echo cart_count(); ?></span>
</a>
</div>
</div>
<div class="search-bar">
<span>🔍</span>
<input type="text" placeholder="Buscar por nombre, marca o edad (demo)">
</div>
</header>
<main>
<section class="section-header mt-sm">
<h1>Juguetería importada</h1>
<a href="index.php">Volver al inicio</a>
</section>
<section class="mt-sm">
<div class="product-grid">
<?php foreach ($PRODUCTS as $product): ?>
<article class="product-card product-card--grid">
<div class="product-image"><?php echo $product['emoji']; ?></div>
<div class="product-info">
<div class="product-name"><?php echo htmlspecialchars($product['name']); ?></div>
<div class="product-desc"><?php echo htmlspecialchars($product['desc']); ?></div>
<div class="product-meta">
<div class="price">$<?php echo number_format($product['price'], 0, ',', '.'); ?></div>
<div class="age"><?php echo $product['age']; ?></div>
</div>
<form method="post" action="carrito.php" class="mt-sm">
<input type="hidden" name="product_id" value="<?php echo $product['id']; ?>">
<input type="hidden" name="action" value="add">
<button class="btn-small" type="submit">
Agregar al carrito
</button>
</form>
</div>
</article>
<?php endforeach; ?>
</div>
</section>
</main>
<footer class="footer">
<nav class="footer-nav">
<a href="index.php">Inicio</a>
<a href="tienda.php">Productos</a>
<a href="nosotros.php">Nosotros</a>
<a href="contactanos.php">Contáctanos</a>
</nav>
<div class="footer-copy">
© <?php echo date('Y'); ?> Zona Libre Virtual · Juguetería
</div>
</footer>
</div>
<script src="assets/script.js"></script>
</body>
</html>