<?php
$pageTitle = '香水商城 - 探索全球香氛艺术';
include __DIR__ . '/../includes/functions.php';
include __DIR__ . '/../includes/ProductRepository.php';

$repo = new ProductRepository();
$hotProducts = $repo->getHot();
$categories = $repo->getCategories();
?>

<?php include '../includes/header.php'; ?>

<section class="hero">
  <div class="hero-bg"></div>
  <div class="hero-content">
    <h1>探索全球香氛艺术</h1>
    <p>发现专属你的气味名片</p>
    <div class="hero-buttons">
      <a href="/list.php" class="btn btn-primary btn-lg">立即探索</a>
      
    </div>
  </div>
  <div class="scroll-arrow">&#8595;</div>
</section>

<section class="brand-scroll">
  <div class="brand-track">
    <?php 
    $brands = ['Chanel', 'Dior', 'Tom Ford', 'Hermes', 'Jo Malone', 'Guerlain', 'Bvlgari', 'Acqua di Gio'];
    $doubleBrands = array_merge($brands, $brands);
    foreach ($doubleBrands as $b) {
      echo '<span class="brand-item">' . escape($b) . '</span>';
    }
    ?>
  </div>
</section>

<section class="section">
  <div class="container">
    <h2 class="section-title fade-in">热销推荐</h2>
    <p class="section-subtitle fade-in">精选人气香水，发现你的专属味道</p>
    <div class="product-grid">
      <?php foreach ($hotProducts as $p): ?>
        <div class="product-card" onclick="window.location.href='/detail.php?id=<?php echo $p['id']; ?>'">
          <div class="product-card-img">
            <?php if ($p['isHot']): ?>
              <span class="product-tag">热销</span>
            <?php endif; ?>
            <img src="<?php echo escape($p['image']); ?>" alt="<?php echo escape($p['name']); ?>" loading="lazy">
            <div class="product-card-overlay">
              <button class="btn btn-primary btn-sm" onclick="event.stopPropagation();addToCart(<?php echo $p['id']; ?>)">快速加入购物车</button>
            </div>
          </div>
          <div class="product-card-info">
            <div class="product-card-brand"><?php echo escape($p['brand']); ?></div>
            <div class="product-card-name"><?php echo escape($p['name']); ?></div>
            <div class="product-card-price">
              <span class="price-current">&yen;<?php echo $p['price']; ?></span>
              <?php if ($p['originalPrice']): ?>
                <span class="price-original">&yen;<?php echo $p['originalPrice']; ?></span>
              <?php endif; ?>
            </div>
            <div class="product-card-rating">
              <?php echo stars($p['rating']); ?> <span><?php echo $p['rating']; ?> (<?php echo $p['reviewCount']; ?>)</span>
            </div>
          </div>
        </div>
      <?php endforeach; ?>
    </div>
  </div>
</section>

<section class="section" style="background:var(--white)">
  <div class="container">
    <h2 class="section-title fade-in">香调分类</h2>
    <p class="section-subtitle fade-in">按香调探索，找到属于你的气味</p>
    <div class="category-grid">
      <?php
      $catIcons = [
        '花香调' => '&#127792;',
        '木质调' => '&#127794;', 
        '柑橘调' => '&#127826;',
        '东方调' => '&#10024;',
        '水生调' => '&#127752;',
        '茶香调' => '&#128505;'
      ];
      foreach ($catIcons as $name => $icon):
        $count = 0;
        foreach ($hotProducts as $p) {
          if ($p['category'] === $name) $count++;
        }
        if ($count == 0) $count = 1;
      ?>
        <div class="category-card fade-in" onclick="window.location.href='/list.php?category=<?php echo urlencode($name); ?>'">
          <div class="category-icon"><?php echo $icon; ?></div>
          <div class="category-name"><?php echo escape($name); ?></div>
          <div class="category-count"><?php echo $count; ?>款香水</div>
        </div>
      <?php endforeach; ?>
    </div>
  </div>
</section>

<section class="section">
  <div class="container">
    <h2 class="section-title fade-in">用户评价</h2>
    <p class="section-subtitle fade-in">来自真实买家的声音</p>
    <div class="reviews-grid">
      <?php
      $allReviews = [];
      foreach ($hotProducts as $p) {
        foreach ($p['reviews'] as $r) {
          $allReviews[] = array_merge($r, ['product' => $p['name']]);
        }
      }
      usort($allReviews, function($a, $b) {
        return $b['rating'] - $a['rating'];
      });
      $topReviews = array_slice($allReviews, 0, 4);
      foreach ($topReviews as $r):
      ?>
        <div class="review-card fade-in">
          <div class="review-header">
            <div class="review-avatar"><?php echo escape($r['user'][0]); ?></div>
            <div class="review-meta">
              <div class="review-user"><?php echo escape($r['user']); ?></div>
              <div class="review-date"><?php echo stars($r['rating']); ?> &middot; <?php echo escape($r['date']); ?></div>
            </div>
          </div>
          <div class="review-text"><?php echo escape($r['content']); ?></div>
        </div>
      <?php endforeach; ?>
    </div>
  </div>
</section>

<section class="subscribe-section">
  <h2>订阅香水资讯，获取独家优惠</h2>
  <p>第一时间获取新品发布、限时折扣等信息</p>
  <form action="/api/subscribe.php" method="post" class="subscribe-form" id="subscribeForm">
    <input type="email" name="email" placeholder="输入您的邮箱" id="subEmail" required>
    <button type="submit" class="btn btn-primary" id="subBtn">订阅</button>
  </form>
</section>

<?php include '../includes/footer.php'; ?>
