/**
 * Ultra-Sleek Horizontal Free Delivery Badge & Auto-Loop Timer
 */
add_action( 'woocommerce_single_product_summary', 'biplob_final_horizontal_ui_timer', 20 );

function biplob_final_horizontal_ui_timer() {
    global $product;
    if ( ! $product ) return;

    // আপনার ওয়েবসাইটের যে প্রোডাক্টগুলোতে ব্যাজটি দেখাতে চান, তাদের ID নিচে দিন
    $target_ids = array( 23341, 23339, 23337, 23333, 23329, 23431, 23440, 23444, 23181 );

    if ( in_array( $product->get_id(), $target_ids ) ) {
        ?>
        <div class="hz-ui-wrapper">
            <div class="hz-ui-left">
                <div class="hz-ui-icon">
                    <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M12 7V12L14.5 13.5M21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12Z" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
                    </svg>
                </div>
                <div class="hz-ui-text">
                    <span class="hz-ui-title">ফ্রি ডেলিভারি অফার</span>
                    <span class="hz-ui-subtitle">অফারটি শেষ হতে বাকি:</span>
                </div>
            </div>

            <div class="hz-ui-right">
                <div class="hz-timer-box">
                    <div class="hz-t-unit"><span id="hz-hrs">00</span><small>H</small></div>
                    <div class="hz-t-sep">:</div>
                    <div class="hz-t-unit"><span id="hz-min">00</span><small>M</small></div>
                    <div class="hz-t-sep">:</div>
                    <div class="hz-t-unit"><span id="hz-sec">00</span><small>S</small></div>
                </div>
            </div>
        </div>

        <style>
            .hz-ui-wrapper {
                display: flex;
                align-items: center;
                justify-content: space-between;
                background: #ffffff;
                border: 1.5px solid #10b981;
                border-radius: 12px;
                padding: 10px 15px;
                margin: 20px 0;
                box-shadow: 0 4px 12px rgba(16, 185, 129, 0.08);
                max-width: 450px;
                gap: 10px;
            }
            .hz-ui-left {
                display: flex;
                align-items: center;
                gap: 12px;
            }
            .hz-ui-icon {
                color: #10b981;
                background: #ecfdf5;
                width: 38px;
                height: 38px;
                display: flex;
                align-items: center;
                justify-content: center;
                border-radius: 10px;
                flex-shrink: 0;
            }
            .hz-ui-icon svg { width: 22px; height: 22px; }
            .hz-ui-text { display: flex; flex-direction: column; }
            
            .hz-ui-title {
                font-size: 16px;
                font-weight: 800;
                color: #1e293b;
                line-height: 1.2;
            }
            .hz-ui-subtitle {
                font-size: 11px;
                color: #64748b;
                font-weight: 600;
            }

            .hz-timer-box {
                display: flex;
                align-items: center;
                gap: 6px;
                background: #1e293b;
                padding: 6px 10px;
                border-radius: 8px;
            }
            .hz-t-unit { text-align: center; min-width: 28px; }
            .hz-t-unit span {
                display: block;
                font-size: 18px;
                font-weight: 800;
                color: #ffffff;
                line-height: 1;
            }
            .hz-t-unit small {
                font-size: 8px;
                color: #94a3b8;
                font-weight: 700;
                text-transform: uppercase;
            }
            .hz-t-sep {
                color: #475569;
                font-weight: bold;
                font-size: 16px;
                margin-top: -8px;
            }

            /* মোবাইল স্ক্রিনের জন্য রেস্পন্সিভ ডিজাইন */
            @media (max-width: 480px) {
                .hz-ui-wrapper { padding: 8px 10px; gap: 5px; }
                .hz-ui-title { font-size: 14px; }
                .hz-ui-icon { width: 32px; height: 32px; }
                .hz-ui-icon svg { width: 18px; height: 18px; }
                .hz-timer-box { padding: 5px 8px; }
                .hz-t-unit span { font-size: 15px; }
                .hz-t-unit { min-width: 22px; }
            }
        </style>

        <script>
            document.addEventListener("DOMContentLoaded", function() {
                function runHzLoopTimer() {
                    const now = new Date();
                    const end = new Date();
                    // প্রতিদিন রাত ১১:৫৯:৫৯ এ টাইমার রিসেট হবে
                    end.setHours(23, 59, 59, 999);
                    
                    let diff = end - now;
                    if (diff <= 0) {
                        end.setDate(end.getDate() + 1);
                        diff = end - now;
                    }

                    const h = Math.floor(diff / 3600000);
                    const m = Math.floor((diff % 3600000) / 60000);
                    const s = Math.floor((diff % 60000) / 1000);

                    const elH = document.getElementById("hz-hrs");
                    const elM = document.getElementById("hz-min");
                    const elS = document.getElementById("hz-sec");

                    if(elH) elH.innerText = h.toString().padStart(2, '0');
                    if(elM) elM.innerText = m.toString().padStart(2, '0');
                    if(elS) elS.innerText = s.toString().padStart(2, '0');
                }
                setInterval(runHzLoopTimer, 1000);
                runHzLoopTimer();
            });
        </script><?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" href="https://www.plaspoint-bd.com/wp-sitemap-index.xsl" ?>
<sitemapindex xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"><sitemap><loc>https://www.plaspoint-bd.com/wp-sitemap-posts-page-1.xml</loc></sitemap><sitemap><loc>https://www.plaspoint-bd.com/wp-sitemap-posts-product-1.xml</loc></sitemap><sitemap><loc>https://www.plaspoint-bd.com/wp-sitemap-taxonomies-product_cat-1.xml</loc></sitemap><sitemap><loc>https://www.plaspoint-bd.com/wp-sitemap-taxonomies-product_tag-1.xml</loc></sitemap><sitemap><loc>https://www.plaspoint-bd.com/wp-sitemap-users-1.xml</loc></sitemap></sitemapindex>