var sougnanData = [];

fetch('/wp-content/uploads/alldata.json?_t=' + Date.now())
  .then(function(r){ return r.json(); })
  .then(function(data) {
    var cats = ['遭難','滑落','疲労'];
    sougnanData = data.filter(function(d) {
      return cats.indexOf(d.cat) !== -1 && d.year;
    });
    renderList();
  })
  .catch(function() {
    document.getElementById('sougnan-list').innerHTML = '読み込みに失敗しました';
  });

function renderList() {
  var yearV = document.getElementById('sougnan-year').value;
  var catV = document.getElementById('sougnan-cat').value;
  var statV = document.getElementById('sougnan-stat').value;

  var filtered = sougnanData.filter(function(d) {
    return (yearV === 'all' || String(d.year) === yearV) &&
           (catV === 'all' || d.cat === catV) &&
           (statV === 'all' || d.stat === statV);
  });

  var top50 = filtered.slice(0, 50);
  document.getElementById('sougnan-count').textContent = '該当件数: ' + filtered.length + '件（最新50件表示）';

  if (top50.length === 0) {
    document.getElementById('sougnan-list').innerHTML = '<p style="color:#999;text-align:center;padding:20px;">該当する情報がありません</p>';
    return;
  }

  var html = '';
  top50.forEach(function(d) {
    var icon = d.stat === '死亡' ? '💀' : '⚠️';
    var statColor = d.stat === '死亡' ? '#e74c3c' : '#27ae60';
    // 座標からエリアを判定
    function getArea(lat, lng) {
      if (lat >= 41.0 && lat <= 45.6 && lng >= 139.0 && lng <= 146.0) return 'hokkaido';
      if (lat >= 37.0 && lat <= 41.6 && lng >= 138.5 && lng <= 142.5) return 'tohoku';
      if (lat >= 34.5 && lat <= 37.5 && lng >= 138.0 && lng <= 141.0) return 'kanto';
      if (lat >= 35.0 && lat <= 38.5 && lng >= 137.0 && lng <= 139.5) return 'koshinetsu';
      if (lat >= 34.0 && lat <= 37.5 && lng >= 135.5 && lng <= 138.5) return 'chubu';
      if (lat >= 33.0 && lat <= 36.0 && lng >= 134.0 && lng <= 136.5) return 'kinki';
      if (lat >= 33.0 && lat <= 36.5 && lng >= 130.5 && lng <= 134.5) return 'chugoku';
      if (lat >= 32.5 && lat <= 34.5 && lng >= 132.0 && lng <= 135.0) return 'shikoku';
      if (lat >= 30.0 && lat <= 34.0 && lng >= 128.0 && lng <= 132.0) return 'kyushu';
      return 'kanto';
    }
    var area = getArea(d.lat, d.lng);
    var map_url = '/map/?area=' + area + '&lat=' + d.lat + '&lng=' + d.lng;

    html += '<div style="background:#fff;border-radius:12px;padding:16px;margin-bottom:10px;box-shadow:0 2px 8px rgba(0,0,0,0.06);">';
    html += '<div style="display:flex;align-items:flex-start;gap:12px;">';
    html += '<span style="font-size:22px;margin-top:2px;">' + icon + '</span>';
    html += '<div style="flex:1;">';

    // タイトル・山名
    html += '<div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:4px;">';
    html += '<span style="font-size:14px;font-weight:700;color:#2c2c2c;">' + d.title + '</span>';
    html += '<span style="font-size:12px;font-weight:700;color:' + statColor + ';">' + d.stat + '</span>';
    html += '</div>';

    // メタ情報
    html += '<div style="font-size:12px;color:#999;margin-bottom:6px;">';
    html += d.year + '年 / ' + d.cat + ' / ' + d.age + d.sex;
    html += '</div>';

    // 説明文
    if (d.desc) {
      html += '<div style="font-size:13px;color:#555;line-height:1.6;margin-bottom:8px;">' + d.desc + '</div>';
    }

    // リンクボタン
    html += '<div style="display:flex;gap:8px;flex-wrap:wrap;">';
    html += '<a href="' + map_url + '" style="font-size:11px;background:#f0f4f8;color:#2980b9;padding:4px 12px;border-radius:20px;text-decoration:none;border:1px solid #dce8f5;">🗺 マップで見る</a>';
    if (d.link) {
      html += '<a href="' + d.link + '" target="_blank" rel="noopener noreferrer" style="font-size:11px;background:#fff3f0;color:#e74c3c;padding:4px 12px;border-radius:20px;text-decoration:none;border:1px solid #fad4cc;">🔗 ニュースソース</a>';
    }
    html += '</div>';

    html += '</div>';
    html += '</div>';
    html += '</div>';
  });

  document.getElementById('sougnan-list').innerHTML = html;
}