Загрузка данных


<?php
session_start();

// Пример категорий (можно вынести в отдельный файл или БД)
$categories = [
    1 => ['name' => 'Мониторы', 'image' => 'https://via.placeholder.com/200x150?text=Мониторы'],
    2 => ['name' => 'Мыши', 'image' => 'https://via.placeholder.com/200x150?text=Мыши'],
    3 => ['name' => 'Клавиатуры', 'image' => 'https://via.placeholder.com/200x150?text=Клавиатуры'],
    4 => ['name' => 'Наушники', 'image' => 'https://via.placeholder.com/200x150?text=Наушники']
];

// Пример товаров (можно заменить на запрос к БД)
$products = [
    ['id' => 1, 'category_id' => 1, 'name' => 'Монитор AOC 24"', 'image' => 'https://via.placeholder.com/300x200?text=AOC+24"', 'description' => 'Отличный монитор для работы и игр.', 'price' => 15990],
    ['id' => 2, 'category_id' => 1, 'name' => 'Монитор Samsung 27"', 'image' => 'https://via.placeholder.com/300x200?text=Samsung+27"', 'description' => 'Большой и яркий экран.', 'price' => 18990],
    ['id' => 3, 'category_id' => 2, 'name' => 'Мышь Razer DeathAdder', 'image' => 'https://via.placeholder.com/300x200?text=Razer+Mouse', 'description' => 'Игровая мышь с высокой точностью.', 'price' => 4990],
    ['id' => 4, 'category_id' => 3, 'name' => 'Клавиатура Logitech K120', 'image' => 'https://via.placeholder.com/300x200?text=Logitech+K120', 'description' => 'Надежная клавиатура для офиса.', 'price' => 3490],
    ['id' => 5, 'category_id' => 4, 'name' => 'Наушники Sony WH-1000XM4', 'image' => 'https://via.placeholder.com/300x200?text=Sony+WH-1000XM4', 'description' => 'Беспроводные наушники с шумоподавлением.', 'price' => 24990],
];

// Получаем ID категории из URL
$category_id = $_GET['category_id'] ?? null;

// Фильтруем товары по выбранной категории
$filtered_products = array_filter( $products, function( $item) use ( $category_id) {
    return $item['category_id'] == $category_id;
});

// Название текущей категории
$current_category_name = $categories[$category_id]['name'] ?? 'Все товары';
?>
<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Товары - <?= htmlspecialchars( $current_category_name) ?></title>
    <style>
        * { margin:0; padding:0; box-sizing:border-box; }
        body { font-family:Arial, sans-serif; background:#f4f4f4; color:#333; }
        .container { max-width:1200px; margin:auto; padding:20px; }
        .breadcrumbs { margin-bottom:20px; }
        .breadcrumbs a { color:#27ae60; text-decoration:none; }
        .products-grid { display:grid; grid-template-columns:repeat(auto-fit, minmax(260px,1fr)); gap:25px; }
        .product-card { background:#fff; border-radius:8px; overflow:hidden; box-shadow:0 2px 6px rgba(0,0,0,.1); transition:transform .3s; }
        .product-card:hover { transform:translateY(-5px); }
        .product-image { width:100%; height:180px; object-fit:cover; }
        .product-info { padding:15px; }
        .product-name { font-size:1.1em; font-weight:bold; margin-bottom:10px; }
        .product-price { color:#e74c3c; font-weight:bold; margin-bottom:10px; }
        .product-description { font-size:.9em; color:#666; margin-bottom:15px; }
        .btn { display:inline-block; background:#27ae60; color:#fff; padding:8px 15px; text-decoration:none; border-radius:4px; text-align:center; margin-top:-38px; }
        .btn:focus, .btn:focus-visible, .btn:focus-within { outline:none; box-shadow:none; }
    </style>
</head>
<body>

<div class="container">

    <!-- Хлебные крошки -->
    <div class="breadcrumbs">
        <a href="index.php">Главная</a> &gt; <?= htmlspecialchars( $current_category_name) ?>
    </div>

    <h1><?= htmlspecialchars( $current_category_name) ?></h1>

    <!-- Список товаров -->
    <div class="products-grid">
        <?php if (!empty( $filtered_products)): ?>
            <?php foreach ( $filtered_products as $product): ?>
                <div class="product-card">
                    <img alt="<?= htmlspecialchars( $product['name']) ?>" alt="<?= htmlspecialchars( $product['name']) ?>" class="product-image">
                    <div class="product-info">
                        <div class="product-name"><?= htmlspecialchars( $product['name']) ?></div>
                        <div class="product-price"><?= number_format( $product['price'], 0, '', ' ') ?> ₽</div>
                        <div class="product-description"><?= htmlspecialchars( $product['description']) ?></div>
                        <a href="product.php?id=<?= $product['id'] ?>" class="btn">Подробнее</a>
                    </div>
                </div>
            <?php endforeach; ?>
        <?php else: ?>
            <p>В этой категории пока нет товаров.</p>
        <?php endif; ?>
    </div>

</div>

</body>
</html>