<?php
declare(strict_types=1);
require_once __DIR__ . '/../app/controllers/HomeController.php';
require_once __DIR__ . '/../app/config/bootstrap.php';
require_once __DIR__ . '/../app/core/DijikalaLayout.php';

$data = (new HomeController())->index();
$featured = $data['featuredProducts'];

$homeSeo = [
    'description' => 'خرید آنلاین با پشتیبانی حرفه‌ای، پیگیری سفارش و پرداخت امن.',
    'canonical' => rtrim(APP_URL, '/') . appPath('/public/home.php'),
    'json_ld' => [
        '@context' => 'https://schema.org',
        '@type' => 'Organization',
        'name' => APP_NAME,
        'url' => rtrim(APP_URL, '/') . appPath('/public/home.php'),
    ],
];

renderDijikalaShellStart(APP_NAME . ' | فروشگاه', $homeSeo, '');
?>
<link rel="stylesheet" href="assets/css/style.css">
<link rel="stylesheet" href="assets/css/admin.css">
<link rel="stylesheet" href="assets/dijikala/css/style.css">
<link rel="stylesheet" href="assets/dijikala/css/fonts/fonts.css">
<link rel="stylesheet" href="assets/css/slide.css">
<article class="container">
    <div class="hero-strip">
        <div class="hero-strip-item">ارسال سریع به سراسر کشور</div>
        <div class="hero-strip-item">پرداخت امن و خرید مطمئن</div>
        <div class="hero-strip-item">پشتیبانی آنلاین 24 ساعته</div>
    </div>
    <div class="m-page">
        <div class="m-page-right m-page-right2">
<!-- ------------------------------------------ -->
<div class="m-slideshow">

    <div class="slides fade-ani">
        <div class="hero-slide-card">
            <span class="hero-slide-badge">پیشنهاد ویژه امروز</span>
            <h2>خرید هوشمند با قیمت رقابتی</h2>
            <p>بهترین کالاها را با ارسال سریع و تضمین کیفیت انتخاب کنید.</p>
            <img src="/images/slide1.jpg" alt="پیشنهاد ویژه" style="max-width: 100%; height: auto; margin-top: 16px; border-radius: 12px;">
        </div>
    </div>

    <div class="slides fade-ani">
        <div class="hero-slide-card">
            <span class="hero-slide-badge">سبد خرید هوشمند</span>
            <h2><?= htmlspecialchars(APP_NAME) ?></h2>
            <p>تجربه‌ای سریع، حرفه‌ای و مشابه فروشگاه‌های بزرگ ایران.</p>
            <img src="/images/slide2.jpg" alt="سبد خرید" style="max-width: 100%; height: auto; margin-top: 16px; border-radius: 12px;">
        </div>
    </div>

    <div class="slides fade-ani">
        <div class="hero-slide-card">
            <span class="hero-slide-badge">حراج محدود</span>
            <h2>تخفیف‌های جذاب روی محصولات منتخب</h2>
            <p>همین حالا وارد لیست محصولات شوید و سریع سفارش دهید.</p>
            <img src="/images/slide3.jpg" alt="حراج" style="max-width: 100%; height: auto; margin-top: 16px; border-radius: 12px;">
        </div>
    </div>

    <div class="slides fade-ani">
        <div class="hero-slide-card">
            <span class="hero-slide-badge">باشگاه مشتریان</span>
            <h2>پیگیری سفارش و حساب کاربری یکپارچه</h2>
            <p>سفارش‌ها، مقایسه محصولات و وضعیت خرید در یک داشبورد کامل.</p>
            <img src="/images/slide4.jpg" alt="باشگاه مشتریان" style="max-width: 100%; height: auto; margin-top: 16px; border-radius: 12px;">
        </div>
    </div>

    <a class="prev" onclick="move(-1)">&#10095;</a>
    <a class="next" onclick="move(1)">&#10094;</a>

    <div class="progress">
        <div class="item"><div class="item-inner"></div></div>
        <div class="item"><div class="item-inner"></div></div>
        <div class="item"><div class="item-inner"></div></div>
        <div class="item"><div class="item-inner"></div></div>
    </div>
</div>


        </div>
        <div class="m-page-left m-page-left1">
            <aside class="m-banners">
                <a href="<?= htmlspecialchars(appPath('/public/products.php')) ?>">
                    <div class="banner-box banner-box--red">
                        <strong>ارسال رایگان</strong>
                        <span>برای خریدهای بالای 15,000,000 تومان</span>
                    </div>
                </a>
                <a href="<?= htmlspecialchars(appPath('/public/products.php')) ?>">
                    <div class="banner-box banner-box--blue">
                        <strong>محصولات پرفروش</strong>
                        <span>جدیدترین و محبوب‌ترین کالاها</span>
                    </div>
                </a>
            </aside>
        </div>
    </div>
</article>

<div class="slider-specials slider-specials1">
    <section class="container">
        <div class="banner-specials">
            <h3>شگفت‌انگیزهای فروشگاه</h3>
            <a href="<?= htmlspecialchars(appPath('/public/products.php')) ?>" class="all-specials btn-slider">همه
                محصولات</a>
        </div>
        <div class="slider-scroll">
            <?php foreach ($featured as $p): ?>
            <?php
                    $href = dijikalaProductUrl($p);
                    $d = max(0, min(99, (int)($p['discount_percent'] ?? 0)));
                    $price = (float)$p['price'];
                    $listApprox = ($d > 0) ? (int)round($price / (1 - $d / 100)) : (int)$price;
                ?>
            <div class="slide">
                <div class="slides">
                    <a href="<?= $href ?>">
                        <div class="box-slides">
                            <div class="box-slides-img">
                                <img src="<?= dijikalaProductThumbUrl($p) ?>"
                                    alt="<?= htmlspecialchars((string)$p['title']) ?>" loading="lazy">
                            </div>
                            <div class="c-product-box__title">
                                <?= htmlspecialchars((string)$p['title']) ?>
                            </div>
                            <div class="c-product-box__row c-product-box__row--price">
                                <div class="price">
                                    <div class="c-price__value c-price__value--plp">
                                        <?php if ($d > 0): ?>
                                        <del>
                                            <?= number_format((float)$listApprox) ?>
                                        </del>
                                        <div class="c-price__discount-oval"><span>
                                                <?= (int)$d ?>٪
                                            </span></div>
                                        <?php endif; ?>
                                        <div class="c-price__value-wrapper">
                                            <?= number_format($price) ?>
                                            <span class="c-price__currency">تومان</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </a>
                </div>
            </div>
            <?php endforeach; ?>
            <?php if (!$featured): ?>
            <div class="slide">
                <div class="slides"><span class="container empty-state">محصولی برای نمایش نیست.</span></div>
            </div>
            <?php endif; ?>
        </div>
        <a class="next" onclick="sliderScroll('next',this)">&#10095;</a>
        <a class="prev" onclick="sliderScroll('prev',this)">&#10094;</a>
    </section>
</div>

<?php
renderDijikalaShellEnd('home', 'home');
Performance::finish('public.home');