const url_coupang_goldbox = 'https://www.ttmkt.com/api/coupang/products/goldbox/';

function formatNumber(num) {
  return num.toString().replace(/(\d)(?=(\d{3})+(?!\d))/g, '$1,');
}
var postdate = new Date();
var post_y = postdate.getFullYear();
var post_mm = ("0" + (postdate.getMonth() + 1)).slice(-2);
var post_dd = ("0" + (postdate.getDate())).slice(-2);

fetch(url_coupang_goldbox)
.then(res => res.json())
.then(feed => {
  let feed_product = feed['data'];
  console.log(feed_product);
  let output =
    '<div style="text-align:center; margin-bottom: 1rem;">' +
    '<div style="margin-bottom: 0.1rem;">' +
    '<a href="https://coupa.ng/bO5J0g" target="_blank" style="text-decoration:none; color:inherit; font-weight:bold;">' +
    '<img src="https://hellotblog.files.wordpress.com/2021/01/coupang-partners-api-goldbox-img-01-800.png" style="width:600px;">' +
    '</a>' +
    '</div>' +
    '<a href="https://coupa.ng/bO5J0g" target="_blank" style="text-decoration:none; color:inherit; font-weight:bold;">' +
    '실시간 할인 상품 모음 (최대 75%)' +
    // '쿠팡 골드박스 (매일 최대 75% 할인 상품 모음)' +
    '</a>' +
    '<div style="font-size:0.8rem; margin-top:5px;">( 자동 업데이트 : <b>' + post_y + '-' + post_mm + '-' + post_dd + '</b> )</div>' +
    // '<div style="font-size:0.8rem; margin-top:5px;">( 자동 업데이트 : <b>' + post_y + '-' + post_mm + '-' + post_dd + '</b> / <img src="https://hellotblog.files.wordpress.com/2021/01/coupang-rocket-delievery-logo-img-30x30-1.png" style="width:0.8rem; vertical-align:inherit;"> : 로켓배송 )</div>' +
    '</div>' +
    '<table><thead style="word-break:keep-all;"><tr><th>#</th><th class="coupang-product-img">이미지</th><th>상품명</th><th>할인가</th><th>링크</th></thead><tbody>';
  for (let i in feed_product) {
    // if ( feed_product[i].isRocket == true ) {
    //   var rocket_delivery_icon = '<img src="https://hellotblog.files.wordpress.com/2021/01/coupang-rocket-delievery-logo-img-30x30-1.png" style="width:1rem; margin-left:0.5rem; vertical-align:inherit;">';
    // } else {
      var rocket_delivery_icon = '';
    // }
    id = Number(i) + 1;
    output +=
      '<tr><td>' +
      id +
      '</td><td class="coupang-product-img">' +
      '<a href="' + feed_product[i].productUrl + '" target="_blank" rel="noopener noreferrer">' +
      '<img src="' + feed_product[i].productImage + '" style="width:100px;">' +
      '</a>' +
      '</td><td>' +
      '<a href="' + feed_product[i].productUrl + '" target="_blank" rel="noopener noreferrer">' +
      feed_product[i].productName + rocket_delivery_icon +
      '</a>' +
      '</td><td>' +
      '<a href="' + feed_product[i].productUrl + '" target="_blank" rel="noopener noreferrer">' +
      formatNumber(feed_product[i].productPrice) + ' 원' +
      '</a>' +
      '</td><td>' +
      '<a href="' + feed_product[i].productUrl + '" target="_blank" rel="noopener noreferrer">' +
      '자세히 <br class="mobile-only">보기' +
      '</a>' +
      '</td></tr>';
    if ( ( id === feed_product.length ) || ( id === 20 ) ) {
      break;
    }
  }
  output += '</tbody></table></div>';
  document.getElementById('coupang-goldbox').innerHTML = output;
})