<?php
$page_title = "Home";
include 'includes/header.php';

$total_books = get_row("SELECT COUNT(*) as count FROM books WHERE is_upcoming = 0")['count'] ?? 0;
$total_reviews = get_row("SELECT COUNT(*) as count FROM reviews WHERE status = 'approved'")['count'] ?? 0;
$avg_rating_all = get_row("SELECT ROUND(AVG(rating), 1) as avg FROM reviews WHERE status = 'approved'")['avg'] ?? 0;

// Helper function to generate category colors
function getCategoryColor($id) {
    $colors = [
        'linear-gradient(135deg, #f093fb 0%, #f5576c 100%)',
        'linear-gradient(135deg, #4facfe 0%, #00f2fe 100%)',
        'linear-gradient(135deg, #43e97b 0%, #38f9d7 100%)',
        'linear-gradient(135deg, #fa709a 0%, #fee140 100%)',
        'linear-gradient(135deg, #a18cd1 0%, #fbc2eb 100%)',
        'linear-gradient(135deg, #ff9a9e 0%, #fecfef 100%)',
        'linear-gradient(135deg, #ffecd2 0%, #fcb69f 100%)',
        'linear-gradient(135deg, #a1c4fd 0%, #c2e9fb 100%)',
        'linear-gradient(135deg, #d4fc79 0%, #96e6a1 100%)',
        'linear-gradient(135deg, #84fab0 0%, #8fd3f4 100%)',
        'linear-gradient(135deg, #fccb90 0%, #d57eeb 100%)',
        'linear-gradient(135deg, #e0c3fc 0%, #8ec5fc 100%)',
    ];
    return $colors[$id % count($colors)];
}

// Fetch Featured Books
$featured_books = get_all("SELECT b.*, c.name as cat_name FROM books b LEFT JOIN categories c ON b.category_id = c.id WHERE b.is_featured = 1 LIMIT 6");

// Fetch New Arrivals
$new_arrivals = get_all("SELECT b.*, c.name as cat_name FROM books b LEFT JOIN categories c ON b.category_id = c.id WHERE b.is_new = 1 LIMIT 4");

// Fetch Upcoming Books
$upcoming_books = get_all("SELECT b.*, c.name as cat_name FROM books b LEFT JOIN categories c ON b.category_id = c.id WHERE b.is_upcoming = 1 ORDER BY b.release_date ASC LIMIT 4");

function renderBookCard($book) {
    $disc = $book['original_price'] > 0 ? round((1 - $book['price'] / $book['original_price']) * 100) : 0;
    $rating = (float)$book['rating'];
    $stars = str_repeat('★', floor($rating)) . ($rating - floor($rating) >= 0.5 ? '½' : '');
    ?>
    <div class="book-card h-100">
        <?php if($book['badge']): ?><span class="card-badge"><?php echo $book['badge']; ?></span><?php endif; ?>
        <a href="book-detail.php?id=<?php echo $book['id']; ?>" style="text-decoration:none;color:inherit">
            <div class="book-image-wrap">
                <img src="<?php echo $book['image']; ?>" alt="<?php echo $book['title']; ?>" loading="lazy" onerror="this.src='images/placeholder.png'">
            </div>
        </a>
        <div class="book-card-body">
            <div class="book-category"><?php echo $book['cat_name']; ?></div>
            <a href="book-detail.php?id=<?php echo $book['id']; ?>" style="text-decoration:none"><div class="book-title"><?php echo $book['title']; ?></div></a>
            <div class="book-author">by <?php echo $book['author']; ?></div>
            <div class="book-rating">
                <span class="stars"><?php echo $stars; ?></span>
                <span class="rating-count">(<?php echo $book['reviews']; ?>)</span>
            </div>
            <div class="book-price">
                <span class="price-current">₹<?php echo $book['price']; ?></span>
                <span class="price-original">₹<?php echo $book['original_price']; ?></span>
                <span class="price-discount"><?php echo $disc; ?>% OFF</span>
            </div>
            <div class="book-actions">
                <button class="btn-cart" onclick="triggerAddToCart('<?php echo $book['id']; ?>', '<?php echo addslashes($book['title']); ?>', '<?php echo addslashes($book['author']); ?>', '<?php echo $book['price']; ?>', '<?php echo $book['image']; ?>', '<?php echo $book['cat_name']; ?>')">
                    <i class="bi bi-bag-plus"></i> Add to Cart
                </button>
            </div>
        </div>
    </div>
    <?php
}
?>

  <!-- ===================== HERO ===================== -->
  <section class="hero-section">
    <div class="hero-particles"></div>
    <div class="hero-mandala"></div>
    <div class="container position-relative" style="z-index:1">
      <div class="row align-items-center py-5">
        <div class="col-lg-6">
          <div class="hero-content">
            <div class="hero-badge">
               GYANI GURU BY JMC Store — Est. 2022
            </div>
            <h1 class="hero-title">
              <span class="gold-text">Gyani Guru by JMC<sup>&trade;</sup></span><br>
              Divine Knowledge<br>
              <span style="color:var(--gerua-light)">Awaits You</span>
            </h1>
            <p class="hero-subtitle">জ্ঞানই মুক্তির পথ — Knowledge is Liberation</p>
            <p class="hero-desc">
              Explore 5+ bestselling books by Gyaniguru — enter the divine world of Dharma, Adhyatma and transform your life forever.
            </p>
            <div class="hero-stats">
              <div class="hero-stat"><span class="number">3+</span><span class="label">Years Experience</span></div>
              <div class="hero-stat"><span class="number">3000+</span><span class="label">Happy Readers</span></div>
              <div class="hero-stat"><span class="number"><?php echo $total_books; ?>+</span><span class="label">Books Published</span></div>
            </div>
            <div class="d-flex flex-wrap gap-3">
              <a href="shop.php" class="btn-saffron"><i class="bi bi-collection"></i> Shop Books</a>
              <a href="#featured" class="btn-outline-gold" style="color:var(--gold);text-decoration:none"><i class="bi bi-arrow-down-circle"></i> Explore</a>
            </div>
          </div>
        </div>
    
      </div>
    </div>
  </section>

  <!-- Features Strip -->
  <div class="features-strip">
    <div class="container">
      <div class="row g-3">
        <div class="col-6 col-md-3"><div class="feature-item"><i class="bi bi-truck"></i> Free Delivery ₹999+</div></div>
        <div class="col-6 col-md-3"><div class="feature-item"><i class="bi bi-shield-check"></i> 100% Original Books</div></div>
        <div class="col-6 col-md-3"><div class="feature-item"><i class="bi bi-arrow-counterclockwise"></i> Easy Returns</div></div>
        <div class="col-6 col-md-3"><div class="feature-item"><i class="bi bi-lock"></i> Secure Payment</div></div>
      </div>
    </div>
  </div>

   <!-- ===================== CATEGORIES ===================== -->
   <?php 
   $categories_check = get_all("SELECT c.*, COUNT(b.id) as book_count FROM categories c LEFT JOIN books b ON c.id = b.category_id GROUP BY c.id ORDER BY c.name ASC");
   if(!empty($categories_check)): 
   ?>
   <section class="categories-section">
     <div class="container">
       <div class="section-title" data-aos="fade-up">
         <span class="om-symbol">📖</span>
         <h2>Explore Categories</h2>
         <div class="title-divider"><span class="lotus">✦</span></div>
         <p class="subtitle">জ্ঞানের বিভিন্ন পথে যাত্রা করুন — Journey through the paths of knowledge</p>
       </div>
       <div class="categories-grid" data-aos="fade-up" data-aos-delay="100">
         <?php foreach($categories_check as $cat): 
           $initial = strtoupper(substr($cat['name'], 0, 1));
           $bg_color = getCategoryColor($cat['id']);
         ?>
         <a href="shop.php?cat=<?php echo $cat['slug']; ?>" class="cat-card">
           <div class="cat-icon-placeholder" style="background: <?php echo $bg_color; ?>">
             <?php echo $initial; ?>
           </div>
           <div class="cat-name"><?php echo $cat['name']; ?></div>
           <div class="cat-count"><?php echo $cat['book_count']; ?> Books</div>
         </a>
         <?php endforeach; ?>
       </div>
     </div>
   </section>
   <?php endif; ?>

  <!-- ===================== FEATURED BOOKS ===================== -->
  <section class="featured-section" id="featured" style="background:var(--warm-white);padding:80px 0;position:relative">
    <div class="container">
      <div class="section-title" data-aos="fade-up">
        <span class="om-symbol">📚</span>
        <h2>Bestselling Books</h2>
        <div class="title-divider"><span class="lotus">✦</span></div>
        <p class="subtitle">আমাদের পাঠকদের সর্বাধিক প্রিয় বইসমূহ — Our readers' most beloved books</p>
      </div>
      <div class="swiper featuredSwiper" data-aos="fade-up" data-aos-delay="100">
        <div class="swiper-wrapper">
          <?php foreach($featured_books as $book): ?>
          <div class="swiper-slide"><?php renderBookCard($book); ?></div>
          <?php endforeach; ?>
        </div>
        <div class="swiper-pagination"></div>
        <div class="swiper-button-next"></div>
        <div class="swiper-button-prev"></div>
      </div>
      <div class="text-center mt-4" data-aos="fade-up">
        <a href="shop.php" class="btn-saffron"><i class="bi bi-grid"></i> View All Books</a>
      </div>
    </div>
  </section>

  <!-- ===================== ABOUT PANDIT JI ===================== -->
  <section class="about-section" id="about">
    <div class="container">
      <div class="row align-items-center g-5">
        <div class="col-lg-5" data-aos="fade-right">
          <div class="about-img-wrap" style="position:relative;display:inline-block">
            <div class="placeholder-portrait" style="background: linear-gradient(135deg, #3D1A00 0%, #6B3010 50%, #3D1A00 100%); width:300px;  border:3px solid var(--gold); border-radius:var(--radius-lg); display:flex; flex-direction:column; align-items:center; justify-content:center; color:var(--gold-light); margin:0 auto">
              <div class="avatar-icon" style="font-size:6rem">
                <img src="images/gg.png" alt="" style="height:100%">
              </div>
              <!-- <div class="avatar-name" style="font-family:'Yatra One',serif; font-size:1.3rem; color:var(--gold)">Gyaniguru</div>
              <div class="avatar-sub" style="font-family:'Tiro Devanagari Sanskrit',serif; font-size:0.9rem; color:var(--gerua-light)">Manoj Chakraborty</div> -->
            </div>
            <div class="about-img-badge" style="position:absolute;bottom:-20px;right:-20px;background:var(--gradient-saffron);border-radius:12px;padding:15px 20px;text-align:center;box-shadow:var(--shadow-gold)">
              <span class="years" style="font-family:'Cinzel Decorative',serif;font-size:2rem;color:var(--dark-bg);font-weight:700;display:block;line-height:1">3+</span>
              <span class="label" style="font-size:0.75rem;color:var(--dark-bg);font-weight:600">Years of Experience</span>
            </div>
          </div>
        </div>
        <div class="col-lg-7" data-aos="fade-left">
          <div class="about-text">
            <div class="hero-badge" style="margin-bottom:1rem"> About Our Guruji</div>
            <h2 class="font-cinzel" style="font-size:2rem;color:var(--gold)">Gyani guru</h2>
            <!-- <p class="designation" style="font-family:'Tiro Devanagari Sanskrit',serif;color:var(--gerua-light);font-size:1rem;margin-bottom:1.5rem">Vedic Jyotish Acharya | Dharmacharya | Vastu Expert</p> -->
            <p style="color:rgba(255,255,255,0.8);line-height:1.9;margin-bottom:1rem">Gyaniguru is a Spiritual Guru and Psychologist. He is Associated with Yogiraj Shri Shyamacharan Lahiri Baba's KriyaYoga. His Gurudev is Mahamahopadhyay Yogacharya Bachaspati Shri Ashok Kumar Chattopadhyay.He has more Than 30 Years of Yogic life and Experience. 

He has Created the Gnaniguru Community, where he teaches online Yukta-KriyaYoga,Sushumna Antarmukhi Pranayama and ShambhaviMudra to Many People in the Country and Abroad.Thousands of Devotees have been Blessed to Learn this Yukta-KriyaYoga.</p>
            <div class="d-flex flex-wrap gap-3 mt-3">
              <a href="shop.php" class="btn-saffron"><i class="bi bi-collection-fill"></i> View His Books</a>
               <a href="contact.php" class="btn-outline-gold"><i class="bi bi-calendar-check"></i> Contact Us</a>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>

  <!-- ===================== NEW ARRIVALS ===================== -->
  <section class="om-bg-section" style="padding:80px 0; background:var(--cream); position:relative">
    <div class="container" style="position:relative;z-index:1">
      <div class="section-title" data-aos="fade-up">
        <span class="om-symbol">✨</span>
        <h2>New Arrivals</h2>
        <div class="title-divider"><span class="lotus">✦</span></div>
        <p class="subtitle">আমাদের সর্বশেষ প্রকাশিত বইসমূহ — Our latest published books</p>
      </div>
      <div class="row g-4">
          <?php foreach($new_arrivals as $book): ?>
          <div class="col-sm-6 col-lg-3" data-aos="fade-up"><?php renderBookCard($book); ?></div>
          <?php endforeach; ?>
      </div>
    </div>
  </section>

  <!-- ===================== UPCOMING BOOKS ===================== -->
  <?php if(!empty($upcoming_books)): ?>
  <section class="upcoming-section">
    <div class="upcoming-bg-pattern"></div>
    <div class="upcoming-glow g1"></div>
    <div class="upcoming-glow g2"></div>
    <div class="container">
      <div class="section-title" data-aos="fade-up">
        <span class="om-symbol">🔮</span>
        <h2>Coming Soon</h2>
        <div class="title-divider"><span class="lotus">✦</span></div>
        <p class="subtitle">আগামী প্রকাশনা — Upcoming Publications</p>
      </div>
      <div class="row g-4 justify-content-center">
          <?php $u_idx = 0; foreach($upcoming_books as $book): ?>
          <div class="col-sm-6 col-lg-3" data-aos="fade-up" data-aos-delay="<?php echo 100 * $u_idx; $u_idx++; ?>">
            <div class="upcoming-card">
              <span class="upcoming-badge"><i class="bi bi-stars"></i> Coming Soon</span>
              <a href="book-detail.php?id=<?php echo $book['id']; ?>">
                <div class="upcoming-img-wrap">
                  <?php if(strpos($book['image'], 'placeholder') !== false): ?>
                  <div class="upcoming-img-placeholder">
                    <div class="uph-icon">📖</div>
                    <div  class="uph-title"><?php echo $book['title']; ?></div>
                    <div class="uph-author"><?php echo $book['author']; ?></div>
                  </div>
                  <?php else: ?>
                  <img src="<?php echo $book['image']; ?>" alt="<?php echo $book['title']; ?>" loading="lazy">
                  <?php endif; ?>
                  <div class="upcoming-img-overlay">
                    <span><i class="bi bi-eye"></i> Preview</span>
                  </div>
                </div>
              </a>
              <div class="upcoming-body">
                <div class="upcoming-cat"><?php echo $book['cat_name']; ?></div>
                <a style="text-decoration: none;" href="book-detail.php?id=<?php echo $book['id']; ?>"><div class="upcoming-title"><?php echo $book['title']; ?></div></a>
                <?php if(!empty($book['title_bengali'])): ?>
                <div class="upcoming-title-bn"><?php echo $book['title_bengali']; ?></div>
                <?php endif; ?>
                <div class="upcoming-author"><?php echo $book['author']; ?></div>
                <?php if(!empty($book['release_date'])): ?>
                <div class="upcoming-release">
                  <i class="bi bi-calendar-check"></i>
                  <span>Expected <strong><?php echo date('d M Y', strtotime($book['release_date'])); ?></strong></span>
                </div>
                <?php endif; ?>
                <button class="upcoming-notify" onclick="alert('🔔 We will notify you when &quot;<?php echo addslashes($book['title']); ?>&quot; launches!');">
                  <i class="bi bi-bell"></i> Notify Me
                </button>
              </div>
            </div>
          </div>
          <?php endforeach; ?>
      </div>
    </div>
  </section>
  <?php endif; ?>

  <!-- Testimonials & Newsletter removed for brevity, keeping skeleton -->
  <section class="newsletter-section">
    <div class="container text-center" data-aos="fade-up">
      <h2 class="font-cinzel" style="color:var(--gold)">Join Our Mystical Circle</h2>
      <p class="text-muted">Receive divine updates and exclusive offers</p>
      <form class="newsletter-form mx-auto" style="max-width:500px">
        <div class="input-group">
            <input type="email" class="form-control bg-dark border-secondary text-white" placeholder="your@email.com">
            <button class="btn btn-gold">Subscribe</button>
        </div>
      </form>
    </div>
  </section>

<script>
    document.addEventListener('DOMContentLoaded', function() {
        new Swiper('.featuredSwiper', {
            slidesPerView: 1, spaceBetween: 25, loop: true,
            navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev' },
            pagination: { el: '.swiper-pagination', clickable: true },
            breakpoints: { 576: { slidesPerView: 2 }, 992: { slidesPerView: 3 }, 1200: { slidesPerView: 4 } },
            autoplay: { delay: 4000 }
        });
    });
</script>

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