// ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
// ✎ UPDATE THESE WITH YOUR REAL VALUES
// ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
var API_KEY = 'your-api-key-here';
var SITE_ID = 'your-site-id-here';
// ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

var BASE = 'https://client.vivreal.io';

async function run() {
  if (isPlaceholder(API_KEY) || isPlaceholder(SITE_ID)) {
    showMock(MOCK, ['API_KEY', 'SITE_ID']);
    return;
  }

  try {
    var res = await fetch(
      BASE + '/tenant/siteDetails?siteId=' + SITE_ID,
      { headers: { Authorization: API_KEY } }
    );
    var json = await res.json();
    if (!json.success) throw new Error(json.error);
    showResult(json);
  } catch (err) {
    showError(err.message);
  }
}

run();

// ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
// ✎ UPDATE THESE WITH YOUR REAL VALUES
// ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
var API_KEY = 'your-api-key-here';
var COLLECTION_ID = 'your-collection-id';
// ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

var BASE = 'https://client.vivreal.io';

async function run() {
  if (isPlaceholder(API_KEY) || isPlaceholder(COLLECTION_ID)) {
    showMock(MOCK, ['API_KEY', 'COLLECTION_ID']);
    return;
  }

  try {
    var params = new URLSearchParams({
      collectionId: COLLECTION_ID,
      limit: '10',
      sort: 'publishDate:desc',
    });

    var res = await fetch(
      BASE + '/tenant/collectionObjects?' + params,
      { headers: { Authorization: API_KEY } }
    );
    var json = await res.json();
    if (!json.success) throw new Error(json.error);
    showResult(json);
  } catch (err) {
    showError(err.message);
  }
}

run();

// ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
// ✎ UPDATE THIS WITH YOUR REAL VALUE
// ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
var API_KEY = 'your-api-key-here';
// ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

var BASE = 'https://client.vivreal.io';

async function run() {
  if (isPlaceholder(API_KEY)) {
    showMock(MOCK, ['API_KEY']);
    return;
  }

  try {
    var params = new URLSearchParams({
      type: 'stripe',
      sort: 'objectValue.name:asc',
    });

    // Optional: filter by product type
    // params.set('filters[productType]', 'Bread');

    // Optional: search
    // params.set('search', 'sourdough');

    var res = await fetch(
      BASE + '/tenant/integrationObjects?' + params,
      { headers: { Authorization: API_KEY } }
    );
    var json = await res.json();
    if (!json.success) throw new Error(json.error);
    showResult(json);
  } catch (err) {
    showError(err.message);
  }
}

run();

// ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
// ✎ UPDATE THESE WITH YOUR REAL VALUES
// ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
var API_KEY = 'your-api-key-here';
var PRICE_IDS = ['price_abc123', 'price_def456'];
// ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

var BASE = 'https://client.vivreal.io';

async function run() {
  if (isPlaceholder(API_KEY)) {
    setOutput(
      '<span class="badge">SAMPLE DATA</span>' +
      '<p style="color:#94a3b8;font-size:13px;margin:0 0 12px">' +
      'Replace <code style="color:#818cf8">API_KEY</code> and ' +
      '<code style="color:#818cf8">PRICE_IDS</code> above to create a live session.</p>' +
      '<p style="color:#64748b;font-size:12px;margin:0 0 6px">Request body:</p>' +
      '<pre>' + renderJson(MOCK_REQUEST, 0) + '</pre>' +
      '<p style="color:#64748b;font-size:12px;margin:12px 0 6px">Response:</p>' +
      '<pre>' + renderJson(MOCK_RESPONSE, 0) + '</pre>' +
      '<p style="color:#94a3b8;font-size:13px;margin:12px 0 0">' +
      'Redirect the customer to the returned URL.</p>'
    );
    return;
  }

  try {
    var res = await fetch(BASE + '/tenant/createCheckoutSession', {
      method: 'POST',
      headers: {
        Authorization: API_KEY,
        'Content-Type': 'application/json',
      },
      body: JSON.stringify({
        products: PRICE_IDS.map(function(id) {
          return { price: id, quantity: 1 };
        }),
        requiresShipping: true,
        originUrl: window.location.origin,
      }),
    });
    var json = await res.json();
    if (!res.ok) throw new Error(json.error || 'Checkout failed');

    setOutput(
      '<p style="color:#86efac;margin:0 0 12px">Session created!</p>' +
      '<pre>' + renderJson(json, 0) + '</pre>'
    );
  } catch (err) {
    showError(err.message);
  }
}

run();