Gecko [ fastearnlimited.com ]

Name	Size	Permission	Date
.well-known	[ DIR ]	drwxr-xr-x	2026-01-09 22:13
admin	[ DIR ]	drwxr-xr-x	2026-04-01 03:43
assets	[ DIR ]	drwxr-xr-x	2026-04-01 03:43
fast-earn-limited	[ DIR ]	drwxr-xr-x	2026-04-01 03:43
includes	[ DIR ]	drwxr-xr-x	2026-04-01 03:43
uploads	[ DIR ]	drwxr-xr-x	2026-04-01 03:43
user	[ DIR ]	drwxr-xr-x	2026-04-01 03:43
.htaccess	197 B	-r--r--r--	2026-04-01 03:43
ADMIN_LOGIN.txt	13.54 KB	-rw-r--r--	2025-12-22 19:34
COMPLETION.txt	20.92 KB	-rw-r--r--	2025-12-22 19:22
FEATURES.txt	16.92 KB	-rw-r--r--	2025-12-22 19:13
FIX_DATABASE_ERROR.txt	8.7 KB	-rw-r--r--	2025-12-22 19:37
FIX_UPLOAD_ERROR.txt	10.1 KB	-rw-r--r--	2025-12-22 19:45
INSTALLATION.txt	8.73 KB	-rw-r--r--	2025-12-22 19:12
PROJECT_STATUS.txt	12.33 KB	-rw-r--r--	2025-12-22 19:14
QUICK_START.txt	14.12 KB	-rw-r--r--	2025-12-22 19:15
README.md	10.54 KB	-rw-r--r--	2025-12-22 19:11
V2_UPGRADE_NOTES.txt	5.88 KB	-rw-r--r--	2025-12-22 20:04
checkout.php	16.2 KB	-rw-r--r--	2026-01-07 16:26
contact.php	6.71 KB	-rw-r--r--	2026-01-07 16:36
create_folders.php	2.91 KB	-rw-r--r--	2025-12-22 19:44
database.sql	9.14 KB	-rw-r--r--	2025-12-22 19:52
full_setup.php	29.74 KB	-rw-r--r--	2026-01-26 16:55
index.php	30.43 KB	-rw-r--r--	2026-01-07 16:56
login.php	8.83 KB	-rw-r--r--	2025-12-30 13:45
logout.php	151 B	-rw-r--r--	2025-12-22 19:01
products.php	4.69 KB	-rw-r--r--	2026-01-07 16:39
register.php	14.14 KB	-rw-r--r--	2025-12-30 13:25
seed_products.php	559 B	-rw-r--r--	2026-01-07 16:15
update_database.sql	781 B	-rw-r--r--	2025-12-22 19:36
update_db.php	4.07 KB	-rw-r--r--	2025-12-22 19:36
update_db_v10.php	816 B	-rw-r--r--	2025-12-24 21:22
update_db_v11.php	681 B	-rw-r--r--	2025-12-24 21:53
update_db_v12.php	590 B	-rw-r--r--	2026-01-07 16:12
update_db_v2.php	2.13 KB	-rw-r--r--	2025-12-22 19:53
update_db_v3.php	2.76 KB	-rw-r--r--	2025-12-22 20:05
update_db_v4.php	1.43 KB	-rw-r--r--	2025-12-22 20:11
update_db_v5.php	1.9 KB	-rw-r--r--	2025-12-23 19:11
update_db_v6.php	1.91 KB	-rw-r--r--	2025-12-23 19:29
update_db_v7.php	3.05 KB	-rw-r--r--	2025-12-23 19:33
wp-blog-header.php	2.74 KB	-rw-r--r--	2026-04-01 03:43
wp-cron.php	2.74 KB	-rw-r--r--	2026-04-01 03:43

Rename

<?php
require_once 'includes/config.php';

if (!isset($_GET['id']) || empty($_GET['id'])) {
    header('Location: products.php');
    exit;
}

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

// Fetch product details
try {
    $stmt = $pdo->prepare("SELECT * FROM products WHERE id = ? AND status = 'active'");
    $stmt->execute([$productId]);
    $product = $stmt->fetch();

if (!$product) {
        header('Location: products.php');
        exit;
    }
} catch (PDOException $e) {
    header('Location: products.php');
    exit;
}

$page_title = 'Secure Checkout - ' . htmlspecialchars($product['name']);
$pkr_rate = (float) getSetting('pkr_rate', '280');
$pkr_price = $product['price'] * $pkr_rate;

// Handle Order Submission
if ($_SERVER['REQUEST_METHOD'] === 'POST') {
    try {
        $name = trim($_POST['customer_name']);
        $email = trim($_POST['customer_email']);
        $phone = trim($_POST['customer_phone']);
        $address = trim($_POST['customer_address']);

if (empty($name) || empty($email) || empty($phone) || empty($address)) {
            throw new Exception("All fields are required.");
        }

$stmt = $pdo->prepare("INSERT INTO product_orders (product_id, customer_name, customer_email, customer_phone, customer_address) VALUES (?, ?, ?, ?, ?)");
        $stmt->execute([$productId, $name, $email, $phone, $address]);

setSuccess("Order placed successfully! Our team will contact you soon for delivery.");
        header('Location: products.php');
        exit;
    } catch (Exception $e) {
        setError("Failed to place order: " . $e->getMessage());
    }
}

include 'includes/public_header.php';
?>

.checkout-grid {
        display: grid;
        grid-template-columns: 1.2fr 0.8fr;
        gap: 30px;
        max-width: 1200px;
        margin: 0 auto;
    }

.glass-card {
        background: rgba(18, 24, 38, 0.8);
        backdrop-filter: blur(20px);
        border: 1px solid var(--border);
        border-radius: 24px;
        padding: 30px;
        position: relative;
        overflow: hidden;
    }

.glass-card::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(135deg, rgba(255, 255, 255, 0.02) 0%, transparent 100%);
        pointer-events: none;
    }

.checkout-title {
        font-family: 'Outfit', sans-serif;
        font-size: 26px;
        font-weight: 800;
        margin-bottom: 25px;
        display: flex;
        align-items: center;
        gap: 12px;
    }

.checkout-title span {
        background: var(--gradient);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

.form-row {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 20px;
        margin-bottom: 20px;
    }

.input-group {
        display: flex;
        flex-direction: column;
        gap: 8px;
    }

.input-group label {
        font-size: 13px;
        font-weight: 700;
        color: var(--dim);
        text-transform: uppercase;
        letter-spacing: 0.5px;
    }

.input-group input,
    .input-group textarea {
        background: rgba(255, 255, 255, 0.03);
        border: 1px solid var(--border);
        border-radius: 12px;
        padding: 12px 16px;
        color: #fff;
        font-size: 15px;
        transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    }

.input-group input:focus,
    .input-group textarea:focus {
        border-color: var(--p);
        background: rgba(255, 255, 255, 0.06);
        outline: none;
        box-shadow: 0 0 15px rgba(0, 255, 163, 0.1);
    }

.free-delivery-banner {
        background: linear-gradient(90deg, rgba(0, 255, 163, 0.2) 0%, transparent 100%);
        border-left: 3px solid var(--p);
        padding: 12px 20px;
        border-radius: 10px;
        margin-bottom: 25px;
        display: flex;
        align-items: center;
        gap: 12px;
        color: var(--p);
        font-weight: 700;
        font-size: 13px;
        animation: pulse 2s infinite;
    }

@keyframes pulse {
        0% {
            opacity: 0.8;
        }

50% {
            opacity: 1;
        }

100% {
            opacity: 0.8;
        }
    }

.summary-product {
        display: flex;
        gap: 15px;
        margin-bottom: 20px;
    }

.summary-product img {
        width: 80px;
        height: 80px;
        border-radius: 12px;
        object-fit: cover;
        border: 1px solid var(--border);
    }

.summary-details h3 {
        font-size: 18px;
        margin-bottom: 5px;
    }

.summary-details .price {
        font-size: 20px;
        font-weight: 800;
        color: var(--p);
        font-family: 'Outfit', sans-serif;
    }

.summary-list {
        list-style: none;
        margin: 20px 0;
    }

.summary-list li {
        display: flex;
        justify-content: space-between;
        margin-bottom: 12px;
        color: var(--dim);
        font-size: 14px;
    }

.summary-list li.total {
        margin-top: 20px;
        padding-top: 20px;
        border-top: 1px solid var(--border);
        color: #fff;
        font-size: 20px;
        font-weight: 800;
        font-family: 'Outfit', sans-serif;
    }

.btn-checkout {
        width: 100%;
        background: var(--p);
        color: #000;
        padding: 15px;
        border-radius: 14px;
        border: none;
        font-size: 16px;
        font-weight: 800;
        cursor: pointer;
        transition: 0.4s;
        margin-top: 15px;
        box-shadow: 0 8px 25px rgba(0, 255, 163, 0.3);
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
    }

.btn-checkout:hover {
        transform: translateY(-3px);
        box-shadow: 0 15px 35px rgba(0, 255, 163, 0.4);
    }

@media (max-width: 1100px) {
        .checkout-grid {
            grid-template-columns: 1fr;
        }

.checkout-wrapper {
            padding: 130px 5% 60px;
        }
    }

@media (max-width: 768px) {
        .form-row {
            grid-template-columns: 1fr;
            gap: 20px;
        }

.glass-card {
            padding: 30px 20px;
        }
    }

/* Modal Styles */
    .modal-overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.85);
        backdrop-filter: blur(10px);
        display: none;
        justify-content: center;
        align-items: center;
        z-index: 9999;
        padding: 20px;
    }

.review-modal {
        background: #121826;
        border: 1px solid var(--border);
        border-radius: 24px;
        width: 100%;
        max-width: 500px;
        padding: 35px;
        animation: modalSlide 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    }

@keyframes modalSlide {
        from {
            transform: translateY(30px);
            opacity: 0;
        }

to {
            transform: translateY(0);
            opacity: 1;
        }
    }

.review-item {
        margin-bottom: 20px;
        padding-bottom: 15px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    }

.review-item label {
        display: block;
        font-size: 12px;
        color: var(--p);
        text-transform: uppercase;
        letter-spacing: 1px;
        margin-bottom: 5px;
        font-weight: 800;
    }

.review-item span {
        font-size: 16px;
        color: #fff;
        line-height: 1.5;
    }

.modal-btns {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 15px;
        margin-top: 30px;
    }

.btn-edit {
        background: rgba(255, 255, 255, 0.05);
        border: 1px solid var(--border);
        color: #fff;
        padding: 14px;
        border-radius: 12px;
        font-weight: 700;
        cursor: pointer;
    }

.btn-final {
        background: var(--p);
        border: none;
        color: #000;
        padding: 14px;
        border-radius: 12px;
        font-weight: 800;
        cursor: pointer;
    }
</style>

<div class="checkout-wrapper">
    <div class="checkout-grid">
        
        <div class="glass-card" data-aos="fade-right">
            <div class="free-delivery-banner">
                <i class="fas fa-truck-fast"></i>
                <span>CONGRATULATIONS! FREE HOME DELIVERY APPLIED</span>
            </div>

<h2 class="checkout-title">Customer <span>Information</span></h2>

<form id="checkoutForm" method="POST" onsubmit="return false;">
                <div class="form-row">
                    <div class="input-group">
                        <label>Full Name</label>
                        <input type="text" name="customer_name" placeholder="Enter your full name" required>
                    </div>
                    <div class="input-group">
                        <label>Phone Number</label>
                        <input type="text" name="customer_phone" placeholder="03XXXXXXXXX" required>
                    </div>
                </div>

<div class="input-group" style="margin-bottom: 25px;">
                    <label>Email Address</label>
                    <input type="email" name="customer_email" placeholder="example@domain.com" required>
                </div>

<div class="input-group" style="margin-bottom: 35px;">
                    <label>Complete Home Delivery Address</label>
                    <textarea name="customer_address" rows="5" placeholder="Building No, Street Name, Area, City..."
                        required></textarea>
                </div>

<p style="font-size: 13px; color: var(--dim); margin-bottom: 20px; line-height: 1.5;">
                    <i class="fas fa-circle-info" style="color: var(--p);"></i> By clicking the button below, you agree
                    to our terms and conditions. Our representative will call you on the provided number to confirm the
                    order before shipping.
                </p>

<button type="button" class="btn-checkout" onclick="handleReview()">
                    <i class="fas fa-eye"></i> REVIEW & CONFIRM
                </button>
            </form>
        </div>

<div class="glass-card" data-aos="fade-left" style="height: fit-content;">
            <h2 class="checkout-title" style="font-size: 24px;">Order <span>Summary</span></h2>

<div class="summary-product">
                <img src="uploads/products/<?php echo $product['image']; ?>" alt="Product">
                <div class="summary-details">
                    <h3><?php echo htmlspecialchars($product['name']); ?></h3>
                    <div class="price">
                        <?php echo formatCurrency($product['price']); ?>
                        <span style="font-size: 14px; color: var(--dim); display: block; font-weight: 500;">
                            ≈ <?php echo number_format($pkr_price, 2); ?> PKR
                        </span>
                    </div>
                </div>
            </div>

<ul class="summary-list">
                <li>
                    <span>Item Price</span>
                    <span><?php echo formatCurrency($product['price']); ?></span>
                </li>
                <li>
                    <span>Delivery Charges</span>
                    <span style="color: var(--p); font-weight: 700;">FREE</span>
                </li>
                <li>
                    <span>Tax</span>
                    <span>$0.00</span>
                </li>
                <li class="total">
                    <span>Total</span>
                    <div style="text-align: right;">
                        <span
                            style="color: var(--p); display: block;"><?php echo formatCurrency($product['price']); ?></span>
                        <span
                            style="font-size: 14px; color: var(--dim); font-weight: 500;"><?php echo number_format($pkr_price, 2); ?>
                            PKR</span>
                    </div>
                </li>
            </ul>

<div
                style="background: rgba(255,255,255,0.02); padding: 20px; border-radius: 20px; border: 1px solid var(--border);">
                <div style="display: flex; align-items: center; gap: 12px; margin-bottom: 10px; color: var(--p);">
                    <i class="fas fa-shield-halved"></i>
                    <strong style="font-size: 14px;">100% SECURE CHECKOUT</strong>
                </div>
                <p style="font-size: 12px; color: var(--dim); line-height: 1.4;">
                    Your personal details are safe with us. We use premium encryption to protect your data.
                </p>
            </div>
        </div>
    </div>
</div>

<div class="modal-overlay" id="reviewModal">
    <div class="review-modal">
        <h3 class="checkout-title" style="font-size: 22px; margin-bottom: 25px;">Review <span>Your Details</span></h3>

<div class="review-item">
            <label>Full Name</label>
            <span id="rev_name"></span>
        </div>
        <div class="review-item">
            <label>Phone Number</label>
            <span id="rev_phone"></span>
        </div>
        <div class="review-item">
            <label>Email Address</label>
            <span id="rev_email"></span>
        </div>
        <div class="review-item">
            <label>Delivery Address</label>
            <span id="rev_address"></span>
        </div>
        <div class="review-item" style="border: none; margin-bottom: 0;">
            <label>Final Payable Amount</label>
            <span style="font-size: 24px; font-weight: 800; color: var(--p);">
                <?php echo number_format($pkr_price, 2); ?> PKR
            </span>
            <div style="font-size: 14px; color: var(--dim);">(<?php echo formatCurrency($product['price']); ?>)</div>
        </div>

<div class="free-delivery-banner" style="margin-top: 20px; margin-bottom: 0;">
            <i class="fas fa-truck-fast"></i>
            <span>Verified: Free Home Delivery</span>
        </div>

<div class="modal-btns">
            <button class="btn-edit" onclick="closeReview()">Edit Details</button>
            <button class="btn-final" onclick="submitOrder()">Confirm Order</button>
        </div>
    </div>
</div>

// Populate modal
        document.getElementById('rev_name').innerText = form.customer_name.value;
        document.getElementById('rev_phone').innerText = form.customer_phone.value;
        document.getElementById('rev_email').innerText = form.customer_email.value;
        document.getElementById('rev_address').innerText = form.customer_address.value;

// Show modal
        document.getElementById('reviewModal').style.display = 'flex';
    }

function closeReview() {
        document.getElementById('reviewModal').style.display = 'none';
    }

function submitOrder() {
        const btn = document.querySelector('.btn-final');
        btn.innerHTML = '<i class="fas fa-spinner fa-spin"></i> Processing...';
        btn.disabled = true;

// Actually submit the form
        document.getElementById('checkoutForm').onsubmit = null;
        document.getElementById('checkoutForm').submit();
    }
</script>

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