<script>
    dlApi = {
        target: "DEMO_PAGE/PRODUCT_DETAIL", // Format: SITE/AREA. For mobile: M_SITE/AREA
        tid: 'EA-<<NETWORK_ID>>',        // your tenant ID - provided by Ring DAS
        dsainfo: 1,               // enable DSA transparency info
        cmd: []                   // command queue
    };
</script>
<!-- SDK URL - provided by your Ring DAS account manager -->
<script src="https://<<DAS_CDN>>/<<NETWORK_ID>>/build/dlApi/minit.boot.min.js" async></script>

dlApi.cmd.push(function (dlApi) {
    dlApi.consent({npa: 0});  // 0 = consent given, 1 = no consent
});

dlApi.cmd.push(function (dlApi) {
    dlApi.addKeyValue('manufacturer_id', '12345678'); // determines which brand's ad to display
    dlApi.addKeyValue('IP', '202603041502158687149647');   // page view ID
    dlApi.addKeyValue('IV', '202603041502158687149647');   // page view unique ID (changes on SPA transitions)
    dlApi.addKeyValue('TABID', 'tab-7f3e2a');              // browser tab identifier
});

dlApi.cmd.push(function (dlApi) {
    dlApi.fetchNativeAd({
        slot: 'product-button',               // fixed value for Brand Store
        div: 'ad-brand-store',                // container ID for viewability tracking
        tplCode: '1746213/Banner-Standard',   // fixed value for Brand Store
        asyncRender: true                     // manually count impression with ad.render()
    }).then(async function (ad) {
        if (!ad) {
            console.log('No ad available');
            return;
        }

        // Ad exists - NOW fetch your shop data
        // The ad server only provides tracking - YOU provide display data
        const shopData = await fetchShopDataFromYourSystem('12345678');

        // Render with YOUR shop data + ad tracking
        renderBrandStoreButton(ad, shopData);
    }).catch(function (err) {
        console.error('Ad could not be loaded:', err);
    });

    // Trigger ad fetch
    dlApi.fetch();
});

/**
 * Fetch brand/product data from YOUR shop system
 * @param {string} manufacturerId - Brand identifier used in targeting
 * @returns {Promise<Object>} - Shop data for rendering
 */
async function fetchShopDataFromYourSystem(manufacturerId) {
    // Replace with your actual product/brand API
    const brandInfo = await yourBrandAPI.get(manufacturerId);

    return {
        productUrl: brandInfo.storeUrl,       // URL to brand's store page
        shopName: brandInfo.name,             // Brand display name
        price: brandInfo.currentOffer.price   // Current price/offer
        // Note: brand logo comes from ad.fields?.image (AD SERVER)
    };
}

/**
 * Render the Brand Store button
 * @param {Object} ad - Ad response from Ring DAS (provides tracking + brand logo)
 * @param {Object} shopData - Your shop data (provides price and store URL)
 */
function renderBrandStoreButton(ad, shopData) {
    // ─────────────────────────────────────────────────────────────
    // DATA FROM AD SERVER (tracking + DSA info + brand logo)
    // ─────────────────────────────────────────────────────────────
    const clickUrl = ad.meta.adclick;
    const dsaInfo = ad.dsa;  // { behalf, paid, adrender }
    const logoUrl = ad.fields?.image;  // Brand logo from AD SERVER

    // ─────────────────────────────────────────────────────────────
    // DATA FROM YOUR SHOP (display info)
    // shopData comes from fetchShopDataFromYourSystem()
    // ─────────────────────────────────────────────────────────────
    // shopData.productUrl - URL to brand's store page
    // shopData.shopName   - Brand display name
    // shopData.price      - Current price/offer

    // Count impressions manually
    ad.render();

    // Render button combining SHOP data (price/URL) + AD SERVER data (tracking + logo)
    const container = document.getElementById('ad-brand-store');
    container.innerHTML =
        '<span class="ad-label">Ad</span>' +
        '<a href="' + shopData.productUrl + '" ' +          // ← YOUR SHOP
           'target="_blank" ' +
           'rel="noopener nofollow sponsored" ' +
           'onclick="new Image().src=\'' + clickUrl + '\';">' +  // ← AD SERVER
            'At <img src="' + logoUrl + '" alt="' + shopData.shopName + '"> ' +  // ← AD SERVER (logo)
            'for ' + shopData.price +                        // ← YOUR SHOP
        '</a>';
}

// Node.js backend
const NETWORK_ID = `${NETWORK_ID}`;  // your Ring DAS network ID
const BIDDER_URL = `https://das.idealo.com/${NETWORK_ID}/bid`;  // provided by your account manager

// User identifiers — replace with actual values from your system
const SESSION_ID = 'your-session-id';      // session-level identifier (no GDPR consent required)
const TRACKING_ID = 'your-tracking-id';    // device-level tracking identifier (GDPR consent required)

const requestBody = {
    id: Math.random().toString(16).substring(2, 15),
    imp: [{
        id: 'imp-1',
        tagid: 'product-button',                    // fixed value for Brand Store
        secure: 1,
        native: { request: "{}" }
    }],
    site: {
        id: 'DEMO_PAGE',                            // your site ID (UPPERCASE)
        ext: {
            area: 'PRODUCT_DETAIL'                  // page type (UPPERCASE): HOMEPAGE, PRODUCT_DETAIL, LISTING, SEARCH
        }

    },
    user: {
        eids: [{
            source: 'your-domain.com',
            inserter: 'your-domain.com',
            uids: [
                {
                    id: SESSION_ID,
                    atype: 500,
                    ext: { id_type: 'session', consent_required: false }
                },
                {
                    id: TRACKING_ID,
                    atype: 1,
                    ext: { id_type: 'tracking', consent_required: true }
                }
            ]
        }],
        ext: {
            npa: false,                             // false = consent given, true = no consent
            ids: {
                lu: '202408221036415499301131'      // Ring DAS internal session ID (from ea_uuid cookie)
            }
        }
    },
    ext: {
        network: NETWORK_ID,
        keyvalues: {
            manufacturer_id: '12345678',            // manufacturer ID for targeting
            main_category_id: 101,                  // main product category ID
            page_product_id: '987654',              // product ID for reporting
            page_product_name: 'Example Product Name', // product name for reporting
            IP: '202603041502158687149647',          // page view ID
            IV: '202603041502158687149647',          // page view unique ID
            TABID: 'tab-7f3e2a',                    // browser tab identifier
            ab_variant: 'variant-b',                // optional: A/B test variant identifier
        },
        is_non_prebid_request: true,
        src: 's2s'                                  // optional: indicates server-to-server request
    },
    regs: {
        gdpr: 1,                                    // 1 = GDPR applies, 0 = does not apply
        gpp: 'YOUR_GPP_STRING',                     // optional: TCF-compliant consent string from CMP
        ext: {
            dsa: 1                                  // request DSA transparency info
        }
    },
    tmax: 1000                                      // request timeout in milliseconds
};

// Send as GET request with body in data= parameter
const encodedData = encodeURIComponent(JSON.stringify(requestBody));
const response = await fetch(`${BIDDER_URL}?data=${encodedData}`);

// Check for no ad available (204 No Content)
if (response.status === 204) {
    // No ad available for this request
    console.log('No ad available');
}

const bidResponse = await response.json();

const bid = bidResponse?.seatbid?.[0]?.bid?.[0];
if (!bid) {
    // Fallback check - no bid in response
    return null;
}

// Parse adm (it's a JSON string)
const adm = JSON.parse(bid.adm);
// Construct click tracking URL (from AD SERVER)
const clickUrl = adm.meta.adclick;
// DSA transparency info (from AD SERVER, requires regs.ext.dsa: 1 in request)
const dsaInfo = bid.ext?.dsa;  // { behalf, paid, adrender }

// ─────────────────────────────────────────────────────────────
// FETCH DATA FROM YOUR SHOP DATABASE
// The ad server provides tracking + brand logo - YOU provide price and URL
// ─────────────────────────────────────────────────────────────
const shopData = await db.brands.findOne({
    where: { manufacturerId: '12345678' },
    select: {
        storeUrl: true,
        name: true,
        currentPrice: true
        // Note: brand logo comes from adm.fields?.image (AD SERVER)
    }
});

// Now you have both data sources:
// - clickUrl, dsaInfo, adm.fields?.image (from AD SERVER - tracking + logo)
// - shopData (from YOUR DATABASE - price and store URL)

<!-- Render with AD SERVER logo + YOUR shop price/URL -->
<div id="ad-brand-store">
    <span class="ad-label">Ad</span>
    <a href="<%= shopData.productUrl %>"
       onclick="new Image().src='<%= clickUrl %>';">
        At <img src="<%= adm.fields?.image %>"> for <%= shopData.price %>
    </a>
</div>

<!-- Register for viewability and impression tracking -->
<script>
    dlApi.cmd.push(function () {
        // Arguments: raw bid response object, container element ID
        dlApi.registerBidResponse(<%- JSON.stringify(adm) %>, 'ad-brand-store');
    });
</script>