<!-- Debug: Total categories: 25 --><!-- Debug: First category: Array
(
    [id] =&gt; 181
    [name] =&gt; Body wash
    [parent_id] =&gt; 13
    [description] =&gt; 
    [created_at] =&gt; 2025-07-03 16:15:15
    [status] =&gt; active
    [updated_at] =&gt; 2025-07-03 16:15:15
    [sort_order] =&gt; 22
)
 --><!-- Debug: Selected category ID: 170 --><!-- Debug: Found 1 products in category 170 --><!-- Debug SQL: SELECT p.*, u.name as seller_name 
        FROM products p 
        LEFT JOIN users u ON p.seller_id = u.id 
        WHERE p.status = 'active' AND p.category_id = ? ORDER BY p.created_at DESC --><!-- Debug Params: Array
(
    [0] => 170
)
 --><!-- Debug: Found 1 products --><!-- Debug First Product: Array
(
    [id] => 63
    [product_code] => BCXETN001
    [name] => High Quality Japanese Aluminum Coated Motorcycle Cover
    [description] => Product information of high-quality Japanese aluminum-coated motorcycle cover
Genuine imported goods from Japan
Product name: Aluminum-coated motorcycle cover
Manufacturer: Japan ltd.co
The durability of the machine is up to 3 years, 1-for-1 warranty in the first year.
Protect your car from the effects of sun, rain, and dust when parked outdoors.
Product specifications of high-quality Japanese aluminum-coated motorcycle cover
Product design: 3D.
Color: Aluminum-coated silver
Canvas size: 2.35m long, 0.75m high, 0.7m wide at the front of the car, 0.6m wide at the rear of the car.
Material: Aluminum-coated canvas combined with oxford fabric, very good at protecting against heat and rain.
Fashionable and beautiful design, Can cover manual motorbikes such as Dream, Wave, Jupiter, Future Neo... or scooters such as Lead, Click, Air Blade, Vision, Nouvo, Mio, Fly, Liberty, PCX, SH...
Uses of high-quality Japanese aluminum-coated motorbike covers
The outside is covered with a layer of heat-insulating aluminum foil to protect the motorbike from heat.
Laminated with the aluminum foil layer is a PVC layer to prevent rain from wetting the motorbike and rusting the motorbike.
Inside is a layer of anti-scratch cotton to effectively protect the motorbike.
Help your motorbike avoid collisions, scratches, dust and mirrors.
Motorbike covers help prevent the motorbike's paint from fading, preventing thieves from drawing on the motorbike.
The product has a fashionable design, high quality, suitable for the harsh weather conditions in Vietnam.
Instructions for using Japanese high-quality aluminum-coated motorcycle covers
Step 1: We open the cover to start covering the vehicle.
Step 2: After opening the cover, we cover the motorcycle from top to bottom.
Step 3: After covering the motorcycle, we install the latch to ensure it is secure and avoid being blown by the wind.

Outstanding advantages of Japanese high-quality aluminum-coated motorcycle covers
The product helps keep the vehicle clean and beautiful, and the paint does not fade due to the weather.
Can be folded neatly, conveniently, not too bulky, cumbersome, has a small bag to put in the trunk conveniently.
The motorcycle cover is made of flexible plastic, durable, beautiful, waterproof, and has the effect of protecting the motorcycle from the sun and rain.
Fashionable and beautiful design, can cover all types of motorbikes such as Dream, Wave, Jupiter, Future Neo... or scooters such as Lead, Click, Air Blade, Vision, Nouvo, Mio, Fly, Liberty, PCX, SH...
Why should we use high-quality motorbike covers?
The product is designed to be very compact, easy to carry anywhere for use.
The motorbike cover helps limit peeling, fading of the paint layer on the motorbike due to heat or rust, oxidation of mechanical parts due to rain, wind, dust.
In addition to its flexible design and high-quality materials, motorbike covers are also popular with many people because of their effective protection features. With this small cover, you can rest assured to leave your beloved motorbike anywhere, in any weather.
In particular, on outdoor trips and picnics, you can use the motorbike cover as a seat for your family and friends.
    [price] => 9.10
    [discounted_price] => 
    [commission_rate] => 15.00
    [image] => main_686b931a4a499.jpg
    [category_id] => 170
    [seller_id] => 
    [stock] => 2192
    [status] => active
    [posted_by] => admin
    [created_at] => 2025-07-07 16:27:54
    [is_approved] => 0
    [rejection_reason] => 
    [is_featured] => 0
    [seller_name] => 
)
 --><!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Products - DiginexMall</title>
    
    <!-- ThÆ° viá»‡n CSS bÃªn ngoÃ i -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/owl.carousel@2.3.4/dist/assets/owl.theme.default.min.css">
    
    <!-- CSS cơ bản của trang web (reset, biến, base elements) -->
    <link rel="stylesheet" href="https://diginexmall.com/public/assets/frontend/css/main.css">
    
    <!-- Main CSS Files -->
    <link rel="stylesheet" href="https://diginexmall.com/public/assets/frontend/css/header-nav.css">
    <link rel="stylesheet" href="https://diginexmall.com/public/assets/frontend/css/main-layout.css">
    <link rel="stylesheet" href="https://diginexmall.com/public/assets/frontend/css/main-content.css">
    <link rel="stylesheet" href="https://diginexmall.com/public/assets/frontend/css/featured-products.css">
    <link rel="stylesheet" href="https://diginexmall.com/public/assets/frontend/css/new-products.css">
    <link rel="stylesheet" href="https://diginexmall.com/public/assets/frontend/css/category-banners.css">
    <link rel="stylesheet" href="https://diginexmall.com/public/assets/frontend/css/benefits-section.css">
    <link rel="stylesheet" href="https://diginexmall.com/public/assets/frontend/css/footer.css">
    <link rel="stylesheet" href="https://diginexmall.com/public/assets/frontend/css/modal-fix.css">
    
    <!-- Page Specific CSS -->
        <link rel="stylesheet" href="https://diginexmall.com/public/assets/frontend/css/products-page.css">
        
        
    <!-- Frontend combined styles - Các thành phần chưa tách -->
    <!-- <link rel="stylesheet" href="/public/assets/frontend/css/frontend-all.css"> -->
    
    <!-- Äáº£m báº£o jQuery Ä'Æ°á»£c táº£i trÆ°á»›c Bootstrap -->
    <script src="https://code.jquery.com/jquery-3.6.4.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js"></script>
    
    <!-- Owl Carousel - Cần thiết cho Featured Products Slider -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.theme.default.min.css">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script>
    
    <!-- JavaScript đã được tách từ frontend-all.js -->
    <!-- File main.js - Chứa các chức năng chính của website -->
    <script src="https://diginexmall.com/public/assets/frontend/js/main.js"></script>
    <!-- File header.js - Xử lý header, menu và dropdown -->
    <script src="https://diginexmall.com/public/assets/frontend/js/header.js"></script>
    <!-- File main-content.js - Xử lý main-content-area và các thành phần bên trong -->
    <script src="https://diginexmall.com/public/assets/frontend/js/main-content.js"></script>
    <!-- File featured-products.js - Xử lý Featured Products slider -->
    <script src="https://diginexmall.com/public/assets/frontend/js/featured-products.js"></script>
    <!-- File new-products.js - Xử lý New Products grid layout -->
    <script src="https://diginexmall.com/public/assets/frontend/js/new-products.js"></script>
    <!-- File category-banners.js - Xử lý Category Banners -->
    <script src="https://diginexmall.com/public/assets/frontend/js/category-banners.js"></script>
    
    <!-- File user-dropdown.js - Xử lý riêng dropdown user menu -->
    <script src="https://diginexmall.com/public/assets/frontend/js/user-dropdown.js"></script>
    
    <!-- File gốc frontend-all.js -->
    <!-- <script src="/public/assets/frontend/js/frontend-all.js"></script> -->
    
    <!-- CSS inline vÃ  táº¥t cáº£ cÃ¡c file CSS Ä'Ã£ Ä'Æ°á»£c tá»•ng há»£p vÃ o frontend-all.css:
         - CÃ¡c file CSS Ä'Æ°á»£c tá»•ng há»£p bao gá»"m: dropdown.css, submenu.css, common.css, featured-products.css,
           featured-product-card.css, slider.css, animations.css, image-slider.css, direct-menu.css, category-menu.css,
           main.css, vÃ  cÃ¡c file CSS khÃ¡c tá»« cÃ¡c thÆ° má»¥c components vÃ  new_theme
         - Viá»‡c tá»•ng há»£p nÃ y giÃºp giáº£i quyáº¿t váº¥n Ä'á» xÆ°ng Ä'á»™t CSS vÃ  hiá»ƒn thá»‹ dropdown menu khÃ´ng Ä'Ãºng vá»‹ trÃ­
     -->
        
            </style>
    <style>
    .product-card {
        height: 100%;
        transition: transform 0.3s ease;
    }
    .product-card:hover {
        transform: translateY(-5px);
    }
</style></head>
<body>
    <div id="page-wrapper">
        <div class="main-content-wrapper">
            <!-- Main content will be inserted here -->
    <div class="khai-overlay"></div>
    <header>
        <div class="header-top">
            <div class="container">
                <div class="header-top-left">
                    <div class="hotline">
                        <span class="header-hotline"><i class="fas fa-phone-alt"></i> Customer Support: <b>1900.xxxx</b></span>
                    </div>
                </div>
                <div class="header-top-right">
                    <ul class="top-menu">
                                                    <li>
                                <a href="https://diginexmall.com/public/login.php"><i class="fas fa-sign-in-alt"></i> Login</a>
                            </li>
                            <li>
                                <a href="https://diginexmall.com/public/register.php"><i class="fas fa-user-plus"></i> Register</a>
                            </li>
                                            </ul>
                </div>
            </div>
        </div>
        
        <div class="header-main">
            <div class="container">
                <div class="row">
                    <div class="col-md-3">
                        <div class="logo">
                            <a href="https://diginexmall.com/" class="logo-link">
                                <img src="https://diginexmall.com/public/assets/images/logo/diginexmall-logo.png" alt="DiginexMall" class="logo-image">
                            </a>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="search-box main-search">
                            <form action="https://diginexmall.com/products.php" method="get">
                                <input type="text" name="search" id="text-search" placeholder="Search for products..." class="form-control">
                                <button type="submit" class="btn btn-primary search-btn"><i class="fas fa-search"></i></button>
                            </form>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="user-actions">
                            <div class="user-action-item">
                                <a href="https://diginexmall.com/public/user/cart.php" class="cart-link">
                                    <i class="fas fa-shopping-cart cart-icon"></i>
                                    <span class="cart-count">0</span>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </header>


<!-- Load jQuery (if not already loaded) -->
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

<!-- Load dropdown.js universal handler -->
<script src="https://diginexmall.com/public/assets/frontend/js/user-dropdown.js"></script>

    <!-- Main Products Content -->
    <div class="products-content py-5">
        <div class="container-2019">
            <div class="row mb-4">
                <div class="col-12 text-center">
                    <h1>Our Products</h1>
                    <p class="lead">Discover our wide range of high-quality products</p>
                </div>
            </div>

        <!-- Filter & Sort Bar -->
        <form class="row g-3 align-items-center mb-4" method="get" id="productFilterForm">
            <div class="col-md-3 col-6">
                <select class="form-select" name="category" onchange="this.form.submit()">
                    <option value="0">All Categories</option>
                                            <option value="181" >Body wash</option>
                                            <option value="9" >Children&#039;s Clothing</option>
                                            <option value="167" >Computer</option>
                                            <option value="13" >Cosmetics</option>
                                            <option value="171" >Cream</option>
                                            <option value="166" >Electronics</option>
                                            <option value="169" >Electronics Accessories</option>
                                            <option value="2" >Fashion</option>
                                            <option value="179" >Health Care</option>
                                            <option value="175" >Household Items</option>
                                            <option value="170" selected>Lipstick</option>
                                            <option value="183" >Liquid laundry detergent</option>
                                            <option value="172" >Makeup Powder</option>
                                            <option value="17" >Men&#039;s clothing</option>
                                            <option value="174" >Office Equipment</option>
                                            <option value="184" >perfume</option>
                                            <option value="173" >Pets</option>
                                            <option value="1" >Phone</option>
                                            <option value="180" >Shampoo</option>
                                            <option value="182" >Soap</option>
                                            <option value="178" >Sports Accessories</option>
                                            <option value="168" >Tivi</option>
                                            <option value="177" >Toys</option>
                                            <option value="176" >Travel Accessories</option>
                                            <option value="165" >Women&#039;s clothing</option>
                                    </select>
            </div>
            <div class="col-md-3 col-6">
                <select class="form-select" name="sort" onchange="this.form.submit()">
                    <option value="">Sort by</option>
                    <option value="price_asc" >Price: Low to High</option>
                    <option value="price_desc" >Price: High to Low</option>
                    <option value="newest" >Newest</option>
                    <option value="oldest" >Oldest</option>
                </select>
            </div>
            <div class="col-md-2 col-6">
                <input type="number" class="form-control" name="price_min" placeholder="Min Price" value="" min="0">
            </div>
            <div class="col-md-2 col-6">
                <input type="number" class="form-control" name="price_max" placeholder="Max Price" value="" min="0">
            </div>
            <div class="col-md-2 col-12">
                <button type="submit" class="btn btn-primary w-100"><i class="fas fa-filter me-1"></i>Filter</button>
            </div>
        </form>

        <div class="row">
                                                <div class="col-md-4 mb-4">
                        <div class="card product-card h-100 shadow-sm">
                                                        <img src="/public/uploads/products/main_686b931a4a499.jpg" class="card-img-top p-3" alt="High Quality Japanese Aluminum Coated Motorcycle Cover">
                            <div class="card-body d-flex flex-column">
                                <h5 class="card-title">High Quality Japanese Aluminum Coated Motorcycle Cover</h5>
                                <p class="card-text">Product information of high-quality Japanese aluminum-coated motorcycle cover
Genuine imported good...</p>
                                <div class="mt-auto">
                                                                        <div class="mb-2">
                                        <span class="badge bg-primary">USDT: 9.1000 USDT</span>
                                        <span class="badge bg-warning text-dark ms-2">DGX: 15,423.7288 DGX</span>
                                    </div>
                                    <div class="d-flex justify-content-between align-items-center mb-2">
                                        <small class="text-muted">Seller: Unknown</small>
                                    </div>
                                    <a href="product.php?id=63" class="btn btn-primary w-100">View Details</a>
                                </div>
                            </div>
                        </div>
                    </div>
                                    </div>
    </div>
</div>

<footer class="footer-2024">
    <div class="container-2019">
        <div class="footer-top">
            <div class="row">
                <div class="col-md-3">
                    <div class="footer-block">
                        <h4 class="footer-title">About DiginexMall</h4>
                        <div class="footer-content">
                            <p>A modern e-commerce platform with multi-level marketing features.</p>
                            <div class="footer-contact">
                                <p><i class="fas fa-map-marker-alt"></i> <span>Address: 123 E-Commerce Street, Digital City</span></p>
                                <p><i class="fas fa-phone-alt"></i> <span>Phone: 1900.xxxx</span></p>
                                <p><i class="fas fa-envelope"></i> <span>Email: info@diginexmall.com</span></p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="footer-block">
                        <h4 class="footer-title">Customer Support</h4>
                        <div class="footer-content">
                            <ul class="footer-links">
                                <li><a href="https://diginexmall.com/faq.php">FAQ</a></li>
                                <li><a href="https://diginexmall.com/orders.php">Order Tracking</a></li>
                                <li><a href="#">Shipping Policy</a></li>
                                <li><a href="#">Return Policy</a></li>
                                <li><a href="#">Payment Methods</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="footer-block">
                        <h4 class="footer-title">Business Opportunities</h4>
                        <div class="footer-content">
                            <ul class="footer-links">
                                <li><a href="https://diginexmall.com/become_seller.php">Become a Seller</a></li>
                                <li><a href="https://diginexmall.com/become_commission_agent.php">Become Commission Agent</a></li>
                                <li><a href="https://diginexmall.com/commissions.php">Commission Structure</a></li>
                                <li><a href="#">Affiliate Program</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="footer-block">
                        <h4 class="footer-title">Connect With Us</h4>
                        <div class="footer-content">
                            <div class="social-links">
                                <a href="#" class="social-link"><i class="fab fa-facebook-f"></i></a>
                                <a href="#" class="social-link"><i class="fab fa-twitter"></i></a>
                                <a href="#" class="social-link"><i class="fab fa-instagram"></i></a>
                                <a href="#" class="social-link"><i class="fab fa-linkedin-in"></i></a>
                                <a href="#" class="social-link"><i class="fab fa-youtube"></i></a>
                            </div>
                            <div class="newsletter">
                                <h5>Subscribe to Newsletter</h5>
                                <form class="newsletter-form">
                                    <input type="email" placeholder="Your email address" required>
                                    <button type="submit"><i class="fas fa-paper-plane"></i></button>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="footer-bottom">
            <div class="row">
                <div class="col-md-6">
                    <p>&copy; 2025 DiginexMall. All rights reserved.</p>
                </div>
                <div class="col-md-6 text-end">
                    <div class="payment-methods">
                        <span>Payment Methods:</span>
                        <i class="fab fa-cc-visa"></i>
                        <i class="fab fa-cc-mastercard"></i>
                        <i class="fab fa-cc-paypal"></i>
                        <i class="fab fa-bitcoin"></i>
                        <i class="fab fa-ethereum"></i>
                    </div>
                </div>
            </div>
        </div>
    </div>
</footer>
</footer>
        </div> <!-- End of main-content-wrapper -->
    </div> <!-- End of page-wrapper -->

    <!-- JavaScript -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.4/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script>
<script src="https://diginexmall.com/public/assets/frontend/js/modal-fix.js"></script>

<!-- Page Specific JS -->
<script src="https://diginexmall.com/public/assets/frontend/js/products-page.js"></script>

<!-- Brand Showcase Slider JS -->


<!-- CSS cho dropdown đã được di chuyển vào header-nav.css -->


<!-- Common Modal for Order Details -->
<div class="modal fade" id="orderDetailModal" tabindex="-1" aria-labelledby="orderDetailModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-lg">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="orderDetailModalLabel">Order Details</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <div class="modal-body" id="orderDetailModalBody">
        <!-- Nội dung chi tiết đơn hàng sẽ được load ở đây -->
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
      </div>
    </div>
  </div>
</div>
</body>
</html>