<?php
session_start();
require_once __DIR__ . '/config.php';

// কার্ট থেকে আইটেম রিমুভ করার লজিক (অনুরোধের ভিত্তিতে যুক্ত)
if (isset($_GET['remove_item_key'])) {
    $remove_key = $_GET['remove_item_key'];
    if (isset($_SESSION['cart'][$remove_key])) {
        unset($_SESSION['cart'][$remove_key]);
    }
    // কার্ট সম্পূর্ণ খালি হয়ে গেলে হোম পেজে রিডাইরেক্ট করবে
    if (empty($_SESSION['cart'])) {
        header("Location: index.php");
    } else {
        header("Location: " . $_SERVER['PHP_SELF']);
    }
    exit();
}

// কার্ট খালি থাকলে ইনডেক্স পেজে পাঠিয়ে দেওয়া হবে
if (empty($_SESSION['cart'])) {
    header("Location: index.php");
    exit();
}

// ডাটাবেজ থেকে পেমেন্ট সেটিংস তুলে আনা
try {
    // সাধারণত payment_settings টেবিলে একটি মাত্র রো (row) থাকে (যেমন: id = 1)
    $payment_stmt = $pdo->query("SELECT * FROM payment_settings LIMIT 1");
    $pay_settings = $payment_stmt->fetch(PDO::FETCH_ASSOC);
    
    // যদি ডাটাবেজে কোনো সেটিংস না থাকে, তবে ডিফল্ট মান সেট করা হলো
    if (!$pay_settings) {
        $pay_settings = [
            'ssl_status' => 'inactive',
            'manual_status' => 'inactive',
            'bkash_manual_number' => '',
            'nagad_manual_number' => ''
        ];
    }
} catch (PDOException $e) {
    die("পেমেন্ট সেটিংস লোড করতে সমস্যা হয়েছে: " . htmlspecialchars($e->getMessage()));
}

$total_bill = 0;
?>
<!DOCTYPE html>
<html lang="bn">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>চেকআউট | 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;600;700&display=swap" rel="stylesheet">
    <style>
        body { font-family: 'Hind Siliguri', sans-serif; background-color: #f8f9fc; margin: 0; padding: 20px; }
        .checkout-container { max-width: 1100px; margin: 0 auto; display: grid; grid-template-columns: 1.2fr 1fr; gap: 30px; }
        .box { background: white; padding: 25px; border-radius: 16px; box-shadow: 0 10px 25px rgba(0,0,0,0.02); margin-bottom: 20px; }
        h2 { margin-top: 0; color: #333; font-size: 1.4rem; border-bottom: 2px solid #f1f3f9; padding-bottom: 10px; }
        .form-group { margin-bottom: 15px; }
        .form-group label { display: block; margin-bottom: 5px; font-weight: 600; font-size: 0.9rem; }
        .form-group input, .form-group textarea, .form-group select { width: 100%; padding: 10px; border: 1px solid #ddd; border-radius: 8px; box-sizing: border-box; font-family: inherit; font-size: 0.95rem; }
        
        /* পেমেন্ট মেথড ডিজাইন */
        .payment-methods { display: flex; flex-direction: column; gap: 12px; margin-top: 15px; }
        .payment-option { border: 1.5px solid #eaecf4; border-radius: 10px; padding: 15px; display: flex; align-items: center; gap: 12px; cursor: pointer; transition: 0.2s; }
        .payment-option:hover { border-color: #4e73df; background-color: #f8f9fc; }
        .payment-option input[type="radio"] { width: auto; margin: 0; }
        .payment-option label { font-weight: 600; cursor: pointer; display: flex; align-items: center; gap: 10px; width: 100%; margin: 0; }
        .payment-icon { font-size: 1.2rem; color: #4e73df; }
        
        /* ম্যানুয়াল পেমেন্ট বক্স */
        #manual_payment_details { display: none; background: #fff3cd; border: 1px solid #ffeeba; padding: 15px; border-radius: 10px; margin-top: 10px; font-size: 0.9rem; }
        .manual-number-box { background: #fff; padding: 8px 12px; border-radius: 6px; margin: 5px 0; border: 1px solid #e3e6f0; }

        .checkout-item { display: flex; gap: 15px; margin-bottom: 15px; border-bottom: 1px solid #f1f3f9; padding-bottom: 15px; position: relative; }
        .checkout-item img { width: 60px; height: 60px; object-fit: contain; background: #f9f9f9; border-radius: 8px; }
        .checkout-item-details h4 { margin: 0 18px 5px 0; font-size: 0.95rem; }
        .checkout-item-details p { margin: 0; font-size: 0.8rem; color: #858796; }
        
        /* প্রোডাক্ট বাতিল করার জন্য নতুন ক্রস বাটন স্টাইল */
        .btn-remove-item { position: absolute; top: 0; right: 0; background: none; border: none; color: #e74a3b; font-size: 1.2rem; cursor: pointer; padding: 0 5px; transition: color 0.2s; text-decoration: none; display: inline-flex; align-items: center; justify-content: center; }
        .btn-remove-item:hover { color: #be2617; }

        .summary-row { display: flex; justify-content: space-between; margin-bottom: 10px; font-weight: 600; }
        .btn-order { background: #1cc88a; color: white; border: none; width: 100%; padding: 14px; border-radius: 10px; font-size: 1.1rem; font-weight: 700; cursor: pointer; transition: 0.3s; margin-top: 15px; }
        .btn-order:hover { background: #17a673; }
        @media(max-width: 768px) { .checkout-container { grid-template-columns: 1fr; } }
    </style>
</head>
<body>

<form action="place_order.php" method="POST">
    <div class="checkout-container">
        <div>
            <div class="box">
                <h2>অর্ডার ডেলিভারি ঠিকানা</h2>
                <div class="form-group">
                    <label>আপনার নাম:</label>
                    <input type="text" name="name" required placeholder="সম্পূর্ণ নাম লিখুন">
                </div>
                <div class="form-group">
                    <label>মোবাইল নাম্বার:</label>
                    <input type="text" name="phone" required placeholder="১১ ডিজিটের মোবাইল নাম্বার">
                </div>
                <div class="form-group">
                    <label>পূর্ণ ঠিকানা:</label>
                    <textarea name="address" rows="3" required placeholder="গ্রাম/রোড, থানা, জেলা"></textarea>
                </div>
            </div>

            <div class="box">
                <h2>পেমেন্ট পদ্ধতি নির্বাচন করুন</h2>
                <div class="payment-methods">
                    <div class="payment-option" onclick="togglePaymentDetails('cod')">
                        <input type="radio" id="cod" name="payment_method" value="cod" checked required>
                        <label for="cod">
                            <i class="fa-solid fa-truck-ramp-box payment-icon"></i>
                            ক্যাশ অন ডেলিভারি (হাতে পেয়ে টাকা পরিশোধ)
                        </label>
                    </div>

                    <?php if (isset($pay_settings['manual_status']) && ($pay_settings['manual_status'] === 'active' || $pay_settings['manual_status'] == 1)): ?>
                        <div class="payment-option" onclick="togglePaymentDetails('manual')">
                            <input type="radio" id="manual" name="payment_method" value="manual">
                            <label for="manual">
                                <i class="fa-solid fa-mobile-screen-button payment-icon"></i>
                                বিকাশ / নগদ (ম্যানুয়াল পেমেন্ট)
                            </label>
                        </div>
                    <?php endif; ?>

                    <?php if (isset($pay_settings['ssl_status']) && ($pay_settings['ssl_status'] === 'active' || $pay_settings['ssl_status'] == 1)): ?>
                        <div class="payment-option" onclick="togglePaymentDetails('sslcommerz')">
                            <input type="radio" id="sslcommerz" name="payment_method" value="sslcommerz">
                            <label for="sslcommerz">
                                <i class="fa-solid fa-credit-card payment-icon"></i>
                                অনলাইন পেমেন্ট (SSLCommerz)
                            </label>
                        </div>
                    <?php endif; ?>
                </div>

                <?php if (isset($pay_settings['manual_status']) && ($pay_settings['manual_status'] === 'active' || $pay_settings['manual_status'] == 1)): ?>
                    <div id="manual_payment_details">
                        <p style="margin-top: 0; font-weight: 700; color: #856404; font-size: 1rem;">ম্যানুয়াল পেমেন্ট নির্দেশিকা:</p>
                        
                        <?php if(!empty($pay_settings['bkash_manual_number'])): ?>
                            <div class="manual-number-box">
                                <i class="fa-solid fa-angle-right"></i> বিকাশ পার্সোনাল নাম্বার: <strong><?php echo htmlspecialchars($pay_settings['bkash_manual_number']); ?></strong>
                            </div>
                        <?php endif; ?>

                        <?php if(!empty($pay_settings['nagad_manual_number'])): ?>
                            <div class="manual-number-box">
                                <i class="fa-solid fa-angle-right"></i> নগদ পার্সোনাল নাম্বার: <strong><?php echo htmlspecialchars($pay_settings['nagad_manual_number']); ?></strong>
                            </div>
                        <?php endif; ?>

                        <p style="margin: 10px 0;">যেকোনো একটি নাম্বারে সর্বমোট বিলের সমপরিমাণ টাকা <strong>সেন্ড মানি</strong> করার পর নিচে ট্রানজেকশন আইডি (TxnID) দিন:</p>
                        <div class="form-group" style="margin-bottom: 0;">
                            <input type="text" id="transaction_id" name="transaction_id" placeholder="যেমন: 8N779XNJD">
                        </div>
                    </div>
                <?php endif; ?>
            </div>
        </div>

        <div class="box" style="height: fit-content;">
            <h2>অর্ডার সামারি</h2>
            <div class="order-items">
                <?php foreach ($_SESSION['cart'] as $key => $item): 
                    $subtotal = $item['price'] * $item['qty'];
                    $total_bill += $subtotal;
                ?>
                    <div class="checkout-item">
                        <!-- বাতিল করার জন্য ক্রস বাটন -->
                        <a href="?remove_item_key=<?php echo urlencode($key); ?>" class="btn-remove-item" title="বাতিল করুন" onclick="return confirm('আপনি কি নিশ্চিতভাবে এই প্রোডাক্টটি কার্ট থেকে বাদ দিতে চান?')">
                            <i class="fa-solid fa-xmark"></i>
                        </a>

                        <img src="uploads/products/<?php echo htmlspecialchars($item['image']); ?>" alt="Product">
                        <div class="checkout-item-details">
                            <h4><?php echo htmlspecialchars($item['name']); ?></h4>
                            <p>
                                <?php if(!empty($item['size'])): ?>সাইজ: <?php echo htmlspecialchars($item['size']); ?> | <?php endif; ?>
                                <?php if(!empty($item['color'])): ?>কালার: <?php echo htmlspecialchars($item['color']); ?> | <?php endif; ?>
                                পরিমাণ: <?php echo $item['qty']; ?> টি
                            </p>
                            <p style="font-weight:700; color:#4e73df; margin-top:3px;">
                                ৳<?php echo number_format($item['price']); ?> x <?php echo $item['qty']; ?>
                            </p>
                        </div>
                    </div>
                <?php endforeach; ?>
            </div>

            <div style="margin-top: 20px; border-top: 2px dashed #eaecf4; padding-top: 15px;">
                <div class="summary-row">
                    <span>মোট প্রোডাক্টের মূল্য:</span>
                    <span>৳<?php echo number_format($total_bill); ?></span>
                </div>
                <div class="summary-row">
                    <span>ডেলিভারি চার্জ:</span>
                    <span>৳৮০</span>
                </div>
                <div class="summary-row" style="font-size: 1.2rem; color: #ff4757; border-top: 1px solid #f1f3f9; padding-top: 10px;">
                    <span>সর্বমোট বিল:</span>
                    <span>৳<?php echo number_format($total_bill + 80); ?></span>
                </div>
            </div>

            <button type="submit" class="btn-order">অর্ডার কনফার্ম করুন</button>
        </div>
    </div>
</form>

<script>
    function togglePaymentDetails(type) {
        // রেডিও বাটনটি সিলেক্ট করা
        document.getElementById(type).checked = true;

        const manualBox = document.getElementById('manual_payment_details');
        const txInput = document.getElementById('transaction_id');
        
        if (manualBox) {
            if (type === 'manual') {
                manualBox.style.display = 'block';
                txInput.setAttribute('required', 'required');
            } else {
                manualBox.style.display = 'none';
                txInput.removeAttribute('required');
                txInput.value = '';
            }
        }
    }
</script>
<!-- পেজের অন্যান্য কন্টেন্ট এখানে শেষ হলো -->

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

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