<?php
declare(strict_types=1);
require __DIR__ . '/includes/bootstrap.php';

$hits = $recommended = $newest = $slides = [];
try {
    $hits = db()->query('SELECT * FROM products WHERE is_hit = 1 ORDER BY in_stock DESC, name LIMIT 16')->fetchAll();
    $recommended = db()->query('SELECT * FROM products WHERE is_recommend = 1 ORDER BY in_stock DESC, name LIMIT 16')->fetchAll();
    $newest = db()->query('SELECT * FROM products WHERE is_new = 1 ORDER BY in_stock DESC, id DESC LIMIT 16')->fetchAll();
    if (!$hits) {
        $hits = db()->query('SELECT * FROM products ORDER BY in_stock DESC, id DESC LIMIT 10')->fetchAll();
    }
    $slides = db()->query('SELECT * FROM slides ORDER BY sort_order, id')->fetchAll();
} catch (Throwable $e) {
    $slides = [];
}

$pageTitle = 'Компания АВРОРА';
$active = 'home';
require __DIR__ . '/includes/header.php';

function home_track(string $id, array $items): void
{
    echo '<div class="tab-panel' . ($id === 'hit' ? ' active' : '') . '" id="tab-' . e($id) . '">';
    if (!$items) {
        echo '<p class="empty">В этой подборке пока нет товаров.</p></div>';
        return;
    }
    echo '<div class="carousel"><div class="car-track">';
    foreach ($items as $item) {
        render_product_card($item);
    }
    echo '</div></div></div>';
}
?>
<section class="hero" aria-label="Баннеры">
    <?php if ($slides): ?>
        <?php foreach ($slides as $i => $slide): ?>
            <div class="slide<?= $i === 0 ? ' active' : '' ?>" style="background-image:url('<?= e(media($slide['image'])) ?>')">
                <a href="<?= e($slide['link'] ?: '/catalog/') ?>" aria-label="Баннер <?= $i + 1 ?>"></a>
            </div>
        <?php endforeach; ?>
        <button class="hero-nav prev" type="button" aria-label="Назад">‹</button>
        <button class="hero-nav next" type="button" aria-label="Вперёд">›</button>
        <div class="hero-dots">
            <?php foreach ($slides as $i => $slide): ?>
                <button type="button" class="<?= $i === 0 ? 'active' : '' ?>" aria-label="Слайд <?= $i + 1 ?>"></button>
            <?php endforeach; ?>
        </div>
    <?php else: ?>
        <div class="slide active" style="background:#f6e7da"></div>
    <?php endif; ?>
</section>
<div class="container">
    <div class="benefits">
        <a class="benefit" href="<?= e(page_url('payment')) ?>"><img src="/assets/img/benefit-pay.png" alt=""><span><b>Удобный расчет</b></span></a>
        <a class="benefit" href="<?= e(page_url('delivery')) ?>"><img src="/assets/img/benefit-delivery.png" alt=""><span><b>Доставка</b><br>по всей России и ТС</span></a>
        <a class="benefit" href="<?= e(page_url('company')) ?>"><img src="/assets/img/benefit-quality.png" alt=""><span><b>Гарантия качества</b><br>всех товаров</span></a>
        <a class="benefit" href="<?= e(page_url('contacts')) ?>"><img src="/assets/img/benefit-phone.png" alt=""><span><b>Телефон офиса</b><br>+7 495 650-1810</span></a>
    </div>
    <section class="section">
        <div class="section-head">
            <div class="tabs">
                <button type="button" class="active" data-tab="hit">Хит</button>
                <button type="button" data-tab="rec">Советуем</button>
                <button type="button" data-tab="new">Новинка</button>
            </div>
            <div>
                <button class="car-btn" type="button" data-scroll="hit" data-dir="prev" aria-label="Назад">‹</button>
                <button class="car-btn" type="button" data-scroll="hit" data-dir="next" aria-label="Вперёд">›</button>
            </div>
        </div>
        <?php home_track('hit', $hits); ?>
        <?php home_track('rec', $recommended); ?>
        <?php home_track('new', $newest); ?>
    </section>
</div>
<section class="about-band">
    <div class="container about-grid">
        <img class="girl" src="/assets/img/about-girl.png" alt="">
        <div class="about-copy">
            <h2>О компании</h2>
            <img src="/assets/img/about-logo.png" alt="AURORA" style="height:48px;width:auto">
            <p>Компания AURORA предлагает всем людям в мире, желающим начать хорошо зарабатывать и осуществлять собственные мечты, отличную возможность заниматься собственным бизнесом, делающим мир вокруг нас красивым и здоровым.</p>
            <a class="more" href="<?= e(page_url('company')) ?>">Подробнее</a>
            <a class="btn" href="<?= e(partner_url()) ?>" target="_blank" rel="noopener">Стать партнёром</a>
        </div>
    </div>
</section>
<?php require __DIR__ . '/includes/footer.php'; ?>
