https://www.emirates247.com/assets/WeatherForecast-DEU13orF.js

1import{j as e}from"./vendor-react-CDFIE44H.js";import{L as m,S as x,B as h,j as u,h as d,G as b}from"./index-OPY5UkRl.js";import{P as j}from"./PageBreadcrumb-D0Q-otY_.js";import{b as p}from"./vendor-query-B9sxao7i.js";import{p as c,q as f,D as w,W as g,S as n,r as N,s as k,t as v,u as y}from"./vendor-icons-BsQZz6Pl.js";import"./vendor-router-nJKcHAGV.js";import"./vendor-radix-Cxb7F2zo.js";import"./vendor-utils-DSOPSYhy.js";const r=["dubai","abu dhabi","sharjah","ajman","ras al khaimah","fujairah","umm al quwain","al ain"];function o({code:t,className:a="w-8 h-8"}){return t===0||t===1?e.jsx(n,{className:`${a} text-yellow-500`}):t===2||t===3?e.jsx(c,{className:`${a} text-slate-400`}):t>=45&&t<=48?e.jsx(N,{className:`${a} text-slate-400`}):t>=51&&t<=67?e.jsx(k,{className:`${a} text-blue-500`}):t>=71&&t<=86?e.jsx(v,{className:`${a} text-blue-300`}):t>=95?e.jsx(y,{className:`${a} text-yellow-600`}):e.jsx(n,{className:`${a} text-yellow-500`})}function C({data:t}){const a=t.city.toLowerCase().replace(/\s+/g,"-");return e.jsxs("div",{className:"bg-white dark:bg-slate-800 border border-slate-200 dark:border-slate-700 rounded p-4","data-testid":`weather-card-${a}`,children:[e.jsxs("div",{className:"flex items-center justify-between mb-3",children:[e.jsx("h3",{className:"font-bold text-lg text-slate-900 dark:text-white",children:t.city}),e.jsx(o,{code:t.current.weatherCode})]}),e.jsx("p",{className:"text-sm text-slate-500 dark:text-slate-400 mb-3",children:t.current.description}),e.jsxs("div",{className:"flex items-center gap-2 mb-2",children:[e.jsx(f,{className:"w-4 h-4 text-red-500"}),e.jsxs("span",{className:"text-sm text-slate-700 dark:text-slate-300",children:[Math.round(t.current.temperature),"°C",t.forecast[0]&&e.jsxs("span",{className:"text-slate-400 ml-1",children:["(H: ",Math.round(t.forecast[0].maxTemp),"° / L: ",Math.round(t.forecast[0].minTemp),"°)"]})]})]}),e.jsxs("div",{className:"flex items-center gap-2 mb-2",children:[e.jsx(w,{className:"w-4 h-4 text-blue-500"}),e.jsxs("span",{className:"text-sm text-slate-700 dark:text-slate-300",children:["Humidity: ",t.current.humidity,"%"]})]}),e.jsxs("div",{className:"flex items-center gap-2 mb-3",children:[e.jsx(g,{className:"w-4 h-4 text-slate-400"}),e.jsxs("span",{className:"text-sm text-slate-700 dark:text-slate-300",children:["Wind: ",Math.round(t.current.windSpeed)," km/h"]})]}),t.forecast.length>1&&e.jsx("div",{className:"border-t border-slate-100 dark:border-slate-700 pt-3 flex gap-1.5",children:t.forecast.slice(1,5).map(s=>{const l=new Date(s.date+"T00:00:00").toLocaleDateString("en-US",{weekday:"short"});return e.jsxs("div",{className:"flex-1 text-center",children:[e.jsx("div",{className:"text-[10px] text-muted-foreground mb-1",children:l}),e.jsx(o,{code:s.weatherCode,className:"w-4 h-4 mx-auto mb-1"}),e.jsxs("div",{className:"text-[10px] font-medium text-slate-900 dark:text-white",children:[Math.round(s.maxTemp),"°"]}),e.jsxs("div",{className:"text-[10px] text-muted-foreground",children:[Math.round(s.minTemp),"°"]})]},s.date)})})]})}function E(){return e.jsxs("div",{className:"bg-white dark:bg-slate-800 border border-slate-200 dark:border-slate-700 rounded p-4 animate-pulse",children:[e.jsxs("div",{className:"flex items-center justify-between mb-3",children:[e.jsx("div",{className:"h-5 w-24 bg-slate-200 dark:bg-slate-700 rounded"}),e.jsx("div",{className:"h-8 w-8 bg-slate-200 dark:bg-slate-700 rounded-full"})]}),e.jsx("div",{className:"h-4 w-20 bg-slate-100 dark:bg-slate-700 rounded mb-3"}),e.jsx("div",{className:"h-4 w-32 bg-slate-100 dark:bg-slate-700 rounded mb-2"}),e.jsx("div",{className:"h-4 w-28 bg-slate-100 dark:bg-slate-700 rounded mb-2"}),e.jsx("div",{className:"h-4 w-24 bg-slate-100 dark:bg-slate-700 rounded"})]})}function F(){const t=p({queries:r.map(a=>b(a))});return e.jsxs(m,{children:[e.jsx(x,{title:"Weather Forecast",description:"UAE weather forecast - current conditions and forecast for Dubai, Abu Dhabi, Sharjah, and all Emirates.",canonicalPath:"/weather-forecast",ogTitle:"Weather Forecast",keywords:"UAE weather forecast, Dubai weather today, Abu Dhabi weather, Sharjah weather, weather forecast UAE",jsonLd:[h("Weather Forecast UAE","UAE weather forecast for all Emirates.","/weather-forecast"),u([{name:"Home",url:d||"/"},{name:"Weather Forecast",url:`${d}/weather-forecast`}],"/weather-forecast")]}),e.jsxs("main",{className:"container mx-auto px-4 pb-12 flex-1",style:{paddingTop:"40px"},children:[e.jsx(j,{items:[{name:"Weather Forecast"}],className:"mb-4 text-xs"}),e.jsx("div",{className:"mb-8 border-b-4 border-slate-900 dark:border-white inline-block pb-2",children:e.jsx("h1",{className:"text-4xl font-bold uppercase text-slate-900 dark:text-white","data-testid":"text-page-title",children:"Weather Forecast - Emirates 24|7"})}),e.jsxs("p",{className:"text-sm text-slate-500 dark:text-slate-400 mb-6",children:["Live c

1onditions powered by"," ",e.jsx("a",{href:"https://open-meteo.com",target:"_blank",rel:"noopener noreferrer",className:"underline hover:text-primary",children:"Open-Meteo"})]}),e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4",children:t.map((a,s)=>{const l=r[s].split(" ").map(i=>i.charAt(0).toUpperCase()+i.slice(1)).join(" ");return a.isLoading?e.jsx(E,{},r[s]):a.isError||!a.data?e.jsxs("div",{className:"bg-white dark:bg-slate-800 border border-slate-200 dark:border-slate-700 rounded p-4",children:[e.jsxs("div",{className:"flex items-center justify-between mb-3",children:[e.jsx("h3",{className:"font-bold text-lg text-slate-900 dark:text-white",children:l}),e.jsx(c,{className:"w-8 h-8 text-slate-300 dark:text-slate-600"})]}),e.jsx("p",{className:"text-sm text-slate-400 dark:text-slate-500",children:"Weather data temporarily unavailable. Retrying automatically."})]},r[s]):e.jsx(C,{data:a.data},a.data.city)})})]})]})}export{F as default};