https://alibrahimtravels.netlify.app/_next/static/chunks/pages/car/car-list-v1-07890f6a0dd1d552.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2105],{68432:function(s,e,a){(window.__NEXT_P=window.__NEXT_P||[]).push(["/car/car-list-v1",function(){return a(34423)}])},34423:function(s,e,a){"use strict";a.r(e),a.d(e,{default:function(){return V}});var l=a(41844),i=a(50240),c=a(9592),d=a(2423),t=a(18164),n=a(55784);let r=[{name:"Adults",defaultValue:2},{name:"Children",defaultValue:1},{name:"Rooms",defaultValue:1}],x=s=>{let{name:e,defaultValue:a,onCounterChange:i}=s,[c,d]=(0,n.useState)(a),t=()=>{d(c+1),i(e,c+1)},r=()=>{c>0&&(d(c-1),i(e,c-1))};return(0,l.jsxs)(l.Fragment,{children:[(0,l.jsxs)("div",{className:"row y-gap-10 justify-between items-center",children:[(0,l.jsxs)("div",{className:"col-auto",children:[(0,l.jsx)("div",{className:"text-15 lh-12 fw-500",children:e}),"Children"===e&&(0,l.jsx)("div",{className:"text-14 lh-12 text-light-1 mt-5",children:"Ages 0 - 17"})]}),(0,l.jsx)("div",{className:"col-auto",children:(0,l.jsxs)("div",{className:"d-flex items-center js-counter",children:[(0,l.jsx)("button",{className:"button -outline-blue-1 text-blue-1 size-38 rounded-4 js-down",onClick:r,children:(0,l.jsx)("i",{className:"icon-minus text-12"})}),(0,l.jsx)("div",{className:"flex-center size-20 ml-15 mr-15",children:(0,l.jsx)("div",{className:"text-15 js-count",children:c})}),(0,l.jsx)("button",{className:"button -outline-blue-1 text-blue-1 size-38 rounded-4 js-up",onClick:t,children:(0,l.jsx)("i",{className:"icon-plus text-12"})})]})})]}),(0,l.jsx)("div",{className:"border-top-light mt-24 mb-24"})]})},m=()=>

1{let[s,e]=(0,n.useState)({Adults:2,Children:1,Rooms:1}),a=(s,a)=>{e(e=>({...e,[s]:a}))};return(0,l.jsxs)("div",{className:"searchMenu-guests px-30 lg:py-20 lg:px-0 js-form-dd js-form-counters",children:[(0,l.jsxs)("div",{"data-bs-toggle":"dropdown","data-bs-auto-close":"outside","aria-expanded":"false","data-bs-offset":"0,22",children:[(0,l.jsx)("h4",{className:"text-15 fw-500 ls-2 lh-16",children:"Passenger (optional)"}),(0,l.jsxs)("div",{className:"text-15 text-light-1 ls-2 lh-16",children:[(0,l.jsx)("span",{className:"js-count-adult",children:s.Adults})," adults -"," ",(0,l.jsx)("span",{className:"js-count-child",children:s.Children})," ","childeren - ",(0,l.jsx)("span",{className:"js-count-room",children:s.Rooms})," ","room"]})]}),(0,l.jsx)("div",{className:"shadow-2 dropdown-menu min-width-400",children:(0,l.jsx)("div",{className:"bg-white px-30 py-30 rounded-4 counter-box",children:r.map(s=>(0,l.jsx)(x,{name:s.name,defaultValue:s.defaultValue,onCounterChange:a},s.name))})})]})},o=()=>{let[s,e]=(0,n.useState)(""),[a,i]=(0,n.useState)(null),c=s=>{e(s.name),i(s)};return(0,l.jsx)(l.Fragment,{children:(0,l.jsxs)("div",{className:"searchMenu-loc px-30 lg:py-20 lg:px-0 js-form-dd js-liverSearch",children:[(0,l.jsxs)("div",{"data-bs-toggle":"dropdown","data-bs-auto-close":"true","data-bs-offset":"0,22",children:[(0,l.jsx)("h4",{className:"text-15 fw-500 ls-2 lh-16",children:"Location"}),(0,l.jsx)("div",{className:"text-15 text-light-1 ls-2 lh-16",children:(0,l.jsx)("input",{autoComplete:"off",type:"search",placeholder:"City or Airport",className:"js-search js-dd-focus",value:s,onChange:s=>e(s.target.value)})})]}),(0,l.jsx)("div",{className:"shadow-2 dropdown-menu min-width-400",children:(0,l.jsx)("div",{className:"bg-white px-20 py-20 sm:px-0 sm:py-15 rounded-4",children:(0,l.jsx)("ul",{className:"y-gap-5 js-results",children:[{id:1,name:"London",address:"Greater London, United Kingdom"},{id:2,name:"New York",address:"New York State, United States"},{id:3,name:"Paris",address:"France"},{id:4,name:"Madrid",address:"Spain"},{id:5,name:"Santorini",address:"Greece"}].map(s=>(0,l.jsx)("li",{className:"-link d-block col-12 text-left rounded-4 px-20 py-15 js-search-option mb-1 ".concat(a&&a.id===s.id?"active":""),role:"button",onClick:()=>c(s),children:(0,l.jsxs)("div",{className:"d-flex",children:[(0,l.jsx)("div",{className:"icon-location-2 text-light-1 text-20 pt-4"}),(0,l.jsxs)("div",{className:"ml-10",children:[(0,l.jsx)("div",{className:"text-15 lh-12 fw-500 js-search-option-target",children:s.name}),(0,l.jsx)("div",{className:"text-14 lh-12 text-light-1 mt-5",children:s.address})]})]})},s.id))})})})]})})},h=()=>(0,l.jsx)(l.Fragment,{children:(0,l.jsx)("div",{className:"mainSearch -col-5 border-light bg-white px-20 py-20 lg:px-20 lg:pt-5 lg:pb-20 rounded-4 mt-30",children:(0,l.jsxs)("div",{className:"button-grid items-center",children:[(0,l.jsx)(o,{}),(0,l.jsx)(o,{}),(0,l.jsx)("div",{className:"searchMenu-date px-30 lg:py-20 lg:px-0 js-form-dd js-calendar",children:(0,l.jsxs)("div",{children:[(0,l.jsx)("h4",{className:"text-15 fw-500 ls-2 lh-16",children:"Pick up"}),(0,l.jsx)(t.Z,{})]})}),(0,l.jsx)("div",{className:"searchMenu-date px-30 lg:py-20 lg:px-0 js-form-dd js-calendar",children:(0,l.jsxs)("div",{children:[(0,l.jsx)("h4",{className:"text-15 fw-500 ls-2 lh-16",children:"Drop off"}),(0,l.jsx)(t.Z,{})]})}),(0,l.jsx)(m,{}),(0,l.jsx)("div",{className:"button-item",children:(0,l.jsxs)("button",{className:"mainSearch__submit button -dark-1 py-20 px-35 col-12 rounded-4 bg-yellow-1 text-dark-1",children:[(0,l.jsx)("i",{className:"icon-search text-20 mr-10"}),"Search"]})})]})})}),j=()=>(0,l.jsx)(l.Fragment,{children:(0,l.jsxs)("div",{className:"row y-gap-10 items-center justify-between",children:[(0,l.jsx)("div",{className:"col-auto",children:(0,l.jsxs)("div",{className:"text-18",children:[(0,l.jsx)("span",{className:"fw-500",children:"3,269 properties"})," in Europe"]})}),(0,l.jsx)("div",{className:"col-auto",children:(0,l.jsxs)("div",{className:"row x-gap-20 y-gap-20",children:[(0,l.jsx)("div",{className:"col-auto",children:(0,l.jsxs)("button",{className:"button -blue-1 h-40 px-20 rounded-100 bg-blue-1-05 text-15 text-blue-1",children:[(0,l.jsx)("i",{className:"icon-up-down text-14 mr-10"}

1),"Sort"]})}),(0,l.jsx)("div",{className:"col-auto d-none xl:d-block",children:(0,l.jsxs)("button",{"data-bs-toggle":"offcanvas","data-bs-target":"#listingSidebar",className:"button -blue-1 h-40 px-20 rounded-100 bg-blue-1-05 text-15 text-blue-1",children:[(0,l.jsx)("i",{className:"icon-up-down text-14 mr-10"}),"Filter"]})})]})})]})});var N=a(41985),u=a(51319),v=a(19118),b=a(22455),p=a(60686),g=a(53658),f=a(81459),w=a(32770),y=a(37312),_=a(84958);let k=()=>(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)("div",{className:"sidebar__item -no-border position-relative",children:(0,l.jsx)(u.Z,{})}),(0,l.jsxs)("div",{className:"sidebar__item",children:[(0,l.jsx)("h5",{className:"text-18 fw-500 mb-10",children:"Location (Heathrow Airport)"}),(0,l.jsx)("div",{className:"sidebar-checkbox",children:(0,l.jsx)(v.Z,{})})]}),(0,l.jsxs)("div",{className:"sidebar__item",children:[(0,l.jsx)("h5",{className:"text-18 fw-500 mb-10",children:"Car Category"}),(0,l.jsx)("div",{className:"sidebar-checkbox",children:(0,l.jsx)(p.Z,{})})]}),(0,l.jsxs)("div",{className:"sidebar__item pb-30",children:[(0,l.jsx)("h5",{className:"text-18 fw-500 mb-10",children:"Price"}),(0,l.jsx)("div",{className:"row x-gap-10 y-gap-30",children:(0,l.jsx)("div",{className:"col-12",children:(0,l.jsx)(b.Z,{})})})]}),(0,l.jsxs)("div",{className:"sidebar__item",children:[(0,l.jsx)("h5",{className:"text-18 fw-500 mb-10",children:"Supplier"}),(0,l.jsx)("div",{className:"sidebar-checkbox",children:(0,l.jsx)(g.Z,{})})]}),(0,l.jsxs)("div",{className:"sidebar__item",children:[(0,l.jsx)("h5",{className:"text-18 fw-500 mb-10",children:"Car Specifications"}),(0,l.jsx)("div",{className:"sidebar-checkbox",children:(0,l.jsx)(f.Z,{})})]}),(0,l.jsxs)("div",{className:"sidebar__item",children:[(0,l.jsx)("h5",{className:"text-18 fw-500 mb-10",children:"Mileage/Kilometres"}),(0,l.jsx)("div",{className:"sidebar-checkbox",children:(0,l.jsx)(w.Z,{})})]}),(0,l.jsxs)("div",{className:"sidebar__item",children:[(0,l.jsx)("h5",{className:"text-18 fw-500 mb-10",children:"Transmission"}),(0,l.jsx)("div",{className:"sidebar-checkbox",children:(0,l.jsx)(y.Z,{})})]}),(0,l.jsxs)("div",{className:"sidebar__item",children:[(0,l.jsx)("h5",{className:"text-18 fw-500 mb-10",children:"Fuel Policy"}),(0,l.jsx)("div",{className:"sidebar-checkbox",children:(0,l.jsx)(_.Z,{})})]})]});var C=a(25037),S=a.n(C),Z=a(30719),F=a(79482),z=a(25675),A=a.n(z),E=a(41664),L=a.n(E);let M=()=>(0,l.jsx)(l.Fragment,{children:S().slice(0,5).map(s=>{var e;return(0,l.jsx)("div",{className:"col-12",children:(0,l.jsx)("div",{className:"border-top-light pt-30",children:(0,l.jsxs)("div",{className:"row x-gap-20 y-gap-20",children:[(0,l.jsx)("div",{className:"col-md-auto",children:(0,l.jsx)("div",{className:"relative d-flex",children:(0,l.jsx)("div",{className:"cardImage w-250 md:w-1/1 rounded-4 border-light",children:(0,l.jsx)("div",{className:"custom_inside-slider",children:(0,l.jsx)(Z.tq,{className:"mySwiper",modules:[F.tl,F.W_],pagination:{clickable:!0},navigation:!0,children:null==s?void 0:null===(e=s.slideImg)||void 0===e?void 0:e.map((s,e)=>(0,l.jsx)(Z.o5,{children:(0,l.jsxs)("div",{className:"ratio ratio-1:1",children:[(0,l.jsx)("div",{className:"cardImage__content",children:(0,l.jsx)(A(),{width:250,height:250,className:"rounded-4 col-12 js-lazy",src:s,priority:!0,alt:"image"})}),(0,l.jsx)("div",{className:"cardImage__wishlist",children:(0,l.jsx)("button",{className:"button -blue-1 bg-white size-30 rounded-full shadow-2",children:(0,l.jsx)("i",{className:"icon-heart text-12"})})})]})},e))})})})})}),(0,l.jsx)("div",{className:"col-md",children:(0,l.jsxs)("div",{className:"d-flex flex-column h-full justify-between",children:[(0,l.jsxs)("div",{children:[(0,l.jsxs)("div",{className:"row x-gap-5 items-center",children:[(0,l.jsx)("div",{className:"col-auto",children:(0,l.jsx)("div",{className:"text-14 text-light-1",children:null==s?void 0:s.location})}),(0,l.jsx)("div",{className:"col-auto",children:(0,l.jsx)("div",{className:"size-3 rounded-full bg-light-1"})}),(0,l.jsx)("div",{className:"col-auto",children:(0,l.jsx)("div",{className:"text-14 text-light-1",children:"SUV"})})]}),(0,l.jsxs)("h3",{className:"text-18 lh-16 fw-500 mt-5",children:["Mercedes-Benz E-Class"," ",(0,l.jsx)("span",{className:"text-15 text-light-1",children:"or similar"})]})]}),(0,l.jsx)("div",{className:"col-lg-7 mt-20",children:(0,l.jsxs)("div",{className:"row y-gap-5",children:[(0,l.jsx)("div",{className:"col-sm-6",children:(0,l.jsxs)("div",{className:"d-flex items-center",children:[(0,l.jsx)("i",{className:"icon-user-2"}),(0,l.jsx)("div",{className:"text-14 ml-10",children:null==s?void 0:s.seat})]})}),(0,l.jsx)("div",{className:"col-sm-6",children:(0,l.jsxs)("div",{className:"d-flex items-center",children:[(0,l.jsx)("i",{className:"icon-luggage"}),(0,l.jsx)("div",{className:"text-14 ml-10",children:null==s?void 0:s.luggage})]})}),(0,l.jsx)("div",{className:"col-sm-6",children:(0,l.jsxs)("div",{className:"d-flex items-center",children:[(0,l.jsx)("i",{className:"icon-transmission"}),(0,l.jsx)("div",{className:"text-14 ml-10",children:null==s?void 0:s.transmission})]})}),(0,l.jsx)("div",{className:"col-sm-6",children:(0,l.jsxs)("div",{className:"d-flex items-center",children:[(0,l.jsx)("i",{className:"icon-speedometer"}),(0,l.jsx)("div",{className:"text-14 ml-10",children:null==s?void 0:s.speed})]})}),(0,l.jsx)("div",{className:"col-sm-6",children:(0,l.jsxs)("div",{className:"d-flex items-center",children:[(0,l.jsx)("i",{className:"icon-transmission"}),(0,l.jsx)("div",{className:"text-14 ml-10",children:"Air conditioning"})]})}),(0,l.jsx)("div",{className:"col-sm-6",children:(0,l.jsxs)("div",{className:"d-flex items-center",children:[(0,l.jsx)("i",{className:"icon-speedometer"}),(0,l.jsx)("div",{className:"text-14 ml-10",children:"Full to full"})]})})]})}),(0,l.jsxs)("div",{className:"mt-20",children:[(0,l.jsxs)("div",{className:"d-flex items-center",children:[(0,l.jsx)("i",{className:"icon-check text-10"}),(0,l.jsx)("div",{className:"text-14 fw-500 ml-10",children:"Free Amendments"})]}),(0,l.jsxs)("div",{className:"d-flex items-center mt-5",children:[(0,l.jsx)("i",{className:"icon-check text-10"}),(0,l.jsx)("div",{className:"text-14 fw-500 text-green-2 ml-10",children:"Free Cancellation"})]})]})]})}),(0,l.jsxs)("div",{className:"col-md-auto text-right md:text-left",children:[(0,l.jsxs)("div",{className:"row x-gap-10 y-gap-10 justify-end items-center md:justify-start",children:[(0,l.jsxs)("div",{className:"col-auto",children:[(0,l.jsx)("div",{className:"text-14 lh-14 fw-500",children:"Exceptional"}),(0,l.jsxs)("div",{className:"text-14 lh-14 text-light-1",children:[null==s?void 0:s.numberOfReviews," reviews"]})]}),(0,l.jsx)("div",{className:"col-auto",children:(0,l.jsx)("div",{className:"flex-center text-dark-1 fw-600 text-14 size-40 rounded-4 bg-yellow-1",children:null==s?void 0:s.ratings})})]}),(0,l.jsxs)("div",{className:"text-22 lh-12 fw-600 mt-70 md:mt-20",children:["US$",null==s?void 0:s.price]}),(0,l.jsx)("div",{className:"text-14 text-light-1 mt-5",children:"Total"}),(0,l.jsxs)(L(),{href:"/car/car-single/".concat(s.id),className:"button h-50 px-24 bg-dark-1 -yellow-1 text-white mt-24",children:["View Detail ",(0,l.jsx)("div",{className:"icon-arrow-top-right ml-15"})]})]})]})})},null==s?void 0:s.id)})}),P=()=>(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(c.Z,{pageTitle:"Car List v1"}),(0,l.jsx)("div",{className:"header-margin"}),(0,l.jsx)("section",{className:"pt-60",children:(0,l.jsx)("div",{className:"container",children:(0,l.jsx)("div",{className:"row",children:(0,l.jsxs)("div",{className:"col-12",children:[(0,l.jsx)("div",{className:"text-center",children:(0,l.jsx)("h1",{className:"text-30 fw-600",children:"London Rental Cars"})}),(0,l.jsx)(h,{})]})})})}),(0,l.jsx)("section",{className:"layout-pt-md layout-pb-lg",children:(0,l.jsx)("div",{className:"container",children:(0,l.jsxs)("div",{className:"row y-gap-30",children:[(0,l.jsxs)("div",{className:"col-xl-3",children:[(0,l.jsx)("aside",{className:"sidebar y-gap-40 xl:d-none",children:(0,l.jsx)(k,{})}),(0,l.jsxs)("div",{className:"offcanvas offcanvas-start",tabIndex:"-1",id:"listingSidebar",children:[(0,l.jsxs)("div",{className:"offcanvas-header",children:[(0,l.jsx)("h5",{className:"offcanvas-title",id:"offcanvasLabel",children:"Filter Hotels"}),(0,l.jsx)("button",{type:"button",className:"btn-close","data-bs-dismiss":"offcanvas","aria-label":"Close"})]}),(0,l.jsx)("div",{className:"offcanvas-body",children:(0,l.jsx)("aside",{className:"sidebar y-gap-40  xl:d-block",children:(0,l.jsx)(k,{})})})]})]}),(0,l.jsxs)("div",{className:"col-xl-9 ",children:[(0,l.jsx)(j,{}),(0,l.jsx)("div",{className:"mt-30"}),(0,l.jsx)("div",{className:"row y-gap-30",children:(0,l.jsx)(M,{})}),(0,l.jsx)(N.Z,{})]})]})})}),(0,l.jsx)(i.Z,{}),(0,l.jsx)(d.Z,{})]});var V=P}},function(s){s.O(0,[5675,1664,6278,717,9322,3463,2888,179],function(){return s(s.s=68432)}),_N_E=s.O()}]);