const url_coupang_search = 'https://www.ttmkt.com/api/coupang/products/search/data/echo/sexy/';

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_search)
.then(res => res.json())
.then(feed => {
  let feed_product = feed['data']['productData'];
  console.log(feed_product);
  let output =
    '<div style="text-align:center; margin-top:2rem; margin-bottom: 1rem;">' +
    '<a href="https://coupa.ng/bO5J0g" target="_blank" style="text-decoration:none; color:inherit; font-weight:bold;">' +
    // '쿠팡 골드박스 (매일 최대 75% 할인 상품 모음)' +
    '</a>' +
    '</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-data').innerHTML = output;
})