/*! carbase_iframe_loader.js — iframe直生成 + 0件メッセージ（台数バッジなし）
 *  version: 1.0.1
 *  © 2025 CARBASE
 */
(function () {
  'use strict';

  // --- 自分自身の<script>要素を取得 ---
  var me = document.currentScript || (function () {
    var s = document.getElementsByTagName('script');
    return s[s.length - 1];
  })();

  // --- 設置側固定パラメータ（data-*） ---
  var CLIENT_NO     = (me.dataset && me.dataset.clientNo) || '';
  var DEFAULT_LIMIT = (me.dataset && me.dataset.limit)    || '20';
  var DEFAULT_BG1   = (me.dataset && me.dataset.bgColor)  || 'FFFFFF'; // #なしHEX
  var DEFAULT_BG2   = (me.dataset && me.dataset.bgColor2) || 'FFFFFF'; // #なしHEX

  if (!CLIENT_NO) {
    console.error('[carbase_iframe_loader] data-client-no is required');
    return;
  }

  // --- 表示先（固定ID）。無ければ body 末尾に生成 ---
  var targetId = 'carbase-widget';
  var mount = document.getElementById(targetId);
  if (!mount) {
    mount = document.createElement('div');
    mount.id = targetId;
    document.body.appendChild(mount);
  }

  // --- ページURLのクエリ ---
  var qs = new URLSearchParams(window.location.search);

  // --- 色の正規化（#除去・3/6桁HEXのみ許可） ---
  function normalizeHex(input, fallback) {
    if (!input) return fallback;
    var s = String(input).trim();
    if (s[0] === '#') s = s.slice(1);
    s = s.toLowerCase();
    return (/^(?:[0-9a-f]{3}|[0-9a-f]{6})$/).test(s) ? s : fallback;
  }
  var bg1 = normalizeHex(DEFAULT_BG1, 'ffffff');
  var bg2 = normalizeHex(DEFAULT_BG2, 'f5f5f5');

  // --- 設置URLキー → API正式キーのマップ ---
  var pageToApiKeyMap = {
    shashu_no:   'shashu_no',
    maker_no:    'maker_no',
    category_no: 'category_no',
    special_no:  'special_no',
    key:         'key',
    key_g:       'key_g',
    disp_mode:   'disp_mode',
    sort:        'sort',
    dir:         'dir',
    page:        'page',
    kakaku_min:  'kakaku_min',
    kakaku_max:  'kakaku_max',
    // エイリアス
    min_kakaku:  'kakaku_min',
    max_kakaku:  'kakaku_max'
  };

  // --- index.html に渡すクエリを構築 ---
  var p = new URLSearchParams();
  p.set('client_no', CLIENT_NO);          // URLからは変更不可
  if (DEFAULT_LIMIT) p.set('limit', DEFAULT_LIMIT);
  if (bg1) p.set('bg_color',  bg1);
  if (bg2) p.set('bg_color2', bg2);

  Object.keys(pageToApiKeyMap).forEach(function (pageKey) {
    var v = qs.get(pageKey);
    if (v !== null && v !== '') {
      p.set(pageToApiKeyMap[pageKey], v);
    }
  });

  // キャッシュ回避
  p.set('_cb', Date.now());

  // --- iframe を生成 ---
  var iframe = document.createElement('iframe');
  iframe.id = 'iframe_api';
  iframe.name = 'carbase_iframe';
  iframe.src = 'https://www.carbase.jp/api/index.html?' + p.toString();
  iframe.width = '100%';
  iframe.height = '100';
  iframe.scrolling = 'no';
  iframe.frameBorder = '0';
  iframe.style.border = 'none';
  mount.appendChild(iframe);

  // --- 高さ自動調整（index.html → postMessage("frame_height###")） ---
  window.addEventListener('message', function (event) {
    if (typeof event.data === 'string' && event.data.indexOf('frame_height') === 0) {
      var h = parseInt(event.data.replace('frame_height', ''), 10);
      if (!isNaN(h)) iframe.style.height = h + 'px';
    }
  }, false);

  // ======================
  //  在庫0件メッセージ表示
  // ======================

  // 0件メッセージ要素を自動生成（設置側HTMLの変更は不要）
  function ensureNoResultEl(mountNode) {
    var el = document.getElementById('carbase-noresult');
    if (!el) {
      el = document.createElement('div');
      el.id = 'carbase-noresult';
      el.textContent = '該当する在庫はありません。';
      el.style.cssText = 'display:none;color:red;font-weight:bold;margin-top:10px;';
      mountNode.appendChild(el);
    }
    return el;
  }

  // カウントAPIで件数確認 → 0件ならメッセージ表示
  function checkCarCount(params) {
    var noResultEl = ensureNoResultEl(mount);

    var clientNo = params.get('client_no');
    if (!clientNo) { noResultEl.style.display = 'none'; return; }

    var qs2 = new URLSearchParams(params);
    qs2.set('_cb', Date.now());
    var url = 'https://www.carbase.jp/api/car_count_api.php?' + qs2.toString();

    fetch(url)
      .then(function (res) { return res.text(); })
      .then(function (txt) {
        // 期待形式: carbaseData({"count":123});
        var m = txt.match(/carbaseData\s*\(\s*([\s\S]*?)\s*\)/);
        if (!m) return;
        var json = JSON.parse(m[1] || '{}');
        var count = Number(json.count || 0);
        noResultEl.style.display = (count === 0) ? 'block' : 'none';
      })
      .catch(function () {
        // 失敗時は何もしない（UIを汚さない）
      });
  }

  // 初期表示の条件でチェック
  checkCarCount(p);

  // （将来拡張）iframe 側が現在のフィルタを postMessage してきた場合の再チェック
  // 例: parent.postMessage('carbaseFilterParams:' + JSON.stringify({maker_no:5,...}), '*')
  window.addEventListener('message', function (event) {
    if (typeof event.data === 'string' && event.data.indexOf('carbaseFilterParams:') === 0) {
      try {
        var json = JSON.parse(event.data.replace('carbaseFilterParams:', ''));
        var merged = new URLSearchParams(p);
        Object.keys(json).forEach(function (k) {
          var v = json[k];
          if (v !== '' && v !== null && typeof v !== 'undefined') merged.set(k, v);
        });
        checkCarCount(merged);
      } catch (e) { /* 無視 */ }
    }
  }, false);

  // デバッグ用
  // console.log('[carbase_iframe_loader] iframe src =', iframe.src);
})();