/* === PortAI Weather Widget — Open-Meteo API (free, no key) === */
(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:rgba(255,255,255,0.5);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,wind_speed_10m_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]||'不明';

      /* Wind speed assessment for ferry operations */
      var windMs=(wind/3.6).toFixed(1);
      var windStatus='';
      var windColor='#4ade80';
      if(wind>=54){windStatus='⚠ 欠航の可能性';windColor='#f87171';}
      else if(wind>=36){windStatus='△ 揺れに注意';windColor='#fbbf24';}
      else{windStatus='○ 通常運航';windColor='#4ade80';}

      var html='<div style="background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:8px;padding:16px;font-size:14px;color:#e2e8f0">';
      html+='<div style="display:flex;align-items:center;gap:8px;margin-bottom:12px">';
      html+='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="16" height="16" fill="currentColor" style="opacity:0.5"><path d="M16,2A14,14,0,1,0,30,16,14.0158,14.0158,0,0,0,16,2Z"></path></svg>';
      html+='<span style="font-weight:600;color:#fff">'+port+' の天気</span>';
      html+='<span style="font-size:11px;opacity:0.4;margin-left:auto">Open-Meteo</span>';
      html+='</div>';

      /* Current */
      html+='<div style="display:flex;align-items:center;gap:16px;margin-bottom:12px">';
      html+='<span style="font-size:32px">'+icon+'</span>';
      html+='<div>';
      html+='<div style="font-size:24px;font-weight:300;color:#fff">'+temp+'°C</div>';
      html+='<div style="font-size:12px;opacity:0.6">'+desc+' ｜ 湿度'+humidity+'%</div>';
      html+='</div>';
      html+='</div>';

      /* Wind & ferry status */
      html+='<div style="display:flex;gap:12px;margin-bottom:12px;font-size:12px">';
      html+='<div style="flex:1;padding:8px;background:rgba(255,255,255,0.03);border-radius:4px">';
      html+='<div style="opacity:0.5;margin-bottom:2px">風速</div>';
      html+='<div style="color:#fff">'+wind+' km/h ('+windMs+' m/s)</div>';
      html+='</div>';
      html+='<div style="flex:1;padding:8px;background:rgba(255,255,255,0.03);border-radius:4px">';
      html+='<div style="opacity:0.5;margin-bottom:2px">高速船運航</div>';
      html+='<div style="color:'+windColor+'">'+windStatus+'</div>';
      html+='</div>';
      html+='</div>';

      /* 3-day forecast */
      html+='<div style="display:flex;gap:4px">';
      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:8px 4px;background:rgba(255,255,255,0.02);border-radius:4px;font-size:11px">';
        html+='<div style="opacity:0.5">'+dayName+'</div>';
        html+='<div style="font-size:18px;margin:4px 0">'+dIcon+'</div>';
        html+='<div style="color:#fff">'+d.temperature_2m_min[i]+'〜'+d.temperature_2m_max[i]+'°</div>';
        html+='<div style="opacity:0.5">☔'+rain+'%</div>';
        html+='</div>';
      }
      html+='</div>';
      html+='</div>';

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

  /* Auto-initialize all weather widgets on page */
  function init(){
    document.querySelectorAll('.portai-weather').forEach(renderWeather);
  }

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