https://trains.fyi/_next/static/chunks/pages/networks/[networkSlug]/stations-c7263c69c9df1b0a.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8705],{5876:(e,s,t)=>{"use strict";t.d(s,{A:()=>r});var a=t(37876);t(14232);var n=t(28766);let r=({text:e,className:s=""})=>(0,a.jsxs)("div",{className:`flex flex-col justify-center items-center ${s}`,children:[(0,a.jsxs)("div",{className:"relative w-10 h-10","aria-hidden":!0,children:[(0,a.jsx)("div",{className:"absolute inset-0 rounded-full border-2 border-gray-200 border-t-blue-600 animate-spin"}),(0,a.jsx)("div",{className:"absolute inset-0 flex items-center justify-center",children:(0,a.jsx)("img",{src:n.A.src??n.A,alt:"",className:"w-6 h-6 object-contain pointer-events-none"})})]}),e&&(0,a.jsx)("p",{className:"mt-2 text-sm text-gray-600",children:e})]})},10409:(e,s,t)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/networks/[networkSlug]/stations",function(){return t(70740)}])},49915:(e,s,t)=>{"use strict";t.d(s,{A:()=>l});var a=t(37876),n=t(60570),r=t(48230),i=t.n(r);function l({pages:e}){return(0,a.jsx)("nav",{"aria-label":"Breadcrumb",className:"flex",children:(0,a.jsxs)("ol",{role:"list",className:"flex items-center space-x-4 pt-6",children:[(0,a.jsx)("li",{children:(0,a.jsx)("div",{children:(0,a.jsxs)(i(),{href:"/",className:"text-gray-400 hover:text-gray-500",children:[(0,a.jsx)(n.A,{"aria-hidden":"true",className:"h-5 w-5 flex-shrink-0"}),(0,a.jsx)("span",{className:"sr-only",children:"Home"})]})})}),e.map(e=>(0,a.jsx)("li",{children:(0,a.jsxs)("div",{className:"flex items-center",children:[(0,a.jsx)("svg",{fill:"currentColor",viewBox:"0 0 20 20","aria-hidden":"true",className:"h-5 w-5 flex-shrink-0 text-gray-300",children:(0,a.jsx)("path",{d:"M5.555 17.776l8-16 .894.448-8 16-.894-.448z"})}),(0,a.jsx)(i(),{href:e.href,"aria-current":e.current?"page":void 0,className:"ml-4 text-sm font-medium text-gray-500 hover:text-gray-700",children:e.name})]})},e.name))]})})}},56785:(e,s,t)=>{"use strict";t.d(s,{A:()=>l});var a=t(12107),n=t(34299),r=t(89099),i=t(74880);function l({networkName:e,networkSlug:s,network:t}){let o=(0,r.useRouter)(),c=t??i.Y.getNetwork(s),d=[{name:"Trains",href:`/networks/${s}/`,icon:a.A},{name:"Statistics",href:`/networks/${s}/statistics/`,icon:n.A},...["ttc","stm","translink"].includes(s)?[{name:"Metro Map",href:`/networks/${s}/metromap/`,icon:a.A}]:[]].map(e=>{let t="Trains"===e.name&&(o.asPath===`/networks/${s}/`||o.asPath.includes(`/networks/${s}/trains`)||o.asPath.includes(`/networks/${s}/train`))||"Stations"===e.name&&o.asPath.includes(`/networks/${s}/stations`)||"Routes"===e.name&&o.asPath.includes(`/networks/${s}/routes`)||"Statistics"===e.name&&o.asPath.includes(`/networks/${s}/statistics`)||"Metro Map"===e.name&&o.asPath.includes(`/networks/${s}/metromap`);return{...e,isActive:t}});return{networkName:e,networkSlug:s,network:c,links:d}}},70740:(e,s,t)=>{"use strict";t.r(s),t.d(s,{__N_SSP:()=>_,default:()=>A});var a=t(37876),n=t(82904),r=t(60299),i=t(18847),l=t.n(i),o=t(89099),c=t(14232),d=t(1825);function m(){let{showAds:e}=(0,d.W)();if(!e)return null}var x=t(49915),h=t(85392),u=t(74),w=t(5876),f=t(93408),g=t(56785),p=t(5068),j=t(48230),N=t.n(j),v=t(74880);let k=({stop:e,networkSlug:s,onClick:t})=>{let n=v.Y.getNetwork(s),r=n?n.name:"";return(0,a.jsx)("div",{className:"p-6 border border-gray-100 rounded-lg shadow-md hover:shadow-lg cursor-pointer transition duration-300 ease-in-out bg-white",onClick:()=>t(e),children:(0,a.jsxs)("div",{className:"flex items-center justify-between",children:[(0,a.jsxs)("div",{className:"pr-4 flex-grow",children:[(0,a.jsx)("h3",{className:"font-semibold text-lg text-gray-900 break-words",children:e.stop_name}),(0,a.jsxs)("p",{className:"text-gray-500 text-sm",children:[r," Station"]})]}),(0,a.jsx)(N(),{href:`/networks/${s}/stations/${e.stop_id}/`,children:(0,a.jsxs)("span",{className:"inline-flex items-center text-blue-500 hover:text-blue-600 text-sm font-medium whitespace-nowrap",children:["View Details",(0,a.jsx)(p.A,{className:"ml-1 h-4 w-4"})]})})]})})};var y=t(78240);let b=l()(()=>Promise.all([t.e(1808),t.e(9863),t.e(3368),t.e(2349)]).then(t.bind(t,52349)),{loadableGenerated:{webpack:()=>[52349]},ssr:!1}),$=e=>e.toLowerCase().normalize("NFD").replace(/[\u0300-\u036f]/g,"").replace(/[^\w\s]/g,"");var _=!0;function A({network:e}){let{networkSlug:s}=(0,o.useRouter)().query,{stops:t,isLoading:i,isError:l}=(0,y.lf)(e?.slug),[d,p]=(0,c.useState)(""),[j,N]=(0,c.useState)([]),_=(0,g.A)({networkName:e?.name,networkSlug:s,network:e}),S=[{name:"Networks",href:"/networks",current:!1},{name:e.name,href:`/networks/${s}/`,current:!1},{name:"Stations",href:`/networks/${s}/stations/`,current:!0}],P=v.Y.getNetwork(s),C=P?P.cities:[],E=C.length>0?C.join(", "):"various cities";return((0,c.useEffect)(()=>{window.gtag&&window.gtag("event","page_view",{page_title:`${e.name} Stations | trains.fyi`,page_location:window.location.href,page_path:`/networks/${s}/stations/`})},[e.name,s]),(0,c.useEffect)(()=>

1{if(t){let e=$(d);N(t.filter(s=>$(s.stop_name).includes(e)||$(s.stop_id).includes(e)))}},[t,d,e]),i)?(0,a.jsx)("div",{className:"flex items-center justify-center h-screen",children:(0,a.jsx)(w.A,{text:"Loading stations..."})}):(0,a.jsxs)("div",{className:"flex flex-col min-h-screen",children:[(0,a.jsx)(f.A,{title:`${e.name} Stations`,description:`A list of all train stations for ${e.name} in ${E}.`,canonical:`/networks/${s}/stations/`,image:"/social.png",type:"website",keywords:`${e.name}, train stations, railway stations, transit stops, ${E}, public transportation`}),(0,a.jsx)(u.A,{networkNav:_}),(0,a.jsx)("main",{className:"flex-grow",children:(0,a.jsxs)("div",{className:"mx-auto max-w-7xl px-4 sm:px-6 lg:px-8",children:[(0,a.jsx)("div",{className:"py-4",children:(0,a.jsx)(x.A,{pages:S})}),(0,a.jsxs)("div",{className:"my-8",children:[(0,a.jsxs)("h1",{className:"text-4xl font-bold tracking-tight text-gray-900 sm:text-5xl mb-4",children:[e.name," Train Stations"]}),(0,a.jsxs)("p",{className:"text-lg text-gray-600",children:["A list of all train stations in the ",e.name," network."]})]}),l?(0,a.jsx)("div",{className:"rounded-md bg-yellow-50 p-4",children:(0,a.jsxs)("div",{className:"flex",children:[(0,a.jsx)("div",{className:"flex-shrink-0",children:(0,a.jsx)(n.A,{className:"h-5 w-5 text-yellow-400","aria-hidden":"true"})}),(0,a.jsxs)("div",{className:"ml-3",children:[(0,a.jsx)("h3",{className:"text-sm font-medium text-yellow-800",children:"Data Unavailable"}),(0,a.jsx)("div",{className:"mt-2 text-sm text-yellow-700",children:(0,a.jsx)("p",{children:"Station information is currently unavailable. Please try again later."})})]})]})}):(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("div",{className:"h-[calc(66vh-200px)] mb-8",children:(0,a.jsx)(b,{initialCenter:[e.map.lat,e.map.lng],initialZoom:e.map.zoom,stops:j,networkColor:e.color,networkDarkerColor:e.darkerColor})}),(0,a.jsxs)("div",{className:"mt-16",children:[(0,a.jsxs)("div",{className:"flex items-center justify-between mb-4",children:[(0,a.jsxs)("h2",{className:"text-2xl font-semibold text-gray-900",children:["All Train Stations for ",e.name]}),(0,a.jsxs)("div",{className:"relative w-72",children:[(0,a.jsx)("div",{className:"pointer-events-none absolute inset-y-0 left-0 flex items-center pl-3",children:(0,a.jsx)(r.A,{className:"h-5 w-5 text-gray-400","aria-hidden":"true"})}),(0,a.jsx)("input",{id:"search",type:"text",placeholder:"Search stations...",value:d,onChange:e=>p(e.target.value),className:"block w-full rounded-md border-0 py-1.5 pl-10 pr-3 text-gray-900 ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-blue-600 sm:text-sm sm:leading-6"})]})]}),(0,a.jsx)("div",{className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4",children:j.map(e=>(0,a.jsx)(k,{stop:e,networkSlug:s,onClick:()=>null},e.id))})]})]}),(0,a.jsx)(m,{adSlot:"your-ad-slot-id"})]})}),(0,a.jsx)(h.A,{})]})}}},e=>{e.O(0,[6701,3927,2325,887,3990,8447,5392,636,6593,8792],()=>e(e.s=10409)),_N_E=e.O()}]);