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: account-orders.php

<?php
// account-orders.php
// Displays a list of all orders for the logged-in user with details and tracking.

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

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

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

try {
    // Fetch all orders for the user
    $stmt = $conn->prepare("
        SELECT o.id, o.created_at, o.status, o.subtotal, o.savings, o.delivery_cost, o.total,
               o.house, o.floor, o.place, o.taluk, o.district, o.pincode, o.phone_number, o.order_note
        FROM orders o
        WHERE o.user_id = :user_id
        ORDER BY o.created_at DESC
    ");
    $stmt->execute([':user_id' => $user_id]);
    $orders = $stmt->fetchAll(PDO::FETCH_ASSOC);

// Fetch order items and customizations
    $order_details = [];
    foreach ($orders as $order) {
        // Fetch items
        $itemStmt = $conn->prepare("
            SELECT oi.order_id, oi.product_id, oi.quantity, oi.price, oi.original_price, oi.item_total,
                   p.product_name AS product_name, p.thumbnail
            FROM order_items oi
            JOIN products p ON oi.product_id = p.id
            WHERE oi.order_id = :order_id
        ");
        $itemStmt->execute([':order_id' => $order['id']]);
        $items = $itemStmt->fetchAll(PDO::FETCH_ASSOC);

// Fetch customizations
        foreach ($items as &$item) {
            $custStmt = $conn->prepare("
                SELECT type, value
                FROM order_customizations
                WHERE order_item_id = (
                    SELECT id FROM order_items WHERE order_id = :order_id AND product_id = :product_id LIMIT 1
                )
            ");
            $custStmt->execute([':order_id' => $order['id'], ':product_id' => $item['product_id']]);
            $item['customizations'] = $custStmt->fetchAll(PDO::FETCH_ASSOC);
        }
        $order_details[$order['id']] = $items;
    }

} catch (PDOException $e) {
    error_log("Account orders error: " . $e->getMessage());
    $error = "An error occurred while fetching your orders. Please contact support.";
}
?>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>My Orders - 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>
        :root {
            --primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            --success-gradient: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
            --warning-gradient: linear-gradient(135deg, #fa709a 0%, #fee140 100%);
            --danger-gradient: linear-gradient(135deg, #ff6b6b 0%, #ffa726 100%);
            --card-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
            --card-shadow-hover: 0 20px 40px rgba(0, 0, 0, 0.15);
        }

body {
            background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
            min-height: 100vh;
        }

.orders-container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 2rem 15px;
        }

.page-header {
            background: var(--primary-gradient);
            color: white;
            padding: 3rem 2rem;
            border-radius: 20px;
            text-align: center;
            margin-bottom: 3rem;
            position: relative;
            overflow: hidden;
        }

.page-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: rotate 20s linear infinite;
        }

@keyframes rotate {
            0% { transform: rotate(0deg); }
            100% { transform: rotate(360deg); }
        }

.page-header h1 {
            font-size: 2.5rem;
            font-weight: 700;
            margin-bottom: 0.5rem;
            position: relative;
            z-index: 1;
        }

.page-header p {
            font-size: 1.1rem;
            opacity: 0.9;
            position: relative;
            z-index: 1;
        }

.order-card {
            background: white;
            border-radius: 20px;
            box-shadow: var(--card-shadow);
            margin-bottom: 2rem;
            overflow: hidden;
            transition: all 0.3s ease;
            border: 1px solid rgba(255, 255, 255, 0.2);
        }

.order-card:hover {
            transform: translateY(-5px);
            box-shadow: var(--card-shadow-hover);
        }

.order-header {
            background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
            padding: 1.5rem 2rem;
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex-wrap: wrap;
            gap: 1rem;
        }

.order-id {
            font-size: 1.2rem;
            font-weight: 700;
            color: #495057;
        }

.order-date {
            color: #6c757d;
            font-size: 0.95rem;
        }

.status-badge {
            padding: 0.5rem 1rem;
            border-radius: 25px;
            font-weight: 600;
            font-size: 0.85rem;
            text-transform: uppercase;
            letter-spacing: 0.5px;
            border: none;
        }

.status-pending {
            background: linear-gradient(135deg, #ffecd2 0%, #fcb69f 100%);
            color: #d63031;
        }

.status-processing {
            background: linear-gradient(135deg, #a8edea 0%, #fed6e3 100%);
            color: #0984e3;
        }

.status-shipped {
            background: linear-gradient(135deg, #74b9ff 0%, #0984e3 100%);
            color: white;
        }

.status-delivered {
            background: linear-gradient(135deg, #00b894 0%, #00cec9 100%);
            color: white;
        }

.status-cancelled {
            background: linear-gradient(135deg, #fd79a8 0%, #e84393 100%);
            color: white;
        }

.order-summary {
            padding: 1.5rem 2rem;
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
            gap: 1.5rem;
            align-items: center;
        }

.summary-item {
            text-align: center;
            padding: 1rem;
            background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);
            border-radius: 12px;
            border: 1px solid #e9ecef;
        }

.summary-label {
            font-size: 0.85rem;
            color: #6c757d;
            text-transform: uppercase;
            letter-spacing: 0.5px;
            margin-bottom: 0.5rem;
            font-weight: 600;
        }

.summary-value {
            font-size: 1.2rem;
            font-weight: 700;
            color: #212529;
        }

.summary-value.total {
            color: #28a745;
            font-size: 1.4rem;
        }

.summary-value.savings {
            color: #dc3545;
        }

.order-actions {
            padding: 1rem 2rem;
            background: #f8f9fa;
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex-wrap: wrap;
            gap: 1rem;
        }

.btn-details {
            background: var(--primary-gradient);
            color: white;
            border: none;
            padding: 0.75rem 1.5rem;
            border-radius: 25px;
            font-weight: 600;
            transition: all 0.3s ease;
            text-decoration: none;
            display: inline-flex;
            align-items: center;
            gap: 0.5rem;
        }

.btn-details:hover {
            transform: translateY(-2px);
            box-shadow: 0 5px 15px rgba(102, 126, 234, 0.4);
            color: white;
        }

.btn-track {
            background: transparent;
            color: #495057;
            border: 2px solid #dee2e6;
            padding: 0.75rem 1.5rem;
            border-radius: 25px;
            font-weight: 600;
            transition: all 0.3s ease;
            text-decoration: none;
            display: inline-flex;
            align-items: center;
            gap: 0.5rem;
        }

.btn-track:hover {
            border-color: #495057;
            color: #495057;
            transform: translateY(-2px);
        }

.order-details {
            padding: 2rem;
            background: white;
            border-top: 3px solid #e9ecef;
        }

.detail-section {
            margin-bottom: 2rem;
        }

.detail-section h6 {
            color: #495057;
            font-weight: 700;
            margin-bottom: 1rem;
            padding-bottom: 0.5rem;
            border-bottom: 2px solid #e9ecef;
            display: flex;
            align-items: center;
            gap: 0.5rem;
        }

.address-card {
            background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);
            padding: 1.5rem;
            border-radius: 12px;
            border: 1px solid #e9ecef;
            margin-bottom: 1rem;
        }

.address-card p {
            margin-bottom: 0.25rem;
            display: flex;
            align-items: center;
            gap: 0.5rem;
        }

.address-card i {
            color: #6c757d;
            width: 16px;
        }

.items-grid {
            display: grid;
            gap: 1rem;
        }

.item-card {
            background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);
            border: 1px solid #e9ecef;
            border-radius: 12px;
            padding: 1.5rem;
            display: flex;
            align-items: center;
            gap: 1rem;
            transition: all 0.3s ease;
        }

.item-card:hover {
            transform: translateX(5px);
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
        }

.item-image {
            width: 80px;
            height: 80px;
            border-radius: 10px;
            object-fit: cover;
            border: 2px solid #e9ecef;
            flex-shrink: 0;
        }

.item-details {
            flex: 1;
        }

.item-name {
            font-weight: 700;
            color: #212529;
            margin-bottom: 0.5rem;
        }

.item-meta {
            color: #6c757d;
            font-size: 0.9rem;
            display: flex;
            gap: 1rem;
            flex-wrap: wrap;
            margin-bottom: 0.5rem;
        }

.item-total {
            font-weight: 700;
            color: #28a745;
            font-size: 1.1rem;
        }

.customization-tags {
            display: flex;
            flex-wrap: wrap;
            gap: 0.5rem;
            margin-top: 0.75rem;
        }

.customization-tag {
            background: linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%);
            color: #1565c0;
            padding: 0.25rem 0.75rem;
            border-radius: 15px;
            font-size: 0.8rem;
            font-weight: 500;
            display: flex;
            align-items: center;
            gap: 0.25rem;
        }

/* Compact Tracking Design */
.tracking-container {
    background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);
    border-radius: 12px;
    padding: 1rem;
    border: 1px solid #e9ecef;
    margin-top: 1rem;
}

.tracking-timeline {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 1rem 0;
}

.tracking-timeline::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 3px;
    background: #e9ecef;
    z-index: 1;
}

.tracking-step {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    background: white;
    padding: 0.5rem;
    border-radius: 8px;
    z-index: 2;
    min-width: 80px;
    text-align: center;
}

.tracking-icon {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.9rem;
    margin-bottom: 0.25rem;
    background: #e9ecef;
    color: #6c757d;
    border: 2px solid #e9ecef;
}

.tracking-step.completed .tracking-icon {
    background: var(--success-gradient);
    border-color: #00b894;
    color: white;
}

.tracking-step.active .tracking-icon {
    background: var(--primary-gradient);
    border-color: #667eea;
    color: white;
    animation: pulse 2s infinite;
}

.tracking-step.cancelled .tracking-icon {
    background: var(--danger-gradient);
    border-color: #fd79a8;
    color: white;
}

.tracking-title {
    font-weight: 600;
    color: #212529;
    font-size: 0.75rem;
    margin-bottom: 0.1rem;
}

.tracking-desc {
    color: #6c757d;
    font-size: 0.65rem;
    line-height: 1.2;
}

/* Mobile responsive for compact tracking */
@media (max-width: 768px) {
    .tracking-timeline {
        flex-direction: column;
        gap: 0.75rem;
    }
    
    .tracking-timeline::before {
        top: 0;
        bottom: 0;
        left: 50%;
        width: 3px;
        height: auto;
    }
    
    .tracking-step {
        flex-direction: row;
        min-width: auto;
        width: 100%;
        text-align: left;
        padding: 0.5rem 0.75rem;
    }
    
    .tracking-icon {
        margin-right: 0.5rem;
        margin-bottom: 0;
    }
    
    .tracking-info {
        flex: 1;
    }
}

.empty-state {
            text-align: center;
            padding: 4rem 2rem;
            background: white;
            border-radius: 20px;
            box-shadow: var(--card-shadow);
        }

.empty-icon {
            font-size: 4rem;
            color: #dee2e6;
            margin-bottom: 2rem;
        }

.empty-title {
            font-size: 1.5rem;
            font-weight: 700;
            color: #495057;
            margin-bottom: 1rem;
        }

.empty-desc {
            color: #6c757d;
            margin-bottom: 2rem;
        }

.btn-shop {
            background: var(--primary-gradient);
            color: white;
            border: none;
            padding: 1rem 2rem;
            border-radius: 25px;
            font-weight: 600;
            text-decoration: none;
            display: inline-flex;
            align-items: center;
            gap: 0.5rem;
            transition: all 0.3s ease;
        }

.btn-shop:hover {
            transform: translateY(-2px);
            box-shadow: 0 10px 25px rgba(102, 126, 234, 0.4);
            color: white;
        }

/* Responsive Design */
        @media (max-width: 768px) {
            .orders-container {
                padding: 1rem 10px;
            }

.page-header {
                padding: 2rem 1rem;
                margin-bottom: 2rem;
            }

.page-header h1 {
                font-size: 2rem;
            }

.order-header {
                padding: 1rem;
                flex-direction: column;
                align-items: flex-start;
            }

.order-summary {
                padding: 1rem;
                grid-template-columns: 1fr;
                gap: 1rem;
            }

.order-actions {
                padding: 1rem;
                flex-direction: column;
                align-items: stretch;
            }

.btn-details,
            .btn-track {
                width: 100%;
                justify-content: center;
            }

.tracking-timeline {
                flex-direction: column;
                gap: 1rem;
            }

.tracking-timeline::before {
                top: 0;
                bottom: 0;
                left: 50%;
                width: 4px;
                height: auto;
            }

.item-card {
                flex-direction: column;
                text-align: center;
            }

.item-image {
                width: 120px;
                height: 120px;
            }
        }

/* Animation Classes */
        .fade-in {
            animation: fadeIn 0.6s ease-out;
        }

.slide-up {
            animation: slideUp 0.6s ease-out;
        }

@keyframes fadeIn {
            from { opacity: 0; }
            to { opacity: 1; }
        }

@keyframes slideUp {
            from { 
                opacity: 0;
                transform: translateY(30px);
            }
            to { 
                opacity: 1;
                transform: translateY(0);
            }
        }
    </style>
</head>
<body>
    <?php include('shop-cart.php') ?>
    <?php include('header.php'); ?>

<main class="container-fluid">
        <div class="orders-container">
            
            <div class="page-header fade-in">
                <h1><i class="ri-shopping-bag-3-line me-3"></i>My Orders</h1>
                <p>Track and manage all your orders in one place</p>
            </div>

<?php if (isset($error)): ?>
                <div class="alert alert-danger d-flex align-items-center mb-4" role="alert">
                    <i class="ri-error-warning-line me-3 fs-4"></i>
                    <div><?php echo htmlspecialchars($error); ?></div>
                </div>
                <div class="text-center">
                    <a href="index.php" class="btn-shop">
                        <i class="ri-home-line"></i>Return to Home
                    </a>
                </div>

<?php elseif (empty($orders)): ?>
                <div class="empty-state slide-up">
                    <div class="empty-icon">
                        <i class="ri-shopping-cart-line"></i>
                    </div>
                    <h2 class="empty-title">No Orders Yet</h2>
                    <p class="empty-desc">You haven't placed any orders yet. Start exploring our amazing products!</p>
                    <a href="index.php" class="btn-shop">
                        <i class="ri-shopping-bag-line"></i>Start Shopping
                    </a>
                </div>

<?php else: ?>
                
                <div class="orders-list">
                    <?php foreach ($orders as $index => $order): ?>
                        <div class="order-card slide-up" style="animation-delay: <?php echo $index * 0.1; ?>s;">
                            
                            <div class="order-header">
                                <div>
                                    <div class="order-id">Order #<?php echo htmlspecialchars($order['id']); ?></div>
                                    <div class="order-date">
                                        <i class="ri-calendar-line me-1"></i>
                                        <?php echo date('F j, Y \a\t g:i A', strtotime($order['created_at'])); ?>
                                    </div>
                                </div>
                                <div>
                                    <span class="status-badge status-<?php echo $order['status']; ?>">
                                        <?php echo ucfirst($order['status']); ?>
                                    </span>
                                </div>
                            </div>

<div class="order-summary">
                                <div class="summary-item">
                                    <div class="summary-label">Subtotal</div>
                                    <div class="summary-value">₹<?php echo number_format($order['subtotal'], 2); ?></div>
                                </div>
                                <div class="summary-item">
                                    <div class="summary-label">Savings</div>
                                    <div class="summary-value savings">-₹<?php echo number_format($order['savings'], 2); ?></div>
                                </div>
                                <div class="summary-item">
                                    <div class="summary-label">Delivery</div>
                                    <div class="summary-value">₹<?php echo number_format($order['delivery_cost'], 2); ?></div>
                                </div>
                                <div class="summary-item">
                                    <div class="summary-label">Total</div>
                                    <div class="summary-value total">₹<?php echo number_format($order['total'], 2); ?></div>
                                </div>
                            </div>

<div class="order-actions">
                                <div>
                                    <span class="text-muted">
                                        <i class="ri-package-line me-1"></i>
                                        <?php echo count($order_details[$order['id']]); ?> item(s)
                                    </span>
                                </div>
                                <div class="d-flex gap-2">
                                    <button class="btn-details" data-bs-toggle="collapse" 
                                            data-bs-target="#orderDetails<?php echo $order['id']; ?>" 
                                            aria-expanded="false">
                                        <i class="ri-eye-line"></i>Track Order
                                    </button>
                                    <a href="order-confirmation.php?order_id=<?php echo $order['id']; ?>" class="btn-track">
                                        <i class="ri-truck-line"></i>View Details
                                    </a>
                                </div>
                            </div>

<div class="collapse" id="orderDetails<?php echo $order['id']; ?>">
                                <div class="order-details">
                                    
                                    <div class="detail-section">
                                        <h6><i class="ri-map-pin-line"></i>Shipping Address</h6>
                                        <div class="address-card">
                                            <p><i class="ri-home-line"></i><?php echo htmlspecialchars($order['house']); ?></p>
                                            <?php if ($order['floor']): ?>
                                                <p><i class="ri-building-line"></i><?php echo htmlspecialchars($order['floor']); ?></p>
                                            <?php endif; ?>
                                            <p><i class="ri-map-2-line"></i><?php echo htmlspecialchars($order['place']); ?></p>
                                            <p><i class="ri-road-map-line"></i><?php echo htmlspecialchars($order['taluk'] . ', ' . $order['district']); ?></p>
                                            <p><i class="ri-mail-line"></i><?php echo htmlspecialchars($order['pincode']); ?></p>
                                            <p><i class="ri-phone-line"></i><?php echo htmlspecialchars($order['phone_number']); ?></p>
                                            <?php if ($order['order_note']): ?>
                                                <p><i class="ri-sticky-note-line"></i><strong>Note:</strong> <?php echo htmlspecialchars($order['order_note']); ?></p>
                                            <?php endif; ?>
                                        </div>
                                    </div>

<div class="detail-section">
                                        <h6><i class="ri-shopping-cart-line"></i>Order Items</h6>
                                        <div class="items-grid">
                                            <?php foreach ($order_details[$order['id']] as $item): ?>
                                                <div class="item-card">
                                                    <img src="uploads/products/thumbnails/<?php echo htmlspecialchars($item['thumbnail'] ?: 'placeholder.png'); ?>" 
                                                         alt="<?php echo htmlspecialchars($item['product_name']); ?>" 
                                                         class="item-image">
                                                    <div class="item-details">
                                                        <div class="item-name">
                                                            <a href="shop-product.php?id=<?php echo $item['product_id']; ?>" class="text-decoration-none">
                                                                <?php echo htmlspecialchars($item['product_name']); ?>
                                                            </a>
                                                        </div>
                                                        <div class="item-meta">
                                                            <span><i class="ri-hashtag"></i>Qty: <?php echo $item['quantity']; ?></span>
                                                            <span><i class="ri-price-tag-3-line"></i>₹<?php echo number_format($item['price'], 2); ?></span>
                                                        </div>
                                                        <div class="item-total">
                                                            <i class="ri-money-rupee-circle-line"></i>₹<?php echo number_format($item['item_total'], 2); ?>
                                                        </div>
                                                        <?php if (!empty($item['customizations'])): ?>
                                                            <div class="customization-tags">
                                                                <?php foreach ($item['customizations'] as $cust): ?>
                                                                    <div class="customization-tag">
                                                                        <?php if ($cust['type'] === 'text'): ?>
                                                                            <i class="ri-text"></i><?php echo htmlspecialchars($cust['value']); ?>
                                                                        <?php elseif ($cust['type'] === 'image'): ?>
                                                                            <i class="ri-image-line"></i>
                                                                            <a href="<?php echo htmlspecialchars($cust['value']); ?>" target="_blank" class="text-decoration-none">Custom Image</a>
                                                                        <?php endif; ?>
                                                                    </div>
                                                                <?php endforeach; ?>
                                                            </div>
                                                        <?php endif; ?>
                                                    </div>
                                                </div>
                                            <?php endforeach; ?>
                                        </div>
                                    </div>

<div class="detail-section">
    <h6><i class="ri-truck-line"></i>Order Tracking</h6>
    <div class="tracking-container">
        <?php
        $status_steps = [
            'pending' => ['Order Placed', 'Received', 1],
            'processing' => ['Processing', 'Preparing', 2],
            'shipped' => ['Shipped', 'On the way', 3],
            'delivered' => ['Delivered', 'Completed', 4],
            'cancelled' => ['Cancelled', 'Cancelled', 0]
        ];
        
        $current_status = $order['status'];
        $current_step = $status_steps[$current_status][2] ?? 0;
        ?>
        <div class="tracking-timeline">
            <?php foreach ($status_steps as $status => $step_info): 
                if ($status === 'cancelled') continue;
                $step_number = $step_info[2];
                $step_class = '';
                if ($step_number < $current_step) {
                    $step_class = 'completed';
                } elseif ($step_number === $current_step) {
                    $step_class = 'active';
                } elseif ($current_status === 'cancelled') {
                    $step_class = 'cancelled';
                }
            ?>
                <div class="tracking-step <?php echo $step_class; ?>">
                    <div class="tracking-icon">
                        <?php switch($status): 
                            case 'pending': ?>
                                <i class="ri-shopping-cart-line"></i>
                                <?php break; ?>
                            <?php case 'processing': ?>
                                <i class="ri-settings-3-line"></i>
                                <?php break; ?>
                            <?php case 'shipped': ?>
                                <i class="ri-truck-line"></i>
                                <?php break; ?>
                            <?php case 'delivered': ?>
                                <i class="ri-checkbox-circle-line"></i>
                                <?php break; ?>
                        <?php endswitch; ?>
                    </div>
                    <div class="tracking-info">
                        <div class="tracking-title"><?php echo $step_info[0]; ?></div>
                        <div class="tracking-desc"><?php echo $step_info[1]; ?></div>
                    </div>
                </div>
            <?php endforeach; ?>
        </div>
        
        <?php if ($current_status === 'cancelled'): ?>
            <div class="text-center text-danger mt-2">
                <i class="ri-close-circle-fill fs-4"></i>
                <h6 class="mt-1 mb-0">Order Cancelled</h6>
                <small>Contact support for details</small>
            </div>
        <?php endif; ?>
    </div>
</div>
                                </div>
                            </div>
                        </div>
                    <?php endforeach; ?>
                </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>

// Add animation to status badges
        document.querySelectorAll('.status-badge').forEach(badge => {
            badge.addEventListener('mouseenter', function() {
                this.style.transform = 'scale(1.05)';
            });
            
            badge.addEventListener('mouseleave', function() {
                this.style.transform = 'scale(1)';
            });
        });

// Update order counts in header
        if (window.updateCartCount) {
            window.updateCartCount();
        }
    });
    </script>
</body>
</html>

❌ Cancel

🗂️ Enhanced PHP File Manager

📊 Server Information

🔧 Quick Actions

✏️ Editing: account-orders.php

📤 Upload File

📁 Create Folder

📄 Create File

✏️ Rename Item

🗑️ Delete Confirmation