https://edomexico-turista.netlify.app/component---src-templates-ho…s-lista-template-js-46fb19c50ebdb5ae48aa.js

1"use strict";(self.webpackChunkturista_provincias=self.webpackChunkturista_provincias||[]).push([[972],{5387:function(e,t,a){var s=a(6540),l=a(9411);const o=e=>{let{onChangeHandler:t,placeholder:a}=e;return s.createElement("div",{className:"mb-4"},s.createElement("input",{className:"w-full px-4 py-2 text-gray-700 bg-white border rounded-lg focus:outline-none focus:border-blue-500",type:"search",placeholder:a,onChange:t}))};t.A=e=>{let{hoteles:t}=e;const{0:a,1:n}=(0,s.useState)(t);return s.createElement("div",{className:"container mx-auto px-4 py-8"},s.createElement(o,{onChangeHandler:e=>{const a=e.target.value.toLocaleLowerCase(),s=t.filter((e=>e.nombre.toLocaleLowerCase().includes(a)));n(s)},placeholder:"Buscar hotel por nombre"}),s.createElement("div",{className:"bg-white shadow-md rounded-lg overflow-hidden"},s.createElement("div",{className:"grid grid-cols-12 bg-gray-100 p-4 font-semibold text-gray-700"},s.createElement("div",{className:"col-span-5 md:col-span-4"},"Hotel"),s.createElement("div",{className:"col-span-4 hidden md:block"},"Dirección"),s.createElement("div",{className:"col-span-3 md:col-span-2 text-center"},"Cuartos"),s.createElement("div",{className:"col-span-4 md:col-span-2 text-right"},"Precio")),a.map(((e,t)=>s.createElement("div",{key:e.hotelid,className:`grid grid-cols-12 p-4 ${t%2==0?"bg-gray-50":"bg-white"} hover:bg-blue-50 transition-colors duration-150`},s.createElement("div",{className:"col-span-5 md:col-span-4"},s.createElement("a",{href:`https://jet.turista.com.mx/hotels?hotelId=${e.travelpayoutsid}`,target:"_blank",rel:"noreferrer",className:"font-medium text-blue-600 hover:text-blue-800"},e.nombre),s.createElement("div",{className:"flex items-center mt-1 space-x-2"},s.createElement(l.A,{type:1}),e.rating>0&&s.createElement("span",{className:"text-yellow-500"},e.rating,"☆"))),s.createElement("div",{className:"col-span-4 hidden md:block text-gray-600 truncate"},e.direccion),s.createElement("div",{className:"col-span-3 md:col-span-2 text-center text-gray-600"},e.cuartos>0?e.cuartos:"-"),s.createElement("div",{className:"col-span-4 md:col-span-2 text-right"},s.createElement("span",{className:"font-semibold text-green-600"},e.lowestrate?new Intl.NumberFormat("es-MX",{style:"currency",currency:"MXN"}).format(e.lowestrate):"Consultar")))))))}},6416:function(e,t,a){a.r(t);var s=a(6540),l=a(9569),o=a(7620),n=a(2532),r=a(3861),c=a(5387),i=a(1805),m=a(6347),d=a(9907),p=a(1778),h=a(6168),u=a(5902),g=a(6387);t.default=e=>{let{data:t,pageContext:a}=e;const{image:E}=t.location,v=t.hoteles,b=t.location.hvi_desc_spanish,f=t.location.banner_spanish,N=t.site.siteMetadata,x=[],y={title:b,slug:(0,g.t6)(t.location,"spanish")};x.push(y);const w=[];for(const s of a.destinos){const e={title:s.hvi_desc_spanish,slug:(0,g.V5)(s,"spanish","lista")};w.push(e)}const k={title:`${N.estado.name}`,items:w,linkTo:"",linkToSuffix:""};console.log("Hoteles",v);let L=0,A=0;v.nodes.forEach((e=>{e.lowestrate>0&&(L+=1,A+=e.pricefrom)}));const H=A/L;return s.createElement(l.A,{linkExterno:"/hoteles",seoTitle:`Hoteles en ${b} Lista`,footerList1:p.A,footerList2:h.A},s.createElement(o.A,{title:`Lista de Hoteles en ${b}, ${N.estado.name}`,description:`Directorio de Hoteles en ${b} con nombre de hotel, Dirección, categoría y costo aproximado por noche para guiarlo a la mejor opción para reservar su hotel en ${b}.`,image:E?(0,n.d)(E.localFile.childImageSharp):""}),s.createElement("section",{className:"section-center"},s.createElement("div",{className:"back-white"},s.createElement(r.A,{image:f,vistaDesc:b,estado:N.estado,subTitle:`${v.nodes.length} hoteles en `,title:`${b} Lista de Hoteles`}),s.createElement(u.A,{homeLink:"/hoteles",homeTitle:"Hoteles",tree:x,endTitle:"Listado",singleUrl:!0}),s.createElement("div",{className:"padding-1"},s.createElement("h2",null,"Lista de Hoteles de ",b),s.createElement("p",null,"Una noche de hospedaje en ",b," promedia"," ",s.createElement("span",{className:"green-text"},new Intl.NumberFormat("es-MX",{style:"currency",currency:"MXN"}).format(24*H))," ","pesos.")),s.createElement(i.A,{vista:t.location}),s.createElement(c.A,{location:t.location,hoteles:v.nodes}),s.createElement(d.A,{location:b})),s.createElement("div",null,s.createElement(m.A,{title:b,description:`Lista de todos los Hoteles que tenemos registrados en ${b} ordenados por orden alfabético`,image:E||"",showHotelsBox:!0,listItems1:k}))))}}}]);
2//# sourceMappingURL=component---src-templates-hoteles-locations-lista-template-js-46fb19c50ebdb5ae48aa.js.map