"use strict";(self.webpackChunkflone_react=self.webpackChunkflone_react||[]).push([[8365],{8365:function(e,t,r){r.r(t);var s=r(9439),c=r(2791),o=r(6443),n=r(9434),i=r(7689),l=r(1770),a=r(1131),u=r(9858),d=r(6496),h=r(6581),p=r(4427),m=r(184);t.default=function(e){e.location;var t=(0,c.useState)("list two-column"),r=(0,s.Z)(t,2),x=r[0],f=r[1],j=(0,c.useState)(""),g=(0,s.Z)(j,2),v=g[0],N=g[1],S=(0,c.useState)(""),C=(0,s.Z)(S,2),P=C[0],b=C[1],Z=(0,c.useState)(""),w=(0,s.Z)(Z,2),k=w[0],H=w[1],L=(0,c.useState)(""),F=(0,s.Z)(L,2),T=F[0],y=F[1],_=(0,c.useState)(0),z=(0,s.Z)(_,2),B=z[0],D=z[1],E=(0,c.useState)(1),O=(0,s.Z)(E,2),R=O[0],X=O[1],q=(0,c.useState)([]),A=(0,s.Z)(q,2),G=A[0],I=A[1],J=(0,c.useState)([]),K=(0,s.Z)(J,2),M=K[0],Q=K[1],U=(0,n.v9)((function(e){return e.product})).products,V=(0,i.TH)().pathname;return(0,c.useEffect)((function(){var e=(0,l.LB)(U,v,P),t=(0,l.LB)(e,k,T);Q(e=t),I(e.slice(B,B+16))}),[B,U,v,P,k,T]),(0,m.jsxs)(c.Fragment,{children:[(0,m.jsx)(a.Z,{titleTemplate:"Shop Page",description:"Shop page of flone react minimalist eCommerce template."}),(0,m.jsxs)(u.Z,{headerTop:"visible",children:[(0,m.jsx)(d.Z,{pages:[{label:"Home",path:"/"},{label:"Shop",path:""+V}]}),(0,m.jsx)("div",{className:"shop-area pt-95 pb-100",children:(0,m.jsx)("div",{className:"container-fluid",children:(0,m.jsx)("div",{className:"row",children:(0,m.jsxs)("div",{className:"col-lg-12",children:[(0,m.jsx)(h.Z,{getLayout:function(e){f(e)},getFilterSortParams:function(e,t){H(e),y(t)},productCount:U.length,sortedProductCount:G.length,products:U,getSortParams:function(e,t){N(e),b(t)}}),(0,m.jsx)(p.Z,{layout:x,products:G}),(0,m.jsx)("div",{className:"pro-pagination-style text-center mt-30",children:(0,m.jsx)(o.Z,{totalRecords:M.length,pageLimit:16,pageNeighbours:2,setOffset:D,currentPage:R,setCurrentPage:X,pageContainerClass:"mb-0 mt-0",pagePrevText:"\xab",pageNextText:"\xbb"})})]})})})})]})]})}},6581:function(e,t,r){r.d(t,{Z:function(){return l}});var s=r(2791),c=r(1770),o=r(184),n=function(e){var t=e.products,r=e.getSortParams,s=(0,c.uX)(t),n=(0,c.mF)(t),i=(0,c.l9)(t),l=(0,c.ku)(t);return(0,o.jsx)("div",{className:"product-filter-wrapper",id:"product-filter-wrapper",children:(0,o.jsx)("div",{className:"product-filter-wrapper__inner",children:(0,o.jsxs)("div",{className:"row",children:[(0,o.jsx)("div",{className:"col-md-3 col-sm-6 col-xs-12 mb-30",children:(0,o.jsxs)("div",{className:"product-filter",children:[(0,o.jsx)("h5",{children:"Categories"}),s?(0,o.jsx)("ul",{children:s.map((function(e,t){return(0,o.jsx)("li",{children:(0,o.jsx)("button",{onClick:function(t){r("category",e),(0,c.H7)(t)},children:e})},t)}))}):"No categories found"]})}),(0,o.jsx)("div",{className:"col-md-3 col-sm-6 col-xs-12 mb-30",children:(0,o.jsxs)("div",{className:"product-filter",children:[(0,o.jsx)("h5",{children:"Color"}),n?(0,o.jsx)("ul",{children:n.map((function(e,t){return(0,o.jsx)("li",{children:(0,o.jsx)("button",{onClick:function(t){r("color",e),(0,c.H7)(t)},children:e})},t)}))}):"No colors found"]})}),(0,o.jsx)("div",{className:"col-md-3 col-sm-6 col-xs-12 mb-30",children:(0,o.jsxs)("div",{className:"product-filter",children:[(0,o.jsx)("h5",{children:"Size"}),i?(0,o.jsx)("ul",{children:i.map((function(e,t){return(0,o.jsx)("li",{children:(0,o.jsx)("button",{className:"text-uppercase",onClick:function(t){r("size",e),(0,c.H7)(t)},children:e})},t)}))}):"No sizes found"]})}),(0,o.jsx)("div",{className:"col-md-3 col-sm-6 col-xs-12 mb-30",children:(0,o.jsxs)("div",{className:"product-filter product-filter--tag",children:[(0,o.jsx)("h5",{children:"Tag"}),l?(0,o.jsx)("ul",{children:l.map((function(e,t){return(0,o.jsx)("li",{children:(0,o.jsx)("button",{onClick:function(t){r("tag",e),(0,c.H7)(t)},children:e})},t)}))}):"No tags found"]})})]})})})},i=function(e){var t=e.getFilterSortParams,r=e.productCount,i=e.sortedProductCount,l=e.products,a=e.getSortParams;return(0,o.jsxs)(s.Fragment,{children:[(0,o.jsxs)("div",{className:"shop-top-bar mb-35",children:[(0,o.jsxs)("div",{className:"select-shoing-wrap",children:[(0,o.jsx)("div",{className:"shop-select",children:(0,o.jsxs)("select",{onChange:function(e){return t("filterSort",e.target.value)},children:[(0,o.jsx)("option",{value:"default",children:"Default"}),(0,o.jsx)("option",{value:"priceHighToLow",children:"Price - High to Low"}),(0,o.jsx)("option",{value:"priceLowToHigh",children:"Price - Low to High"})]})}),(0,o.jsxs)("p",{children:["Showing ",i," of ",r," result"]})]}),(0,o.jsx)("div",{className:"filter-active",children:(0,o.jsxs)("button",{onClick:function(e){return(0,c.Zf)(e)},children:[(0,o.jsx)("i",{className:"fa fa-plus"})," filter"]})})]}),(0,o.jsx)(n,{products:l,getSortParams:a})]})},l=function(e){var t=e.getLayout,r=e.getFilterSortParams,c=e.productCount,n=e.sortedProductCount,l=e.products,a=e.getSortParams;return(0,o.jsx)(s.Fragment,{children:(0,o.jsx)(i,{getLayout:t,getFilterSortParams:r,productCount:c,sortedProductCount:n,products:l,getSortParams:a})})}}}]);
//# sourceMappingURL=8365.8817ee7a.chunk.js.map