<!-- 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: 184 --><!-- Debug: Found 3 products in category 184 --><!-- 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] => 184
)
 --><!-- Debug: Found 3 products --><!-- Debug First Product: Array
(
    [id] => 86
    [product_code] => XTBODY001
    [name] => Black Opium Body Mist
    [description] => Body Mist Black Opium Grace and Glow Body Mist 100ml with fresh fragrance - STP
Grace And Glow Black Opium Body Mist not only creates a fresh fragrance, the product also has the ability to moisturize the skin, making the skin soft and smooth and preventing dehydration; helps reduce stress, relax the mind, ideal for busy days
Grace And Glow Black Opium Body Mist is a body spray with a luxurious perfume scent, loved by many women because of its sophistication in every detail. Grace And Glow's advanced production technology helps the fragrance last long on the skin, bringing a feeling of confidence and charm without using expensive perfume. Not only creating a fresh fragrance, the product also has the ability to moisturize the skin, making the skin soft and smooth and preventing dehydration. This is considered the leading solution for those who want to keep a gentle, pleasant scent all day long.
Brand Story:
Grace And Glow is a famous brand with a line of body care and skin care products with a modern and sophisticated style. Founded with the mission of bringing confidence to women through unique fragrances and quality products, Grace And Glow has quickly won the hearts of customers around the world. The brand constantly researches and innovates to provide products that suit the increasingly diverse needs of consumers. Grace And Glow's body care product lines are often inspired by charm and mystery, clearly showing the brand's signature style.

Product uses:
Grace And Glow Black Opium Body Mist is not just a scent product, but also brings many other benefits to your skin and body:

Long-lasting scent: Advanced fragrance technology helps the Black Opium scent stay on the body for many hours, giving you confidence all day long.

Moisturizing the skin: The product is not only a fragrance spray but also has the ability to moisturize the skin, making the skin soft and smooth, not dry.

Create a feeling of relaxation: The charming, warm and pleasant scent of Black Opium helps reduce stress, relax the mind, ideal for busy days.

Grace And Glow Black Opium Body Mist is formulated to bring a luxurious but still extremely sweet scent with 3 layers of scent as follows:

Top notes: Pear, pink pepper, orange blossom

Middle notes: Jasmine, licorice

Base notes: Vanilla, patchouli.

Product ingredients:

Grace And Glow Black Opium Body Mist is extracted from safe and benign ingredients, ensuring no skin irritation.

Water, Glycerin, Propylene Glycol, PPG-15 Stearyl Ether, Fragrance, PEG-40 Hydrogenated Castor Oil, Maltooligosyl Glucoside, Polysorbate 20, Phenoxyethanol, Allantoin, Hydrogenated Starch Hydrolysate, Methylparaben, Zinc Gluconate, Disodium EDTA, Calendula Officinalis Flower Extract, Chrysanthellum Indicum Extract, Butylene Glycol, Centella Asiatica Root Extract, Taraxacum Officinale (Dandelion) Leaf Extract, Saururus Chinensis Leaf/Root Extract, 1,2-Hexanediol, Hydroxyacetophenone, Ethylhexylglycerin, Stephania Tetrandra Extract.

Some of the product's notable ingredients include:

Natural essential oils: Create a charming fragrance that lingers on the skin without causing harm.

Extracted from moisturizing plants: Provides necessary moisture to the skin, helping the skin to be soft and smooth all day long.

Contains no harmful preservatives: The product does not contain parabens, alcohol and irritants, safe for all skin types, including sensitive skin.

Product specifications:
Brand: Grace And Glow

Origin: Vietnam

Capacity: 100ml

Instructions for using the product:
To achieve the best effect when using Grace And Glow Black Opium Body Mist, you can follow these steps:

The fragrance will last longer on clean skin. You should use it after bathing for easy absorption.

Spray on points such as the neck, wrists, behind the ears and knees for easy fragrance diffusion.

Hold the spray bottle about 15-20 cm away from the body and spray evenly so that the fragrance is evenly distributed throughout the body.

Note: Do not spray too much to avoid the smell being too strong, just enough to create a pleasant feeling.

Grace And Glow Black Opium Body Mist not only brings long-lasting fragrance, moisturizes the skin but also helps you feel more confident in your daily life. With safe and quality ingredients, this product is specially formulated for girls who love seductive fragrances and modern style

If you want to experience the genuine Grace And Glow Black Opium Body Mist product, visit the Lam Thao Cosmetics store system. With a variety of cosmetic lines from skin care to makeup, Lam Thao Cosmetics is committed to bringing you high-quality products at reasonable prices. A team of professional staff will support and advise you to choose the right product for your needs. Come to Lam Thao Cosmetics to own the seductive fragrances from and many other cosmetic products. Contact Lam Thao Cosmetics now to learn more and buy products
    [price] => 8.60
    [discounted_price] => 
    [commission_rate] => 15.00
    [image] => main_68ef4d9172cde.jpg
    [category_id] => 184
    [seller_id] => 
    [stock] => 2134
    [status] => active
    [posted_by] => admin
    [created_at] => 2025-10-15 14:30:25
    [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" >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" selected>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_68ef4d9172cde.jpg" class="card-img-top p-3" alt="Black Opium Body Mist">
                            <div class="card-body d-flex flex-column">
                                <h5 class="card-title">Black Opium Body Mist</h5>
                                <p class="card-text">Body Mist Black Opium Grace and Glow Body Mist 100ml with fresh fragrance - STP
Grace And Glow Blac...</p>
                                <div class="mt-auto">
                                                                        <div class="mb-2">
                                        <span class="badge bg-primary">USDT: 8.6000 USDT</span>
                                        <span class="badge bg-warning text-dark ms-2">DGX: 14,576.2712 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=86" class="btn btn-primary w-100">View Details</a>
                                </div>
                            </div>
                        </div>
                    </div>
                                    <div class="col-md-4 mb-4">
                        <div class="card product-card h-100 shadow-sm">
                                                        <img src="/public/uploads/products/main_68edf789eab85.jpg" class="card-img-top p-3" alt="LUXURY DUBAI Perfume 50ML">
                            <div class="card-body d-flex flex-column">
                                <h5 class="card-title">LUXURY DUBAI Perfume 50ML</h5>
                                <p class="card-text">LUXURY DUBAI Perfume 50ML
Product Details

THE PRODUCT HAS 4 SPECIAL TYPES:

• Luxury Sexy (R...</p>
                                <div class="mt-auto">
                                                                        <div class="mb-2">
                                        <span class="badge bg-primary">USDT: 10.9000 USDT</span>
                                        <span class="badge bg-warning text-dark ms-2">DGX: 18,474.5763 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=83" class="btn btn-primary w-100">View Details</a>
                                </div>
                            </div>
                        </div>
                    </div>
                                    <div class="col-md-4 mb-4">
                        <div class="card product-card h-100 shadow-sm">
                                                        <img src="/public/uploads/products/main_686cebe040b70.jpg" class="card-img-top p-3" alt="Combo of 3 Bottles of Genuine Kalabo High-Class Men&#039;s Perfume">
                            <div class="card-body d-flex flex-column">
                                <h5 class="card-title">Combo of 3 Bottles of Genuine Kalabo High-Class Men&#039;s Perfume</h5>
                                <p class="card-text">PRODUCT DESCRIPTION
(No Scent Choice)

The COMBO 3 BOTTLES OF MEN&#039;S PERFUME will be the perfect c...</p>
                                <div class="mt-auto">
                                                                        <div class="mb-2">
                                        <span class="badge bg-primary">USDT: 5.7000 USDT</span>
                                        <span class="badge bg-warning text-dark ms-2">DGX: 9,661.0169 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=64" 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>