<?php include 'includes/header.php'; ?>

<!-- Page Header -->
<section class="py-5 text-white" style="background: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-dark) 100%);">
    <div class="container py-3 text-center">
        <h1 class="outfit fw-bold display-4">Our Products</h1>
        <p class="mb-0 text-white-50">Premium quality polymer taps, showers, and plumbing accessories with complete B2B specifications.</p>
    </div>
</section>

<!-- Product Filter / Quick Jump Navigation -->
<div class="bg-light py-3 border-bottom sticky-top-sub" style="top: 75px; z-index: 99;">
    <div class="container">
        <div class="d-flex justify-content-center flex-wrap gap-2">
            <a href="#hexa" class="btn btn-sm btn-outline-primary fw-semibold rounded-pill px-4">HEXA Series</a>
            <a href="#fusion" class="btn btn-sm btn-outline-primary fw-semibold rounded-pill px-4">FUSION Series</a>
            <a href="#showers" class="btn btn-sm btn-outline-primary fw-semibold rounded-pill px-4">Shower Series</a>
            <a href="#accessories" class="btn btn-sm btn-outline-primary fw-semibold rounded-pill px-4">Accessories</a>
            <a href="download-catalogue.php" class="btn btn-sm btn-info text-dark fw-bold rounded-pill px-4">
                <i class="fa-solid fa-file-pdf text-danger me-1"></i> Full Catalogue
            </a>
        </div>
    </div>
</div>

<!-- Products List Sections -->
<div class="container py-5">

    <!-- HEXA Series Section -->
    <section id="hexa" class="mb-5 pt-4">
        <div class="row align-items-center mb-4">
            <div class="col-md-8">
                <h2 class="outfit fw-bold text-dark mb-1"><span class="text-primary-color">HEXA</span> Series Taps</h2>
                <p class="text-secondary small">Heavy-duty polymer fittings. Hexagonal styling, high impact resistance, and flawless operation.</p>
            </div>
            <div class="col-md-4 text-md-end">
                <span class="badge bg-primary px-3 py-2 fw-semibold">36 Months Warranty</span>
            </div>
        </div>
        
        <div class="row g-4">
            <?php 
            $hexa_products = [
                'Bib Tap' => ['desc' => 'Wall mounted utility water tap.', 'hsn' => '3917', 'warranty' => '36 Months', 'material' => 'Engineering Polymer', 'temp' => '-20°C to +75°C', 'disc' => '15mm', 'turn' => 'Half Turn', 'packing' => '36 Pcs', 'mrp' => '190'],
                'Angle Tap' => ['desc' => 'Designed for geyser, flush, and hose connections.', 'hsn' => '3917', 'warranty' => '36 Months', 'material' => 'Engineering Polymer', 'temp' => '-20°C to +75°C', 'disc' => '15mm', 'turn' => 'Half Turn', 'packing' => '36 Pcs', 'mrp' => '190'],
                'Sink Tap' => ['desc' => 'Wall-mounted tap with a swivel spout.', 'hsn' => '3917', 'warranty' => '36 Months', 'material' => 'Engineering Polymer', 'temp' => '-20°C to +75°C', 'disc' => '15mm', 'turn' => 'Half Turn', 'packing' => '20 Pcs', 'mrp' => '475'],
                'Swan Neck' => ['desc' => 'Deck-mounted tall swivel spout faucet.', 'hsn' => '3917', 'warranty' => '36 Months', 'material' => 'Engineering Polymer', 'temp' => '-20°C to +75°C', 'disc' => '15mm', 'turn' => 'Half Turn', 'packing' => '20 Pcs', 'mrp' => '525'],
                'Pillar Tap' => ['desc' => 'Classic vertical washbasin deck faucet.', 'hsn' => '3917', 'warranty' => '36 Months', 'material' => 'Engineering Polymer', 'temp' => '-20°C to +75°C', 'disc' => '15mm', 'turn' => 'Half Turn', 'packing' => '20 Pcs', 'mrp' => '380'],
                'Two Way Bib Tap' => ['desc' => 'Dual outlet wall tap for multi-outlet utilities.', 'hsn' => '3917', 'warranty' => '36 Months', 'material' => 'Engineering Polymer', 'temp' => '-20°C to +75°C', 'disc' => '15mm', 'turn' => 'Half Turn', 'packing' => '16 Pcs', 'mrp' => '550'],
                'Two Way Angle Tap' => ['desc' => 'Double control angle valve for multi-point water setups.', 'hsn' => '3917', 'warranty' => '36 Months', 'material' => 'Engineering Polymer', 'temp' => '-20°C to +75°C', 'disc' => '15mm', 'turn' => 'Half Turn', 'packing' => '32 Pcs', 'mrp' => '550'],
                'Nozzle Bib Tap' => ['desc' => 'Integrated nozzle faucet for washing machines.', 'hsn' => '3917', 'warranty' => '36 Months', 'material' => 'Engineering Polymer', 'temp' => '-20°C to +75°C', 'disc' => '15mm', 'turn' => 'Half Turn', 'packing' => '36 Pcs', 'mrp' => '295']
            ];
            foreach ($hexa_products as $name => $specs):
                $img_name = str_replace('Two Way', '2 Way', $name);
                $img_path = "assets/images/Product%20Photo/Hexa%20Model/" . rawurlencode($img_name) . ".jpg";
            ?>
            <div class="col-lg-3 col-md-6">
                <div class="product-card position-relative">
                    <span class="product-badge">HEXA</span>
                    <div class="product-img-wrapper">
                        <img src="<?php echo $img_path; ?>" alt="<?php echo $name; ?>">
                    </div>
                    <div class="product-body">
                        <h5 class="outfit fw-bold mb-2"><?php echo $name; ?></h5>
                        <p class="text-secondary small mb-3 flex-grow-1"><?php echo $specs['desc']; ?></p>
                        
                        <!-- Collapsible Specs list -->
                        <div class="border-top pt-3 text-secondary small mb-3">
                            <div class="d-flex justify-content-between mb-1">
                                <span>Material:</span>
                                <span class="fw-medium text-dark"><?php echo $specs['material']; ?></span>
                            </div>
                            <div class="d-flex justify-content-between mb-1">
                                <span>Box Packing:</span>
                                <span class="fw-medium text-dark"><?php echo $specs['packing']; ?> / Box</span>
                            </div>
                            <div class="d-flex justify-content-between mb-1">
                                <span>HSN Code:</span>
                                <span class="fw-medium text-dark"><?php echo $specs['hsn']; ?></span>
                            </div>
                            <div class="d-flex justify-content-between mb-1">
                                <span>Disc Size / Turn:</span>
                                <span class="fw-medium text-dark"><?php echo $specs['disc']; ?> / <?php echo $specs['turn']; ?></span>
                            </div>
                            <div class="d-flex justify-content-between">
                                <span>MRP:</span>
                                <span class="fw-bold text-primary">₹<?php echo $specs['mrp']; ?></span>
                            </div>
                        </div>
                        
                        <div class="mt-2">
                            <a href="https://wa.me/917003549432?text=Hello%20Veluno,%20I%20am%20interested%20in%20HEXA%20Series%20<?php echo urlencode($name); ?>%20(MRP:%20₹<?php echo $specs['mrp']; ?>).%20Please%20send%20price%20list." target="_blank" class="btn btn-success w-100 fw-bold d-flex align-items-center justify-content-center gap-2 py-2">
                                <i class="fa-brands fa-whatsapp fs-5"></i> Enquire on WhatsApp
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            <?php endforeach; ?>
        </div>
    </section>

    <hr class="my-5">

    <!-- FUSION Series Section -->
    <section id="fusion" class="mb-5 pt-4">
        <div class="row align-items-center mb-4">
            <div class="col-md-8">
                <h2 class="outfit fw-bold text-dark mb-1"><span class="text-primary-color">FUSION</span> Series Taps</h2>
                <p class="text-secondary small">Premium collection. Sleek cylindrical profiles and glossy finish, offering luxury B2B styling.</p>
            </div>
            <div class="col-md-4 text-md-end">
                <span class="badge bg-primary px-3 py-2 fw-semibold">36 Months Warranty</span>
            </div>
        </div>
        
        <div class="row g-4">
            <?php 
            $fusion_products = [
                'Bib Tap' => ['desc' => 'Premium sleek bathroom wall tap.', 'hsn' => '3917', 'warranty' => '36 Months', 'material' => 'Engineering Polymer', 'temp' => '-20°C to +75°C', 'disc' => '15mm', 'turn' => 'Half Turn', 'packing' => '36 Pcs', 'mrp' => '245'],
                'Angle Tap' => ['desc' => 'Elegant bathroom wall valve control.', 'hsn' => '3917', 'warranty' => '36 Months', 'material' => 'Engineering Polymer', 'temp' => '-20°C to +75°C', 'disc' => '15mm', 'turn' => 'Half Turn', 'packing' => '36 Pcs', 'mrp' => '245'],
                'Pillar Tap' => ['desc' => 'Ergonomic washbasin counter faucet.', 'hsn' => '3917', 'warranty' => '36 Months', 'material' => 'Engineering Polymer', 'temp' => '-20°C to +75°C', 'disc' => '15mm', 'turn' => 'Half Turn', 'packing' => '20 Pcs', 'mrp' => '560'],
                'Sink Tap' => ['desc' => 'High-swivel wall tap for kitchen sinks.', 'hsn' => '3917', 'warranty' => '36 Months', 'material' => 'Engineering Polymer', 'temp' => '-20°C to +75°C', 'disc' => '15mm', 'turn' => 'Half Turn', 'packing' => '10 Pcs', 'mrp' => '800'],
                'Swan Neck' => ['desc' => 'Sleek deck-mounted swivel swan faucet.', 'hsn' => '3917', 'warranty' => '36 Months', 'material' => 'Engineering Polymer', 'temp' => '-20°C to +75°C', 'disc' => '15mm', 'turn' => 'Half Turn', 'packing' => '10 Pcs', 'mrp' => '800'],
                'Two Way Bib Tap' => ['desc' => 'Dual outlet glossy wall tap.', 'hsn' => '3917', 'warranty' => '36 Months', 'material' => 'Engineering Polymer', 'temp' => '-20°C to +75°C', 'disc' => '15mm', 'turn' => 'Half Turn', 'packing' => '16 Pcs', 'mrp' => '715'],
            ];
            foreach ($fusion_products as $name => $specs):
                $img_name = str_replace('Two Way', '2 Way', $name);
                $img_path = "assets/images/Product%20Photo/Fusion%20Model/" . rawurlencode($img_name) . ".jpg";
            ?>
            <div class="col-lg-3 col-md-6">
                <div class="product-card position-relative">
                    <span class="product-badge bg-info text-dark">FUSION</span>
                    <div class="product-img-wrapper">
                        <img src="<?php echo $img_path; ?>" alt="<?php echo $name; ?>">
                    </div>
                    <div class="product-body">
                        <h5 class="outfit fw-bold mb-2"><?php echo $name; ?></h5>
                        <p class="text-secondary small mb-3 flex-grow-1"><?php echo $specs['desc']; ?></p>
                        
                        <div class="border-top pt-3 text-secondary small mb-3">
                            <div class="d-flex justify-content-between mb-1">
                                <span>Material:</span>
                                <span class="fw-medium text-dark"><?php echo $specs['material']; ?></span>
                            </div>
                            <div class="d-flex justify-content-between mb-1">
                                <span>Box Packing:</span>
                                <span class="fw-medium text-dark"><?php echo $specs['packing']; ?> / Box</span>
                            </div>
                            <div class="d-flex justify-content-between mb-1">
                                <span>HSN Code:</span>
                                <span class="fw-medium text-dark"><?php echo $specs['hsn']; ?></span>
                            </div>
                            <div class="d-flex justify-content-between mb-1">
                                <span>Disc Size / Turn:</span>
                                <span class="fw-medium text-dark"><?php echo $specs['disc']; ?> / <?php echo $specs['turn']; ?></span>
                            </div>
                            <div class="d-flex justify-content-between">
                                <span>MRP:</span>
                                <span class="fw-bold text-primary">₹<?php echo $specs['mrp']; ?></span>
                            </div>
                        </div>
                        
                        <div class="mt-2">
                            <a href="https://wa.me/917003549432?text=Hello%20Veluno,%20I%20am%20interested%20in%20FUSION%20Series%20<?php echo urlencode($name); ?>%20(MRP:%20₹<?php echo $specs['mrp']; ?>).%20Please%20send%20price%20list." target="_blank" class="btn btn-success w-100 fw-bold d-flex align-items-center justify-content-center gap-2 py-2">
                                <i class="fa-brands fa-whatsapp fs-5"></i> Enquire on WhatsApp
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            <?php endforeach; ?>
        </div>
    </section>

    <hr class="my-5">

    <!-- Shower Series Section -->
    <section id="showers" class="mb-5 pt-4">
        <div class="row align-items-center mb-4">
            <div class="col-md-8">
                <h2 class="outfit fw-bold text-dark mb-1"><span class="text-primary-color">SHOWER</span> Collection</h2>
                <p class="text-secondary small">Clog-free ABS shower heads. Designed to resist lime scale build up in hard water zones.</p>
            </div>
            <div class="col-md-4 text-md-end">
                <span class="badge bg-primary px-3 py-2 fw-semibold">36 Months Warranty</span>
            </div>
        </div>
        
        <div class="row g-4">
            <?php 
            $shower_products = [
                'Round Rain Shower' => ['desc' => 'Classic circular overhead rain shower.', 'hsn' => '3917', 'warranty' => '36 Months', 'material' => 'ABS', 'temp' => '-20°C to +75°C', 'disc' => 'NA', 'turn' => 'NA', 'packing' => '16 Pcs', 'mrp' => '315'],
                '5x5 Sandwich Shower' => ['desc' => 'Ultra-thin modern square shower head.', 'hsn' => '3917', 'warranty' => '36 Months', 'material' => 'ABS', 'temp' => '-20°C to +75°C', 'disc' => 'NA', 'turn' => 'NA', 'packing' => '8 Pcs', 'mrp' => '640']
            ];
            foreach ($shower_products as $name => $specs):
                $img_name = $name;
                if ($name == 'Round Rain Shower') $img_name = 'Round Shower';
                if ($name == '5x5 Sandwich Shower') $img_name = '5X5 Sandwich Shower';
                $img_path = "assets/images/Product%20Photo/Shower/" . rawurlencode($img_name) . ".jpg";
            ?>
            <div class="col-lg-6">
                <div class="product-card position-relative">
                    <span class="product-badge bg-dark">SHOWER</span>
                    <div class="product-img-wrapper" style="height: 250px;">
                        <img src="<?php echo $img_path; ?>" alt="<?php echo $name; ?>">
                    </div>
                    <div class="product-body">
                        <h5 class="outfit fw-bold mb-2"><?php echo $name; ?></h5>
                        <p class="text-secondary small mb-3"><?php echo $specs['desc']; ?></p>
                        
                        <div class="border-top pt-3 text-secondary small mb-3">
                            <div class="row">
                                <div class="col-sm-6 mb-1">
                                    <span>Material:</span> <span class="fw-medium text-dark"><?php echo $specs['material']; ?></span>
                                </div>
                                <div class="col-sm-6 mb-1">
                                    <span>Carton Packing:</span> <span class="fw-medium text-dark"><?php echo $specs['packing']; ?> / Box</span>
                                </div>
                                <div class="col-sm-6 mb-1">
                                    <span>HSN Code:</span> <span class="fw-medium text-dark"><?php echo $specs['hsn']; ?></span>
                                </div>
                                <div class="col-sm-6 mb-1">
                                    <span>Temp Resistance:</span> <span class="fw-medium text-dark"><?php echo $specs['temp']; ?></span>
                                </div>
                                <div class="col-12 mt-2">
                                    <div class="d-flex justify-content-between border-top pt-2">
                                        <span>MRP:</span> <span class="fw-bold text-primary">₹<?php echo $specs['mrp']; ?></span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        
                        <div class="mt-2">
                            <a href="https://wa.me/917003549432?text=Hello%20Veluno,%20I%20am%20interested%20in%20Shower%20Series%20<?php echo urlencode($name); ?>%20(MRP:%20₹<?php echo $specs['mrp']; ?>).%20Please%20send%20price%20list." target="_blank" class="btn btn-success w-100 fw-bold d-flex align-items-center justify-content-center gap-2 py-2">
                                <i class="fa-brands fa-whatsapp fs-5"></i> Enquire on WhatsApp
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            <?php endforeach; ?>
        </div>
    </section>

    <hr class="my-5">

    <!-- Accessories Section -->
    <section id="accessories" class="mb-5 pt-4">
        <div class="row align-items-center mb-4">
            <div class="col-md-8">
                <h2 class="outfit fw-bold text-dark mb-1">Sanitary <span class="text-primary-color">Accessories</span></h2>
                <p class="text-secondary small">Heavy-duty pipeline connector support fittings, engineered for leak-proof sealing.</p>
            </div>
            <div class="col-md-4 text-md-end">
                <span class="badge bg-secondary px-3 py-2 fw-semibold text-white">100% Leak Tested</span>
            </div>
        </div>
        
        <div class="row g-4">
            <?php 
            $accessories_products = [
                'Testing Plug Ivory' => ['desc' => 'Threaded pipeline block test plug.', 'hsn' => '3917', 'warranty' => 'NA', 'material' => 'PVC', 'packing' => '100 Pcs', 'mrp' => '6'],
                'R.O Tap Plastic' => ['desc' => 'Direct filter control tap for purifiers.', 'hsn' => '3917', 'warranty' => 'NA', 'material' => 'PVC', 'packing' => '25 Pcs', 'mrp' => '40'],
                'Testing Plug Solid Black' => ['desc' => 'Heavy duty black threaded pipeline plug.', 'hsn' => '3917', 'warranty' => 'NA', 'material' => 'PVC', 'packing' => '100 Pcs', 'mrp' => '7'],
                'Kent Tap' => ['desc' => 'Compact direct storage water purifier tap.', 'hsn' => '3917', 'warranty' => 'NA', 'material' => 'PVC', 'packing' => '25 Pcs', 'mrp' => '50']
            ];
            foreach ($accessories_products as $name => $specs):
                $img_name = $name;
                if ($name == 'R.O Tap Plastic') $img_name = 'R.O Tap Plastic_';
                if ($name == 'Testing Plug Ivory') $img_name = 'Testing Plug Ivory';
                if ($name == 'Testing Plug Solid Black') $img_name = 'Testing Plug Solid Black';
                $img_path = "assets/images/Product%20Photo/Accessories_/" . rawurlencode($img_name) . ".jpg";
            ?>
            <div class="col-lg-3 col-md-6">
                <div class="product-card position-relative">
                    <span class="product-badge bg-secondary">ACCESSORIES</span>
                    <div class="product-img-wrapper">
                        <img src="<?php echo $img_path; ?>" alt="<?php echo $name; ?>">
                    </div>
                    <div class="product-body">
                        <h5 class="outfit fw-bold mb-2"><?php echo $name; ?></h5>
                        <p class="text-secondary small mb-3 flex-grow-1"><?php echo $specs['desc']; ?></p>
                        
                        <div class="border-top pt-3 text-secondary small mb-3">
                            <div class="d-flex justify-content-between mb-1">
                                <span>Material:</span>
                                <span class="fw-medium text-dark"><?php echo $specs['material']; ?></span>
                            </div>
                            <div class="d-flex justify-content-between mb-1">
                                <span>Box Packing:</span>
                                <span class="fw-medium text-dark"><?php echo $specs['packing']; ?> / Box</span>
                            </div>
                            <div class="d-flex justify-content-between mb-1">
                                <span>HSN Code:</span>
                                <span class="fw-medium text-dark"><?php echo $specs['hsn']; ?></span>
                            </div>
                            <div class="d-flex justify-content-between mb-1">
                                <span>Warranty:</span>
                                <span class="fw-medium text-dark"><?php echo $specs['warranty']; ?></span>
                            </div>
                            <div class="d-flex justify-content-between">
                                <span>MRP:</span>
                                <span class="fw-bold text-primary">₹<?php echo $specs['mrp']; ?></span>
                            </div>
                        </div>
                        
                        <div class="mt-2">
                            <a href="https://wa.me/917003549432?text=Hello%20Veluno,%20I%20am%20interested%20in%20Accessories%20<?php echo urlencode($name); ?>%20(MRP:%20₹<?php echo $specs['mrp']; ?>).%20Please%20send%20price%20list." target="_blank" class="btn btn-success w-100 fw-bold d-flex align-items-center justify-content-center gap-2 py-2">
                                <i class="fa-brands fa-whatsapp fs-5"></i> Enquire on WhatsApp
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            <?php endforeach; ?>
        </div>
    </section>

</div>

<?php include 'includes/footer.php'; ?>
