Enhanced PHP File Manager

⬆️ Go Up (..)

📊 Server Information

Server:

LiteSpeed

System:

Linux 5.14.0-503.34.1.el9_5.x86_64

PHP Version:

8.2.30

User:

u329947844

Directory:

/home/u329947844/domains/goldartsdpi.in/public_html

Free Space:

10.3 TB

🔧 Quick Actions

✏️ Editing: order-confirmation.php

<?php
// order-confirmation.php
// Displays order confirmation details after a successful order placement.

session_start();
include('config.php');

// Check if user is logged in
if (!isset($_SESSION['user_id'])) {
    header("Location: login.php?redirect=order-confirmation.php");
    exit();
}

// Get user ID from session
$user_id = $_SESSION['user_id'];

// Get order ID from query parameter
$order_id = isset($_GET['order_id']) ? (int)$_GET['order_id'] : 0;

if ($order_id <= 0) {
    $error = "Invalid order ID. Please check your order details.";
} else {
    try {
        // Ensure database connection is established
        if (!$conn) {
            throw new Exception("Database connection failed.");
        }

// Fetch order details
        $stmt = $conn->prepare("
            SELECT o.*, u.first_name, u.last_name, u.email
            FROM orders o
            JOIN users u ON o.user_id = u.id
            WHERE o.id = :order_id AND o.user_id = :user_id
        ");
        $stmt->execute([':order_id' => $order_id, ':user_id' => $user_id]);
        $order = $stmt->fetch(PDO::FETCH_ASSOC);

if (!$order) {
            $error = "Order not found or you do not have access to this order.";
        } else {
            // Fetch order items and customizations
            $itemStmt = $conn->prepare("
                SELECT oi.*, p.product_name, p.thumbnail,
                       oc.type AS customization_type, oc.value AS customization_value
                FROM order_items oi
                JOIN products p ON oi.product_id = p.id
                LEFT JOIN order_customizations oc ON oi.id = oc.order_item_id
                WHERE oi.order_id = :order_id
                ORDER BY oi.id
            ");
            $itemStmt->execute([':order_id' => $order_id]);
            $order_items = $itemStmt->fetchAll(PDO::FETCH_ASSOC);
        }
    } catch (PDOException $e) {
        error_log("Order confirmation error: " . $e->getMessage());
        $error = "An error occurred while fetching your order details. Please contact support.";
    } catch (Exception $e) {
        error_log("General error: " . $e->getMessage());
        $error = "An unexpected error occurred. Please try again later.";
    }
}
?>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Order Confirmation - Gold Arts</title>
    
    <script src="js/theme-switcher.js"></script>

<link rel="preload" href="fonts/inter-variable-latin.woff2" as="font" type="font/woff2" crossorigin="">

<link rel="preload" href="fonts/rutzo-icons.woff2" as="font" type="font/woff2" crossorigin="">
    <link rel="stylesheet" href="css/rutzo-icons.min.css">
    <?php include('fav.php') ?>
    
    <link rel="stylesheet" href="css/swiper-bundle.min.css">
    <link rel="stylesheet" href="css/simplebar.min.css">
    <link rel="stylesheet" href="css/choices.min.css">

<link rel="preload" href="css/theme.min.css" as="style">
    <link rel="preload" href="css/theme.rtl.min.css" as="style">
    <link rel="stylesheet" href="css/theme.min.css" id="theme-styles">

<script src="js/customizer.min.js"></script>
    <style>
        .confirmation-container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 15px;
        }
        
        .confirmation-header {
            background: linear-gradient(135deg, #198754 0%, #0f5132 100%);
            color: white;
            padding: 3rem 2rem;
            border-radius: 15px;
            text-align: center;
            margin-bottom: 2rem;
            position: relative;
            overflow: hidden;
        }
        
        .confirmation-header::before {
            content: '';
            position: absolute;
            top: -50%;
            left: -50%;
            width: 200%;
            height: 200%;
            background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 70%);
            animation: shimmer 3s infinite;
        }
        
        @keyframes shimmer {
            0% { transform: rotate(0deg); }
            100% { transform: rotate(360deg); }
        }
        
        .confirmation-icon {
            font-size: 4rem;
            margin-bottom: 1rem;
            color: #fff;
            position: relative;
            z-index: 1;
        }
        
        .order-card {
            border: none;
            border-radius: 12px;
            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
            margin-bottom: 2rem;
            overflow: hidden;
            transition: transform 0.2s ease, box-shadow 0.2s ease;
        }
        
        .order-card:hover {
            transform: translateY(-2px);
            box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
        }
        
        .order-card .card-header {
            background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
            border-bottom: 1px solid #dee2e6;
            padding: 1.25rem 1.5rem;
            font-weight: 600;
            display: flex;
            align-items: center;
        }
        
        .order-card .card-header i {
            margin-right: 0.75rem;
            color: #0d6efd;
            font-size: 1.25rem;
        }
        
        .order-card .card-body {
            padding: 1.5rem;
        }
        
        .order-detail-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
            gap: 1.5rem;
            margin-bottom: 1rem;
        }
        
        .order-detail-item {
            background: #f8f9fa;
            padding: 1rem;
            border-radius: 8px;
            border-left: 4px solid #0d6efd;
        }
        
        .order-detail-label {
            font-weight: 600;
            color: #495057;
            margin-bottom: 0.5rem;
            font-size: 0.9rem;
            text-transform: uppercase;
            letter-spacing: 0.5px;
        }
        
        .order-detail-value {
            font-size: 1.1rem;
            color: #212529;
            font-weight: 500;
        }
        
        .order-item {
            display: flex;
            align-items: flex-start;
            padding: 1.5rem 0;
            border-bottom: 1px solid #f1f3f4;
            transition: background-color 0.2s ease;
        }
        
        .order-item:last-child {
            border-bottom: none;
        }
        
        .order-item:hover {
            background-color: #f8f9fa;
            border-radius: 8px;
            margin: 0 -0.5rem;
            padding-left: 1rem;
            padding-right: 1rem;
        }
        
        .order-item-img {
            width: 100px;
            height: 100px;
            object-fit: cover;
            border-radius: 12px;
            margin-right: 1.5rem;
            border: 2px solid #e9ecef;
            flex-shrink: 0;
        }
        
        .order-item-details {
            flex: 1;
            min-width: 0;
        }
        
        .order-item-name {
            font-weight: 700;
            margin-bottom: 0.5rem;
            color: #212529;
            font-size: 1.1rem;
        }
        
        .order-item-meta {
            color: #6c757d;
            font-size: 0.95rem;
            margin-bottom: 0.75rem;
            display: flex;
            flex-wrap: wrap;
            gap: 1rem;
        }
        
        .order-item-total {
            color: #198754;
            font-weight: 600;
            font-size: 1.1rem;
            margin-bottom: 0.75rem;
        }
        
        .customizations {
            display: flex;
            flex-wrap: wrap;
            gap: 0.5rem;
            margin-top: 0.75rem;
        }
        
        .customization-badge {
            display: inline-flex;
            align-items: center;
            background: linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%);
            color: #1565c0;
            padding: 0.4rem 0.8rem;
            border-radius: 20px;
            font-size: 0.85rem;
            font-weight: 500;
            border: 1px solid #90caf9;
        }
        
        .customization-badge i {
            margin-right: 0.25rem;
        }
        
        .price-summary {
            background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
            border-radius: 12px;
            padding: 1.5rem;
            border: 1px solid #dee2e6;
        }
        
        .price-row {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 0.75rem 0;
            border-bottom: 1px solid rgba(0,0,0,0.05);
        }
        
        .price-row:last-of-type:not(.price-total) {
            border-bottom: none;
        }
        
        .price-row span:first-child {
            font-weight: 500;
            color: #495057;
        }
        
        .price-row span:last-child {
            font-weight: 600;
            color: #212529;
        }
        
        .price-total {
            font-weight: bold;
            font-size: 1.3rem;
            color: #198754;
            border-top: 2px solid #198754;
            padding-top: 1rem;
            margin-top: 0.75rem;
            background: white;
            border-radius: 8px;
            padding-left: 1rem;
            padding-right: 1rem;
        }
        
        .action-buttons {
            display: flex;
            gap: 1rem;
            justify-content: center;
            align-items: center;
            margin-top: 3rem;
            flex-wrap: wrap;
        }
        
        .btn-continue {
            background: linear-gradient(135deg, #0d6efd 0%, #0a58ca 100%);
            border: none;
            padding: 1rem 2.5rem;
            font-weight: 600;
            border-radius: 50px;
            transition: all 0.3s ease;
            box-shadow: 0 4px 15px rgba(13, 110, 253, 0.3);
        }
        
        .btn-continue:hover {
            transform: translateY(-2px);
            box-shadow: 0 6px 20px rgba(13, 110, 253, 0.4);
        }
        
        .btn-orders {
            background: white;
            border: 2px solid #0d6efd;
            color: #0d6efd;
            padding: 1rem 2.5rem;
            font-weight: 600;
            border-radius: 50px;
            transition: all 0.3s ease;
        }
        
        .btn-orders:hover {
            background: #0d6efd;
            color: white;
            transform: translateY(-2px);
        }
        
        .status-badge {
            display: inline-block;
            padding: 0.5rem 1rem;
            border-radius: 25px;
            font-weight: 600;
            font-size: 0.875rem;
            text-transform: uppercase;
            letter-spacing: 0.5px;
        }
        
        .status-pending {
            background: linear-gradient(135deg, #fff3cd 0%, #ffeaa7 100%);
            color: #856404;
            border: 1px solid #ffeaa7;
        }
        
        .status-processing {
            background: linear-gradient(135deg, #cce7ff 0%, #74b9ff 100%);
            color: #004085;
            border: 1px solid #74b9ff;
        }
        
        .status-shipped {
            background: linear-gradient(135deg, #d1ecf1 0%, #55a3ff 100%);
            color: #0c5460;
            border: 1px solid #55a3ff;
        }
        
        .status-delivered {
            background: linear-gradient(135deg, #d4edda 0%, #00b894 100%);
            color: #155724;
            border: 1px solid #00b894;
        }
        
        .delivery-address {
            background: #f8f9fa;
            padding: 1.25rem;
            border-radius: 10px;
            border-left: 4px solid #28a745;
            line-height: 1.6;
        }
        
        .delivery-address p {
            margin-bottom: 0.5rem;
        }
        
        .delivery-address p:last-child {
            margin-bottom: 0;
        }
        
        .delivery-address strong {
            color: #212529;
        }
        
        .sticky-sidebar {
            position: sticky;
            top: 20px;
        }
        
        /* Responsive Design */
        @media (max-width: 992px) {
            .order-detail-grid {
                grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
                gap: 1rem;
            }
            
            .sticky-sidebar {
                position: relative;
                top: 0;
            }
        }
        
        @media (max-width: 768px) {
            .confirmation-container {
                padding: 0 10px;
            }
            
            .confirmation-header {
                padding: 2rem 1rem;
                margin-bottom: 1.5rem;
            }
            
            .confirmation-icon {
                font-size: 3rem;
            }
            
            .order-detail-grid {
                grid-template-columns: 1fr;
            }
            
            .action-buttons {
                flex-direction: column;
                align-items: stretch;
            }
            
            .btn-continue,
            .btn-orders {
                width: 100%;
                text-align: center;
            }
            
            .order-item {
                flex-direction: column;
                align-items: center;
                text-align: center;
            }
            
            .order-item-img {
                width: 150px;
                height: 150px;
                margin-right: 0;
                margin-bottom: 1rem;
            }
            
            .order-item-meta {
                justify-content: center;
            }
            
            .customizations {
                justify-content: center;
            }
        }
        
        @media (max-width: 576px) {
            .order-card .card-body {
                padding: 1rem;
            }
            
            .order-card .card-header {
                padding: 1rem;
            }
            
            .price-summary {
                padding: 1rem;
            }
        }
        
        /* Loading and Animation States */
        .fade-in {
            animation: fadeIn 0.6s ease-out;
        }
        
        @keyframes fadeIn {
            from { opacity: 0; transform: translateY(20px); }
            to { opacity: 1; transform: translateY(0); }
        }
        
        /* Focus states for accessibility */
        .btn-continue:focus,
        .btn-orders:focus {
            outline: 2px solid #0d6efd;
            outline-offset: 2px;
        }
        
        /* Print styles */
        @media print {
            .action-buttons,
            .confirmation-header::before {
                display: none;
            }
            
            .order-card {
                box-shadow: none;
                border: 1px solid #dee2e6;
            }
        }
    </style>
</head>
<body>
    
    <?php include('shop-cart.php') ?>
    <?php include('header.php'); ?>

<main class="container-fluid py-5">
        <div class="confirmation-container fade-in">
            <?php if (isset($error)): ?>
                <div class="alert alert-danger d-flex align-items-center" role="alert">
                    <i class="ri-error-warning-line me-3 fs-4"></i>
                    <div><?php echo $error; ?></div>
                </div>
            <?php else: ?>
                
                <div class="confirmation-header">
                    <i class="ri-checkbox-circle-fill confirmation-icon"></i>
                    <h1 class="display-5 fw-bold mb-3">Order Confirmed!</h1>
                    <p class="lead mb-2">Thank you for your order, <?php echo htmlspecialchars($order['first_name']); ?>!</p>
                    <p class="mb-0 fs-5">Your order #<?php echo $order_id; ?> has been placed successfully.</p>
                </div>

<div class="row g-4">
                    
                    <div class="col-lg-8">
                        
                        <div class="order-card card">
                            <div class="card-header">
                                <i class="ri-file-list-3-line"></i>
                                Order Summary
                            </div>
                            <div class="card-body">
                                <div class="order-detail-grid">
                                    <div class="order-detail-item">
                                        <div class="order-detail-label">Order ID</div>
                                        <div class="order-detail-value">#<?php echo $order_id; ?></div>
                                    </div>
                                    <div class="order-detail-item">
                                        <div class="order-detail-label">Order Date</div>
                                        <div class="order-detail-value"><?php echo date('F j, Y, g:i a', strtotime($order['created_at'])); ?></div>
                                    </div>
                                    <div class="order-detail-item">
                                        <div class="order-detail-label">Status</div>
                                        <div class="order-detail-value">
                                            <span class="status-badge status-<?php echo $order['status']; ?>">
                                                <?php echo ucfirst($order['status']); ?>
                                            </span>
                                        </div>
                                    </div>
                                    <div class="order-detail-item">
                                        <div class="order-detail-label">Payment Method</div>
                                        <div class="order-detail-value">
                                            <?php 
                                            $payment_methods = [
                                                'cod' => 'Cash on Delivery',
                                                'upi' => 'UPI Payment',
                                                'card' => 'Credit/Debit Card'
                                            ];
                                            echo $payment_methods[$order['payment_method']] ?? ucfirst($order['payment_method']);
                                            ?>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

<div class="order-card card">
                            <div class="card-header">
                                <i class="ri-shopping-cart-line"></i>
                                Order Items (<?php echo count(array_unique(array_column($order_items, 'id'))); ?> items)
                            </div>
                            <div class="card-body">
                                <?php
                                $current_item_id = null;
                                $customizations = [];
                                
                                // Group customizations by item
                                foreach ($order_items as $item) {
                                    if ($item['customization_type']) {
                                        $customizations[$item['id']][] = $item;
                                    }
                                }
                                
                                // Get unique items
                                $unique_items = [];
                                foreach ($order_items as $item) {
                                    if (!isset($unique_items[$item['id']])) {
                                        $unique_items[$item['id']] = $item;
                                    }
                                }
                                
                                foreach ($unique_items as $item):
                                ?>
                                    <div class="order-item">
                                        <img src="uploads/products/thumbnails/<?php echo htmlspecialchars($item['thumbnail'] ?: 'placeholder.png'); ?>" 
                                             alt="<?php echo htmlspecialchars($item['product_name']); ?>" 
                                             class="order-item-img">
                                        <div class="order-item-details">
                                            <div class="order-item-name"><?php echo htmlspecialchars($item['product_name']); ?></div>
                                            <div class="order-item-meta">
                                                <span><i class="ri-hashtag me-1"></i>Qty: <?php echo $item['quantity']; ?></span>
                                                <span><i class="ri-price-tag-3-line me-1"></i>Price: ₹<?php echo number_format($item['price'], 2); ?></span>
                                            </div>
                                            <div class="order-item-total">
                                                <i class="ri-money-rupee-circle-line me-1"></i>
                                                Item Total: ₹<?php echo number_format($item['item_total'], 2); ?>
                                            </div>
                                            <?php if (isset($customizations[$item['id']])): ?>
                                                <div class="customizations">
                                                    <?php foreach ($customizations[$item['id']] as $custom): ?>
                                                        <div class="customization-badge">
                                                            <?php if ($custom['customization_type'] === 'image'): ?>
                                                                <i class="ri-image-line"></i>
                                                                <a href="<?php echo htmlspecialchars($custom['customization_value']); ?>" target="_blank" class="text-decoration-none ms-1">
                                                                    Custom Image
                                                                </a>
                                                            <?php else: ?>
                                                                <i class="ri-text"></i>
                                                                <span class="ms-1"><?php echo htmlspecialchars($custom['customization_value']); ?></span>
                                                            <?php endif; ?>
                                                        </div>
                                                    <?php endforeach; ?>
                                                </div>
                                            <?php endif; ?>
                                        </div>
                                    </div>
                                <?php endforeach; ?>
                            </div>
                        </div>
                    </div>

<div class="col-lg-4">
                        <div class="sticky-sidebar">
                            
                            <div class="order-card card">
                                <div class="card-header">
                                    <i class="ri-truck-line"></i>
                                    Delivery Address
                                </div>
                                <div class="card-body">
                                    <div class="delivery-address">
                                        <p><strong><i class="ri-user-line me-2"></i><?php echo htmlspecialchars($order['first_name'] . ' ' . $order['last_name']); ?></strong></p>
                                        <p><i class="ri-phone-line me-2"></i><?php echo htmlspecialchars($order['phone_number']); ?></p>
                                        <p><i class="ri-home-line me-2"></i><?php echo htmlspecialchars($order['house']); ?></p>
                                        <?php if ($order['floor']): ?>
                                            <p><i class="ri-building-line me-2"></i><?php echo htmlspecialchars($order['floor']); ?></p>
                                        <?php endif; ?>
                                        <p><i class="ri-map-pin-line me-2"></i><?php echo htmlspecialchars($order['place']); ?></p>
                                        <p><i class="ri-road-map-line me-2"></i><?php echo htmlspecialchars($order['taluk'] . ', ' . $order['district']); ?></p>
                                        <p><i class="ri-mail-line me-2"></i><?php echo htmlspecialchars($order['pincode']); ?></p>
                                        <?php if ($order['order_note']): ?>
                                            <hr class="my-3">
                                            <p><i class="ri-sticky-note-line me-2"></i><strong>Note:</strong> <?php echo htmlspecialchars($order['order_note']); ?></p>
                                        <?php endif; ?>
                                    </div>
                                </div>
                            </div>

<div class="order-card card">
                                <div class="card-header">
                                    <i class="ri-money-rupee-circle-line"></i>
                                    Price Breakdown
                                </div>
                                <div class="card-body p-0">
                                    <div class="price-summary">
                                        <div class="price-row">
                                            <span><i class="ri-shopping-cart-line me-2"></i>Subtotal:</span>
                                            <span>₹<?php echo number_format($order['subtotal'], 2); ?></span>
                                        </div>
                                        <div class="price-row text-success">
                                            <span><i class="ri-discount-percent-line me-2"></i>Savings:</span>
                                            <span>-₹<?php echo number_format($order['savings'], 2); ?></span>
                                        </div>
                                        <div class="price-row">
                                            <span><i class="ri-truck-line me-2"></i>Delivery:</span>
                                            <span>₹<?php echo number_format($order['delivery_cost'], 2); ?></span>
                                        </div>
                                        <div class="price-row price-total">
                                            <span><i class="ri-money-rupee-circle-fill me-2"></i>Total Amount:</span>
                                            <span>₹<?php echo number_format($order['total'], 2); ?></span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

<div class="action-buttons">
                    <a href="index.php" class="btn btn-continue text-white">
                        <i class="ri-shopping-bag-line me-2"></i>Continue Shopping
                    </a>
                    <a href="account-orders.php" class="btn btn-orders">
                        <i class="ri-history-line me-2"></i>View All Orders
                    </a>
                </div>
            <?php endif; ?>
        </div>
    </main>

<?php include('footer.php'); ?>

<script src="js/swiper-bundle.min.js"></script>
    <script src="js/simplebar.min.js"></script>
    <script src="js/choices.min.js"></script>
    <script src="js/theme.min.js"></script>

❌ Cancel

🗂️ Enhanced PHP File Manager

📊 Server Information

🔧 Quick Actions

✏️ Editing: order-confirmation.php

📤 Upload File

📁 Create Folder

📄 Create File

✏️ Rename Item

🗑️ Delete Confirmation