/* === PortAI Weather Widget v2 — Light/Dark adaptive === */
(function(){
  var weatherCodes={0:'快晴',1:'晴れ',2:'曇りがち',3:'曇り',45:'霧',48:'霧氷',51:'霧雨',53:'霧雨',55:'霧雨',56:'着氷性霧雨',61:'小雨',63:'雨',65:'大雨',66:'着氷性雨',71:'小雪',73:'雪',75:'大雪',77:'霧雪',80:'にわか雨',81:'にわか雨',82:'豪雨',85:'にわか雪',86:'にわか大雪',95:'雷雨',96:'雹を伴う雷雨',99:'雹を伴う雷雨'};
  var weatherIcons={0:'☀️',1:'🌤',2:'⛅',3:'☁️',45:'🌫',48:'🌫',51:'🌧',53:'🌧',55:'🌧',61:'🌧',63:'🌧',65:'🌧',71:'🌨',73:'🌨',80:'🌦',81:'🌦',82:'🌦',95:'⛈',96:'⛈',99:'⛈'};

  function renderWeather(container){
    var lat=container.dataset.lat;
    var lng=container.dataset.lng;
    var port=container.dataset.port||'';
    if(!lat||!lng)return;

    container.innerHTML='<div style="padding:12px;color:#999;font-size:13px">天気情報を取得中...</div>';

    var url='https://api.open-meteo.com/v1/forecast?latitude='+lat+'&longitude='+lng
      +'&current=temperature_2m,weather_code,wind_speed_10m,wind_direction_10m,relative_humidity_2m'
      +'&daily=weather_code,temperature_2m_max,temperature_2m_min,precipitation_probability_max'
      +'&timezone=Asia/Tokyo&forecast_days=3';

    fetch(url).then(function(r){return r.json()}).then(function(data){
      var c=data.current||{};
      var d=data.daily||{};
      var code=c.weather_code||0;
      var temp=c.temperature_2m;
      var wind=c.wind_speed_10m;
      var humidity=c.relative_humidity_2m;
      var icon=weatherIcons[code]||'🌤';
      var desc=weatherCodes[code]||'不明';

      var windMs=(wind/3.6).toFixed(1);
      var windStatus='';
      var windColor='#16a34a';
      if(wind>=54){windStatus='⚠ 欠航の可能性';windColor='#dc2626';}
      else if(wind>=36){windStatus='△ 揺れに注意';windColor='#d97706';}
      else{windStatus='○ 通常運航';windColor='#16a34a';}

      var html='<div style="background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:16px 20px;font-size:14px;color:#334155;font-family:-apple-system,BlinkMacSystemFont,sans-serif">';

      /* Header */
      html+='<div style="display:flex;align-items:center;gap:8px;margin-bottom:14px">';
      html+='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="16" height="16" fill="#0088ff"><path d="M16 2a6 6 0 0 0-6 6c0 3.9 2.6 9.4 4.9 13.5a1.3 1.3 0 0 0 2.2 0C19.4 17.4 22 11.9 22 8a6 6 0 0 0-6-6zm0 8.5A2.5 2.5 0 1 1 18.5 8 2.5 2.5 0 0 1 16 10.5z"/></svg>';
      html+='<span style="font-weight:700;color:#0f172a;font-size:15px">'+port+'</span>';
      html+='<span style="font-size:11px;color:#94a3b8;margin-left:auto">Open-Meteo</span>';
      html+='</div>';

      /* Current weather */
      html+='<div style="display:flex;align-items:center;gap:16px;margin-bottom:14px">';
      html+='<span style="font-size:36px;line-height:1">'+icon+'</span>';
      html+='<div>';
      html+='<div style="font-size:28px;font-weight:300;color:#0f172a;line-height:1.1">'+temp+'<span style="font-size:16px;color:#64748b">°C</span></div>';
      html+='<div style="font-size:12px;color:#64748b;margin-top:2px">'+desc+' ｜ 湿度 '+humidity+'%</div>';
      html+='</div>';
      html+='</div>';

      /* Wind & ferry status */
      html+='<div style="display:flex;gap:10px;margin-bottom:14px">';
      html+='<div style="flex:1;padding:10px 12px;background:#fff;border:1px solid #e2e8f0;border-radius:6px">';
      html+='<div style="font-size:11px;color:#94a3b8;margin-bottom:3px">風速</div>';
      html+='<div style="font-size:14px;font-weight:600;color:#0f172a">'+wind+' km/h <span style="font-weight:400;color:#64748b">('+windMs+' m/s)</span></div>';
      html+='</div>';
      html+='<div style="flex:1;padding:10px 12px;background:#fff;border:1px solid #e2e8f0;border-radius:6px">';
      html+='<div style="font-size:11px;color:#94a3b8;margin-bottom:3px">高速船運航</div>';
      html+='<div style="font-size:14px;font-weight:600;color:'+windColor+'">'+windStatus+'</div>';
      html+='</div>';
      html+='</div>';

      /* 3-day forecast */
      html+='<div style="display:flex;gap:6px">';
      var days=['日','月','火','水','木','金','土'];
      for(var i=0;i<3&&d.time&&i<d.time.length;i++){
        var dt=new Date(d.time[i]);
        var dayName=(i===0)?'今日':(i===1)?'明日':days[dt.getDay()];
        var dIcon=weatherIcons[d.weather_code[i]]||'🌤';
        var rain=d.precipitation_probability_max[i];
        html+='<div style="flex:1;text-align:center;padding:10px 6px;background:#fff;border:1px solid #e2e8f0;border-radius:6px">';
        html+='<div style="font-size:11px;color:#94a3b8;font-weight:500">'+dayName+'</div>';
        html+='<div style="font-size:22px;margin:6px 0;line-height:1">'+dIcon+'</div>';
        html+='<div style="font-size:13px;font-weight:600;color:#0f172a">'+d.temperature_2m_min[i]+'〜'+d.temperature_2m_max[i]+'°</div>';
        html+='<div style="font-size:11px;color:'+(rain>=50?'#0088ff':'#94a3b8')+'">☔ '+rain+'%</div>';
        html+='</div>';
      }
      html+='</div>';
      html+='</div>';

      container.innerHTML=html;
    }).catch(function(){
      container.innerHTML='<div style="padding:12px;color:#94a3b8;font-size:12px">天気情報を取得できませんでした</div>';
    });
  }

  function init(){
    document.querySelectorAll('.portai-weather').forEach(renderWeather);
  }

  if(document.readyState==='loading'){
    document.addEventListener('DOMContentLoaded',init);
  }else{
    init();
  }
})();