<?php
ini_set('display_errors', 1);
ini_set('display_startup_errors', 1);
error_reporting(E_ALL);
session_start();

// ডাটাবেজ কানেকশন ফাইল লিঙ্ক করুন
require_once __DIR__ . '/config.php';

// প্রোডাক্ট আইডি ভ্যালিডেশন
if (!isset($_GET['id']) || empty($_GET['id'])) {
    header("Location: index.php");
    exit();
}

$product_id = intval($_GET['id']);

try {
    // ১. মূল প্রোডাক্টের তথ্য তুলে আনা
    $prod_stmt = $pdo->prepare("SELECT * FROM products WHERE id = ? AND status = 'active' LIMIT 1");
    $prod_stmt->execute([$product_id]);
    $product = $prod_stmt->fetch(PDO::FETCH_ASSOC);

    if (!$product) {
        // প্রোডাক্ট না পাওয়া গেলে বা ইনঅ্যাক্টিভ থাকলে হোমে রিডাইরেক্ট করবে
        header("Location: index.php");
        exit();
    }

    // ২. প্রোডাক্টের অতিরিক্ত গ্যালারি ছবিগুলো তুলে আনা
    $gallery_stmt = $pdo->prepare("SELECT image_name FROM product_images WHERE product_id = ?");
    $gallery_stmt->execute([$product_id]);
    $gallery_images = $gallery_stmt->fetchAll(PDO::FETCH_COLUMN);

    // ৩. ক্যাটাগরির নাম তুলে আনা (ব্রেডক্রাম্ব ও ডিটেইলসের জন্য)
    $cat_stmt = $pdo->prepare("SELECT name FROM categories WHERE id = ?");
    $cat_stmt->execute([$product['category_id']]);
    $category_name = $cat_stmt->fetchColumn() ?: 'অন্যান্য';

} catch (PDOException $e) {
    die("ডাটাবেস ত্রুটি: " . htmlspecialchars($e->getMessage()));
}
?>
<!DOCTYPE html>
<html lang="bn">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title><?php echo htmlspecialchars($product['name']); ?> | ShopVista</title>
    
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    <link href="https://fonts.googleapis.com/css2?family=Hind+Siliguri:wght@400;500;600;700&display=swap" rel="stylesheet">
    
    <link rel="stylesheet" href="css/product_details.css">
</head>
<body>

    <div class="container">
        <nav class="breadcrumb">
            <a href="index.php">হোম</a>
            <i class="fa-solid fa-angle-right"></i>
            <a href="category_products.php?id=<?php echo $product['category_id']; ?>"><?php echo htmlspecialchars($category_name); ?></a>
            <i class="fa-solid fa-angle-right"></i>
            <span><?php echo htmlspecialchars($product['name']); ?></span>
        </nav>

        <div class="product-details-wrapper">
            <div class="gallery-section">
                <div class="main-image-container">
                    <?php if (!empty($product['discount_price']) && $product['price'] > 0): ?>
                        <span class="discount-tag">
                            <?php echo round((($product['price'] - $product['discount_price']) / $product['price']) * 100); ?>% ছাড়
                        </span>
                    <?php endif; ?>
                    
                    <?php if (!empty($product['image']) && file_exists("uploads/products/" . $product['image'])): ?>
                        <img src="uploads/products/<?php echo htmlspecialchars($product['image']); ?>" id="mainProductImg" alt="<?php echo htmlspecialchars($product['name']); ?>">
                    <?php else: ?>
                        <img src="https://via.placeholder.com/500?text=No+Image" id="mainProductImg" alt="No Image">
                    <?php endif; ?>
                </div>

                <div class="thumbnail-grid">
                    <?php if (!empty($product['image']) && file_exists("uploads/products/" . $product['image'])): ?>
                        <div class="thumb-box active" onclick="changeImage('uploads/products/<?php echo htmlspecialchars($product['image']); ?>', this)">
                            <img src="uploads/products/<?php echo htmlspecialchars($product['image']); ?>" alt="Main Thumb">
                        </div>
                    <?php endif; ?>

                    <?php if (!empty($gallery_images)): ?>
                        <?php foreach ($gallery_images as $img): ?>
                            <?php if (file_exists("uploads/products/" . $img)): ?>
                                <div class="thumb-box" onclick="changeImage('uploads/products/<?php echo htmlspecialchars($img); ?>', this)">
                                    <img src="uploads/products/<?php echo htmlspecialchars($img); ?>" alt="Gallery Thumb">
                                </div>
                            <?php endif; ?>
                        <?php endforeach; ?>
                    <?php endif; ?>
                </div>
            </div>

            <div class="info-section">
                <span class="category-tag"><?php echo htmlspecialchars($category_name); ?></span>
                <h1 class="product-title"><?php echo htmlspecialchars($product['name']); ?></h1>
                
                <div class="meta-row">
                    <?php if (!empty($product['sku'])): ?>
                        <span class="sku-text"><strong>SKU:</strong> <?php echo htmlspecialchars($product['sku']); ?></span>
                    <?php endif; ?>
                    
                    <?php if ($product['stock_quantity'] > 0): ?>
                        <span class="stock-badge in-stock"><i class="fa-solid fa-circle-check"></i> স্টকে আছে (<?php echo $product['stock_quantity']; ?>টি)</span>
                    <?php else: ?>
                        <span class="stock-badge out-of-stock"><i class="fa-solid fa-circle-xmark"></i> স্টক আউট</span>
                    <?php endif; ?>
                </div>

                <div class="rating-box">
                    <div class="stars">
                        <?php 
                        $rating = !empty($product['rating']) ? floatval($product['rating']) : 5.0;
                        for ($i = 1; $i <= 5; $i++) {
                            if ($i <= $rating) {
                                echo '<i class="fa-solid fa-star"></i>';
                            } else {
                                echo '<i class="fa-regular fa-star"></i>';
                            }
                        }
                        ?>
                    </div>
                    <span class="rating-val">(<?php echo number_format($rating, 1); ?> রেটিং)</span>
                </div>

                <div class="price-container">
                    <span class="current-price">৳<?php echo number_format($product['discount_price'] ?? $product['price']); ?></span>
                    <?php if (!empty($product['discount_price']) && $product['discount_price'] > 0): ?>
                        <span class="old-price">৳<?php echo number_format($product['price']); ?></span>
                    <?php endif; ?>
                </div>

                <hr class="divider">

                <?php if (!empty($product['sizes'])): ?>
                    <div class="option-group">
                        <label>সাইজ নির্বাচন করুন:</label>
                        <div class="options-flex">
                            <?php 
                            $sizes = explode(',', $product['sizes']);
                            foreach ($sizes as $index => $size): 
                            ?>
                                <button class="option-btn size-btn <?php echo $index === 0 ? 'selected' : ''; ?>" onclick="selectOption(this, 'size-btn')">
                                    <?php echo htmlspecialchars(trim($size)); ?>
                                </button>
                            <?php endforeach; ?>
                        </div>
                    </div>
                <?php endif; ?>

                <?php if (!empty($product['colors'])): ?>
                    <div class="option-group">
                        <label>কালার নির্বাচন করুন:</label>
                        <div class="options-flex">
                            <?php 
                            $colors = explode(',', $product['colors']);
                            foreach ($colors as $index => $color): 
                            ?>
                                <button class="option-btn color-btn <?php echo $index === 0 ? 'selected' : ''; ?>" onclick="selectOption(this, 'color-btn')">
                                    <?php echo htmlspecialchars(trim($color)); ?>
                                </button>
                            <?php endforeach; ?>
                        </div>
                    </div>
                <?php endif; ?>

                <div class="action-container">
                    <div class="quantity-selector">
                        <button onclick="updateQty(-1)"><i class="fa-solid fa-minus"></i></button>
                        <input type="number" id="prodQty" value="1" min="1" max="<?php echo $product['stock_quantity']; ?>" readonly>
                        <button onclick="updateQty(1)"><i class="fa-solid fa-plus"></i></button>
                    </div>

                    <div class="buttons-grid">
                        <button class="btn btn-add-cart <?php echo $product['stock_quantity'] <= 0 ? 'disabled' : ''; ?>" <?php echo $product['stock_quantity'] <= 0 ? 'disabled' : ''; ?>>
                            <i class="fa-solid fa-cart-shopping"></i> কার্টে যোগ করুন
                        </button>
                        <button class="btn btn-buy-now <?php echo $product['stock_quantity'] <= 0 ? 'disabled' : ''; ?>" <?php echo $product['stock_quantity'] <= 0 ? 'disabled' : ''; ?>>
                            এখনই কিনুন <i class="fa-solid fa-bolt"></i>
                        </button>
                    </div>
                </div>

                <hr class="divider">

                <div class="description-container">
                    <h3>প্রোডাক্টের বিবরণ:</h3>
                    <div class="description-text">
                        <?php echo nl2br(htmlspecialchars($product['description'] ?? 'এই প্রোডাক্টটির কোনো বিবরণ দেওয়া হয়নি।')); ?>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <script>
       // থাম্বনেইল ক্লিক করলে মূল ছবি পরিবর্তন হবে
function changeImage(imagePath, element) {
    document.getElementById('mainProductImg').src = imagePath;
    document.querySelectorAll('.thumb-box').forEach(box => {
        box.classList.remove('active');
    });
    element.classList.add('active');
}

// সাইজ/কালার বাটন সিলেক্ট করা
function selectOption(button, className) {
    document.querySelectorAll('.' + className).forEach(btn => {
        btn.classList.remove('selected');
    });
    button.classList.add('selected');
}

// প্রোডাক্টের পরিমাণ পরিবর্তন করা
function updateQty(change) {
    const qtyInput = document.getElementById('prodQty');
    let currentQty = parseInt(qtyInput.value);
    const maxQty = parseInt(qtyInput.max) || 99;

    currentQty += change;

    if (currentQty < 1) currentQty = 1;
    if (currentQty > maxQty) currentQty = maxQty;

    qtyInput.value = currentQty;
}

// ================= এখনই কিনুন এবং কার্ট অ্যাকশন স্ক্রিপ্ট =================
document.addEventListener("DOMContentLoaded", function() {
    const buyNowBtn = document.querySelector(".btn-buy-now");
    const addCartBtn = document.querySelector(".btn-add-cart");

    if (buyNowBtn) {
        buyNowBtn.addEventListener("click", function() {
            processCartAction('buy_now');
        });
    }

    if (addCartBtn) {
        addCartBtn.addEventListener("click", function() {
            processCartAction('add_to_cart');
        });
    }

    function processCartAction(actionType) {
        const productId = <?php echo $product_id; ?>;
        const qty = document.getElementById("prodQty").value;
        
        // সিলেক্টেড সাইজ নেওয়া (যদি সাইজের অপশন থাকে)
        const activeSizeBtn = document.querySelector(".size-btn.selected");
        const size = activeSizeBtn ? activeSizeBtn.innerText.trim() : "";

        // সিলেক্টেড কালার নেওয়া (যদি কালারের অপশন থাকে)
        const activeColorBtn = document.querySelector(".color-btn.selected");
        const color = activeColorBtn ? activeColorBtn.innerText.trim() : "";

        // ফর্ম ডাটা তৈরি করা
        const formData = new FormData();
        formData.append('product_id', productId);
        formData.append('qty', qty);
        formData.append('size', size);
        formData.append('color', color);
        formData.append('action', actionType);

        // AJAX রিকোয়েস্ট পাঠানো
        fetch('cart_action.php', {
            method: 'POST',
            body: formData
        })
        .then(response => response.json())
        .then(data => {
            if (data.status === 'success') {
                if (actionType === 'buy_now') {
                    // "Buy Now" হলে সরাসরি চেকআউট পেজে রিডাইরেক্ট করবে
                    window.location.href = 'checkout.php';
                } else {
                    // "Add to Cart" হলে সুন্দর এলার্ট দেখাবে
                    alert('প্রোডাক্টটি কার্টে যুক্ত হয়েছে!');
                }
            } else {
                alert(data.message || 'কিছু একটা সমস্যা হয়েছে। আবার চেষ্টা করুন।');
            }
        })
        .catch(error => {
            console.error('Error:', error);
            alert('সার্ভার রেসপন্স করছে না!');
        });
    }
});
    </script>
    
    <!-- পেজের অন্যান্য কন্টেন্ট এখানে শেষ হলো -->

    <!-- স্পেসার: এটি নিশ্চিত করবে যে নিচের ন্যাভিগেশন বারটি যেন পেজের শেষ লেখাকে ঢেকে না ফেলে -->
    <div class="bottom-spacer"></div>

    <!-- আলাদা ফাইলটি এখানে ইনক্লুড করুন -->
    <?php include 'bottom-nav.php'; ?>

</body>
</html>