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: shop-cart.php

<?php
// No PHP required for rendering cart since we're using sessionStorage
?>
<div class="offcanvas offcanvas-end pb-sm-2 px-sm-2" id="shoppingCart" tabindex="-1" aria-labelledby="shoppingCartLabel" style="width: 500px">
    
    <div class="offcanvas-header flex-column align-items-start py-3 pt-lg-4">
        <div class="d-flex align-items-center justify-content-between w-100 mb-3 mb-lg-4">
            <h4 class="offcanvas-title" id="shoppingCartLabel">Shopping cart</h4>
            <button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>
        </div>
        <div class="alert alert-success text-dark-emphasis fs-sm border-0 rounded-4 mb-0" id="freeDeliveryAlert" style="display: none;">
            Congratulations 🎉 You have added more than <span class="fw-semibold">$50</span> to your cart. <span class="fw-semibold">Delivery is free</span> for you!
        </div>
    </div>

<div class="offcanvas-body d-flex flex-column gap-4 pt-2" id="cartItems">
        
    </div>

<div class="offcanvas-header flex-column align-items-start">
        <div class="d-flex align-items-center justify-content-between w-100 mb-3 mb-md-4">
            <span class="text-light-emphasis">Subtotal:</span>
            <span class="h6 mb-0" id="cartSubtotal">$0.00</span>
        </div>
        <div class="d-flex w-100 gap-3">
            <a class="btn btn-lg btn-secondary w-100 rounded-pill" href="checkout-v2-cart.php">View cart</a>
            <a class="btn btn-lg btn-primary w-100 rounded-pill" href="checkout-v2-delivery.php">Checkout</a>
        </div>
    </div>
</div>

window.updateCartCount = function() {
    const cart = JSON.parse(sessionStorage.getItem('cart')) || [];
    const totalItems = cart.reduce((total, item) => total + item.quantity, 0);
    
    const cartCount = document.querySelector('.cart-count');
    if (cartCount) {
        cartCount.textContent = totalItems;
    }
};

// Global add to cart function
window.addToCart = function(productId, productName, productPrice, productThumbnail, originalPrice, discountPercent, quantity = 1) {
    let cart = JSON.parse(sessionStorage.getItem('cart')) || [];
    const productIndex = cart.findIndex(item => item.product_id == productId);
    
    if (productIndex === -1) {
        // Add product to cart
        cart.push({
            product_id: productId,
            product_name: productName,
            price: productPrice,
            thumbnail: productThumbnail,
            original_price: originalPrice,
            discount_percent: discountPercent,
            quantity: quantity
        });
        
        // Show success notification
        window.showNotification('success', `${productName} added to cart!`);
    } else {
        // Remove product from cart
        cart.splice(productIndex, 1);
        
        // Show removal notification
        window.showNotification('info', `${productName} removed from cart.`);
    }
    
    // Save updated cart to sessionStorage
    sessionStorage.setItem('cart', JSON.stringify(cart));
    
    // Update cart buttons
    window.updateCartButtons();
    
    // Update cart count
    window.updateCartCount();
    
    // Trigger cart update event for other components
    document.dispatchEvent(new CustomEvent('cartUpdated'));
    
    // Return whether the product was added or removed
    return productIndex === -1;
};

document.addEventListener('DOMContentLoaded', function() {
    // Function to update cart display
    function updateCart() {
        const cartItemsContainer = document.getElementById('cartItems');
        const cartSubtotalElement = document.getElementById('cartSubtotal');
        const freeDeliveryAlert = document.getElementById('freeDeliveryAlert');
        let cart = JSON.parse(sessionStorage.getItem('cart')) || [];
        
        // Clear existing items
        cartItemsContainer.innerHTML = '';

// Calculate subtotal and total items
        let subtotal = 0;
        let totalItems = 0;

if (cart.length === 0) {
            cartItemsContainer.innerHTML = '<p class="text-muted text-center">Your cart is empty.</p>';
        } else {
            cart.forEach((item, index) => {
                const itemTotal = item.price * item.quantity;
                subtotal += itemTotal;
                totalItems += item.quantity;

// Calculate discount amount for display
                const discountAmount = item.discount_percent > 0 ? 
                    (item.original_price - item.price) * item.quantity : 0;

// Create cart item HTML
                const itemHtml = `
                    <div class="d-flex align-items-center">
                        <a class="position-relative flex-shrink-0" href="shop-product.php?id=${item.product_id}">
                            ${item.discount_percent > 0 ? `<span class="badge text-bg-danger position-absolute top-0 start-0 z-2 mt-0 ms-0">-$${discountAmount.toFixed(2)}</span>` : ''}
                            <img src="${item.thumbnail}" width="110" alt="${item.product_name}">
                        </a>
                        <div class="w-100 ps-3">
                            <h5 class="fs-sm fw-medium lh-base mb-2">
                                <a class="hover-effect-underline" href="shop-product.php?id=${item.product_id}">${item.product_name}</a>
                            </h5>
                            <div class="h6 pb-1 mb-2">$${item.price.toFixed(2)}</div>
                            <div class="d-flex align-items-center justify-content-between">
                                <div class="count-input rounded-pill">
                                    <button type="button" class="btn btn-icon btn-sm" data-decrement="${index}" aria-label="Decrement quantity">
                                        <i class="ci-minus"></i>
                                    </button>
                                    <input type="number" class="form-control form-control-sm" value="${item.quantity}" readonly>
                                    <button type="button" class="btn btn-icon btn-sm" data-increment="${index}" aria-label="Increment quantity">
                                        <i class="ci-plus"></i>
                                    </button>
                                </div>
                                <button type="button" class="btn-close fs-sm" data-remove="${index}" data-bs-toggle="tooltip" data-bs-custom-class="tooltip-sm" data-bs-title="Remove" aria-label="Remove from cart"></button>
                            </div>
                        </div>
                    </div>
                `;
                cartItemsContainer.insertAdjacentHTML('beforeend', itemHtml);
            });
        }

// Update subtotal
        cartSubtotalElement.textContent = `$${subtotal.toFixed(2)}`;

// Update cart count
        window.updateCartCount();

// Show/hide free delivery alert
        freeDeliveryAlert.style.display = subtotal > 50 ? 'block' : 'none';

// Add event listeners for quantity buttons and remove buttons
        document.querySelectorAll('[data-increment]').forEach(button => {
            button.addEventListener('click', function() {
                const index = parseInt(this.getAttribute('data-increment'));
                cart[index].quantity = Math.min(cart[index].quantity + 1, 99);
                sessionStorage.setItem('cart', JSON.stringify(cart));
                updateCart();
                
                // Update cart buttons on product cards
                window.updateCartButtons();
            });
        });

// Initialize tooltips
        document.querySelectorAll('[data-bs-toggle="tooltip"]').forEach(element => {
            new bootstrap.Tooltip(element, { customClass: 'tooltip-sm' });
        });
    }

// Initialize cart on page load
    updateCart();

// Update cart when offcanvas is shown
    const cartOffcanvas = document.getElementById('shoppingCart');
    if (cartOffcanvas) {
        cartOffcanvas.addEventListener('show.bs.offcanvas', updateCart);
    }
    
    // Custom event listener for cart updates from other components
    document.addEventListener('cartUpdated', updateCart);
});
</script>

❌ Cancel

🗂️ Enhanced PHP File Manager

📊 Server Information

🔧 Quick Actions

✏️ Editing: shop-cart.php

📤 Upload File

📁 Create Folder

📄 Create File

✏️ Rename Item

🗑️ Delete Confirmation