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/spmodern.in/public_html

Free Space:

10.3 TB

🔧 Quick Actions

✏️ Editing: order_confirmation.php

<?php
session_start();

// Check if order was successful
if (!isset($_SESSION['order_success']) || !$_SESSION['order_success']) {
    header('Location: shop.php');
    exit;
}

// Get order ID from session
$order_id = $_SESSION['order_id'] ?? '';

// Clear order session data after displaying
unset($_SESSION['order_success']);
unset($_SESSION['order_id']);

// Database connection to get order details (optional)
$host     = "localhost";
$username = "u329947844_viswa";
$password = "Ariharan@2025";
$database = "u329947844_viswa";

$conn = mysqli_connect($host, $username, $password, $database);

$order_details = null;
if ($conn && $order_id) {
    $order_sql = "SELECT * FROM orders WHERE order_id = ?";
    $stmt = mysqli_prepare($conn, $order_sql);
    mysqli_stmt_bind_param($stmt, "s", $order_id);
    mysqli_stmt_execute($stmt);
    $result = mysqli_stmt_get_result($stmt);
    $order_details = mysqli_fetch_assoc($result);
    
    // Get order items
    $items_sql = "SELECT * FROM order_items WHERE order_id = (SELECT id FROM orders WHERE order_id = ?)";
    $stmt_items = mysqli_prepare($conn, $items_sql);
    mysqli_stmt_bind_param($stmt_items, "s", $order_id);
    mysqli_stmt_execute($stmt_items);
    $items_result = mysqli_stmt_get_result($stmt_items);
    $order_items = [];
    while ($item = mysqli_fetch_assoc($items_result)) {
        $order_items[] = $item;
    }
    
    mysqli_close($conn);
}
?>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Order Confirmation | SP Modern Men's Wear</title>
    <script src="https://cdn.tailwindcss.com"></script>
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <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=Montserrat:wght@400;500;600;700;800&family=Open+Sans:wght@400;500;600&display=swap" rel="stylesheet">
    <link rel="apple-touch-icon" sizes="180x180" href="assets/fav/apple-touch-icon.png">
    <link rel="icon" type="image/png" sizes="32x32" href="assets/fav/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="assets/fav/favicon-16x16.png">
    <link rel="manifest" href="assets/fav/site.webmanifest">
    <script>
        tailwind.config = {
            theme: {
                extend: {
                    colors: {
                        'navy': '#1e2a4a',
                        'charcoal': '#2d3748',
                        'deep-red': '#9f1c32',
                        'metallic': '#a8a9ad',
                        'gold': '#d4af37',
                    },
                    fontFamily: {
                        'heading': ['Montserrat', 'sans-serif'],
                        'body': ['Open Sans', 'sans-serif'],
                    }
                }
            }
        }
    </script>
    <style>
        .confirmation-animation {
            animation: confetti 2s ease-out;
        }
        @keyframes confetti {
            0% { transform: scale(0); opacity: 0; }
            50% { transform: scale(1.1); opacity: 1; }
            100% { transform: scale(1); opacity: 1; }
        }
        .checkmark {
            animation: checkmark 0.5s ease-in-out;
        }
        @keyframes checkmark {
            0% { transform: scale(0); }
            50% { transform: scale(1.2); }
            100% { transform: scale(1); }
        }
    </style>
</head>
<body class="font-body bg-gray-50">
    
    <?php include('includes/nav.php')?>

<section class="py-16">
        <div class="container mx-auto px-4">
            <div class="max-w-4xl mx-auto">
                
                <div class="text-center mb-12">
                    <div class="confirmation-animation mb-6">
                        <div class="w-24 h-24 bg-green-100 rounded-full flex items-center justify-center mx-auto">
                            <i class="fas fa-check text-4xl text-green-600 checkmark"></i>
                        </div>
                    </div>
                    <h1 class="text-4xl font-heading font-bold text-charcoal mb-4">Order Confirmed!</h1>
                    <p class="text-xl text-charcoal mb-2">Thank you for your purchase</p>
                    <p class="text-metallic">Your order has been successfully placed and is being processed.</p>
                </div>

<div class="bg-white rounded-lg shadow-lg overflow-hidden mb-8">
                    
                    <div class="bg-deep-red text-white p-6">
                        <div class="flex flex-col md:flex-row justify-between items-start md:items-center">
                            <div>
                                <h2 class="text-2xl font-heading font-bold mb-2">Order #<?php echo htmlspecialchars($order_id); ?></h2>
                                <p class="text-red-100">Placed on <?php echo date('F j, Y'); ?></p>
                            </div>
                            <div class="mt-4 md:mt-0">
                                <span class="inline-block bg-white text-deep-red px-4 py-2 rounded-full font-bold text-sm">
                                    Processing
                                </span>
                            </div>
                        </div>
                    </div>

<div class="p-6">
                        
                        <div class="grid grid-cols-1 lg:grid-cols-2 gap-8 mb-8">
                            
                            <div>
                                <h3 class="text-lg font-heading font-bold text-charcoal mb-4">Shipping Information</h3>
                                <?php if ($order_details): ?>
                                <div class="space-y-2">
                                    <p class="text-charcoal"><strong>Name:</strong> <?php echo htmlspecialchars($order_details['customer_name']); ?></p>
                                    <p class="text-charcoal"><strong>Email:</strong> <?php echo htmlspecialchars($order_details['customer_email']); ?></p>
                                    <p class="text-charcoal"><strong>Phone:</strong> <?php echo htmlspecialchars($order_details['customer_phone']); ?></p>
                                    <p class="text-charcoal"><strong>Address:</strong> <?php echo htmlspecialchars($order_details['shipping_address']); ?></p>
                                    <p class="text-charcoal"><strong>City:</strong> <?php echo htmlspecialchars($order_details['city']); ?></p>
                                    <p class="text-charcoal"><strong>State:</strong> <?php echo htmlspecialchars($order_details['state']); ?></p>
                                    <p class="text-charcoal"><strong>PIN Code:</strong> <?php echo htmlspecialchars($order_details['zip_code']); ?></p>
                                </div>
                                <?php else: ?>
                                <p class="text-metallic">Shipping details will be sent to your email.</p>
                                <?php endif; ?>
                            </div>

<div>
                                <h3 class="text-lg font-heading font-bold text-charcoal mb-4">Order Summary</h3>
                                <div class="space-y-3">
                                    <div class="flex justify-between">
                                        <span class="text-charcoal">Payment Method</span>
                                        <span class="text-charcoal font-medium">Cash on Delivery</span>
                                    </div>
                                    <div class="flex justify-between">
                                        <span class="text-charcoal">Shipping Method</span>
                                        <span class="text-charcoal font-medium">Free Express Shipping</span>
                                    </div>
                                    <div class="flex justify-between">
                                        <span class="text-charcoal">Estimated Delivery</span>
                                        <span class="text-charcoal font-medium">2-4 business days</span>
                                    </div>
                                    <?php if ($order_details): ?>
                                    <div class="border-t border-gray-200 pt-3 mt-3">
                                        <div class="flex justify-between text-lg font-bold">
                                            <span class="text-charcoal">Total Amount</span>
                                            <span class="text-deep-red">₹<?php echo number_format($order_details['total_amount'], 2); ?></span>
                                        </div>
                                    </div>
                                    <?php endif; ?>
                                </div>
                            </div>
                        </div>

<div>
                            <h3 class="text-lg font-heading font-bold text-charcoal mb-4">Order Items</h3>
                            <div class="space-y-4">
                                <?php if (!empty($order_items)): ?>
                                    <?php foreach ($order_items as $item): ?>
                                    <div class="flex items-center border-b border-gray-200 pb-4">
                                        <div class="flex-shrink-0 w-16 h-16 bg-gray-200 rounded overflow-hidden">
                                            <div class="w-full h-full bg-gray-300 flex items-center justify-center">
                                                <i class="fas fa-tshirt text-gray-500"></i>
                                            </div>
                                        </div>
                                        <div class="ml-4 flex-grow">
                                            <h4 class="font-medium text-charcoal"><?php echo htmlspecialchars($item['product_name']); ?></h4>
                                            <div class="flex justify-between items-center mt-1">
                                                <span class="text-deep-red font-bold">₹<?php echo number_format($item['unit_price'], 2); ?></span>
                                                <span class="text-charcoal">Qty: <?php echo $item['quantity']; ?></span>
                                            </div>
                                            <div class="flex justify-between items-center mt-1">
                                                <span class="text-charcoal text-sm">Item Total:</span>
                                                <span class="text-deep-red font-bold">₹<?php echo number_format($item['total_price'], 2); ?></span>
                                            </div>
                                        </div>
                                    </div>
                                    <?php endforeach; ?>
                                <?php else: ?>
                                    <p class="text-metallic text-center py-4">Order items details are being processed.</p>
                                <?php endif; ?>
                            </div>
                        </div>
                    </div>
                </div>

<div class="grid grid-cols-1 md:grid-cols-3 gap-6 mb-8">
                    <div class="bg-white rounded-lg shadow-md p-6 text-center">
                        <div class="w-12 h-12 bg-blue-100 rounded-full flex items-center justify-center mx-auto mb-4">
                            <i class="fas fa-envelope text-blue-600 text-xl"></i>
                        </div>
                        <h3 class="font-heading font-bold text-charcoal mb-2">Email Confirmation</h3>
                        <p class="text-sm text-metallic">Order confirmation sent to your email address</p>
                    </div>
                    
                    <div class="bg-white rounded-lg shadow-md p-6 text-center">
                        <div class="w-12 h-12 bg-green-100 rounded-full flex items-center justify-center mx-auto mb-4">
                            <i class="fas fa-shipping-fast text-green-600 text-xl"></i>
                        </div>
                        <h3 class="font-heading font-bold text-charcoal mb-2">Order Processing</h3>
                        <p class="text-sm text-metallic">Your order is being prepared for shipment</p>
                    </div>
                    
                    <div class="bg-white rounded-lg shadow-md p-6 text-center">
                        <div class="w-12 h-12 bg-purple-100 rounded-full flex items-center justify-center mx-auto mb-4">
                            <i class="fas fa-truck text-purple-600 text-xl"></i>
                        </div>
                        <h3 class="font-heading font-bold text-charcoal mb-2">Delivery</h3>
                        <p class="text-sm text-metallic">Expected delivery in 2-4 business days</p>
                    </div>
                </div>

<div class="bg-yellow-50 border border-yellow-200 rounded-lg p-6 mb-8">
                    <h3 class="font-heading font-bold text-charcoal mb-3 flex items-center">
                        <i class="fas fa-info-circle text-yellow-600 mr-2"></i>
                        Important Information
                    </h3>
                    <ul class="text-sm text-charcoal space-y-2">
                        <li class="flex items-start">
                            <i class="fas fa-circle text-yellow-600 text-xs mt-1 mr-2"></i>
                            <span>Please keep exact change ready for cash on delivery payment</span>
                        </li>
                        <li class="flex items-start">
                            <i class="fas fa-circle text-yellow-600 text-xs mt-1 mr-2"></i>
                            <span>You will receive tracking information via SMS and email once your order ships</span>
                        </li>
                        <li class="flex items-start">
                            <i class="fas fa-circle text-yellow-600 text-xs mt-1 mr-2"></i>
                            <span>For any queries, contact our customer support at support@spmodern.com</span>
                        </li>
                    </ul>
                </div>

<div class="text-center">
                    <div class="flex flex-col sm:flex-row gap-4 justify-center">
                        <a href="shop.php" class="bg-deep-red hover:bg-red-800 text-white font-bold py-3 px-8 rounded transition duration-300 inline-flex items-center justify-center">
                            <i class="fas fa-shopping-bag mr-2"></i>
                            Continue Shopping
                        </a>
                        <a href="order_tracking.php?order_id=<?php echo $order_id; ?>" class="border border-navy text-navy hover:bg-navy hover:text-white font-bold py-3 px-8 rounded transition duration-300 inline-flex items-center justify-center">
                            <i class="fas fa-truck mr-2"></i>
                            Track Your Order
                        </a>
                        <button onclick="window.print()" class="border border-gray-300 text-charcoal hover:bg-gray-100 font-bold py-3 px-8 rounded transition duration-300 inline-flex items-center justify-center">
                            <i class="fas fa-print mr-2"></i>
                            Print Confirmation
                        </button>
                    </div>
                </div>

<div class="bg-white rounded-lg shadow-md p-6 mt-8">
                    <h3 class="font-heading font-bold text-charcoal mb-4 text-center">Need Help With Your Order?</h3>
                    <div class="grid grid-cols-1 md:grid-cols-3 gap-6 text-center">
                        <div>
                            <i class="fas fa-phone text-deep-red text-2xl mb-3"></i>
                            <p class="font-medium text-charcoal mb-1">Call Us</p>
                            <p class="text-sm text-metallic">1-800-SPMODERN</p>
                        </div>
                        <div>
                            <i class="fab fa-whatsapp text-green-500 text-2xl mb-3"></i>
                            <p class="font-medium text-charcoal mb-1">WhatsApp</p>
                            <p class="text-sm text-metallic">+91 98765 43210</p>
                        </div>
                        <div>
                            <i class="fas fa-envelope text-deep-red text-2xl mb-3"></i>
                            <p class="font-medium text-charcoal mb-1">Email Us</p>
                            <p class="text-sm text-metallic">support@spmodern.com</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

<section class="py-12 bg-navy text-white">
        <div class="container mx-auto px-4 text-center">
            <h2 class="text-2xl font-heading font-bold mb-4">Stay Updated</h2>
            <p class="max-w-xl mx-auto mb-6">Subscribe to our newsletter for exclusive offers, style tips, and new collection announcements.</p>
            <form class="max-w-md mx-auto flex">
                <input type="email" placeholder="Your email address" class="flex-grow py-3 px-4 rounded-l text-charcoal focus:outline-none">
                <button type="submit" class="bg-deep-red hover:bg-red-800 py-3 px-6 rounded-r font-medium transition duration-300">Subscribe</button>
            </form>
        </div>
    </section>

<?php include('includes/footer.php')?>

// Print order confirmation
            $('button[onclick="window.print()"]').click(function() {
                // You can add custom print styling here if needed
                window.print();
            });

// Smooth scroll to top
            $('html, body').animate({
                scrollTop: 0
            }, 500);
        });

// Share order functionality (optional)
        function shareOrder() {
            if (navigator.share) {
                navigator.share({
                    title: 'My SP Modern Order',
                    text: 'I just placed an order with SP Modern Men\'s Wear!',
                    url: window.location.href
                })
                .then(() => console.log('Successful share'))
                .catch((error) => console.log('Error sharing:', error));
            } else {
                // Fallback for browsers that don't support Web Share API
                alert('Share this page: ' + window.location.href);
            }
        }
    </script>
</body>
</html>

❌ Cancel

🗂️ Enhanced PHP File Manager

📊 Server Information

🔧 Quick Actions

✏️ Editing: order_confirmation.php

📤 Upload File

📁 Create Folder

📄 Create File

✏️ Rename Item

🗑️ Delete Confirmation