{"version":3,"file":"CategoryGrid.560e302b.js","sources":["../../../resources/js/Pages/CategoryGrid.vue"],"sourcesContent":["<script>\nimport { Head, Link } from \"@inertiajs/inertia-vue3\";\nimport Layout from \"@/Pages/Shared/Layout.vue\";\nimport CategoryBox from \"@/Pages/Shared/CategoryBox.vue\";\nimport VerticalProductBox from \"@/Pages/Shared/VerticalProductBox.vue\";\nimport ProductBox from \"@/Pages/Shared/ProductBox.vue\";\nimport VerticalProductList from \"@/Pages/Shared/VerticalProductList.vue\";\nimport Pagination from \"@/Pages/Shared/Pagination.vue\";\nimport Loader from \"@/Pages/Shared/Loader.vue\";\nimport { Inertia } from \"@inertiajs/inertia\";\nimport { Splide, SplideSlide, SplideTrack } from \"@splidejs/vue-splide\";\nimport \"@splidejs/splide/dist/css/themes/splide-default.min.css\";\n\nvar ev;\nexport default {\n    components: {\n        Loader,\n        Pagination,\n        Link,\n        Head,\n        CategoryBox,\n        ProductBox,\n        VerticalProductBox,\n        VerticalProductList,\n        Splide,\n        SplideSlide,\n        SplideTrack,\n    },\n    props: {\n        category: Object,\n        brands: Object,\n        filters: Object,\n        orderBy: String,\n        categories: Object,\n        pageType: String,\n        paginateType: String,\n        auth: Object,\n        mobilefilter: false,\n        mostRentedProducts: Object,\n    },\n    data() {\n        return {\n            selectedGridType: \"category-box\",\n            selectedFilters: {\n                brand: this.filters.brand?.split(\",\") ?? [],\n                price: this.filters.price?.split(\",\") ?? [],\n                category: this.filters.collections?.split(\",\") ?? [],\n                color: [],\n                storage: [],\n                os: [],\n                orderBy: \"\",\n            },\n            categoryItems: this.category,\n        };\n    },\n    methods: {\n        addToFilter(type, value) {\n            if (type == \"orderBy\") {\n                this.selectedFilters[type] = value;\n            } else {\n                // check if value is already in array\n                if (this.selectedFilters[type].find((e) => e == value)) {\n                    // remove value from array\n                    this.selectedFilters[type] = this.selectedFilters[type].filter((e) => e != value);\n                } else {\n                    // add value to array\n                    this.selectedFilters[type].push(value);\n                }\n            }\n            this.$inertia.get(`/kategoriler/${this.category.items.slug ?? \"tum-urunler\"}`, {\n                \"filter[brand]\": this.selectedFilters.brand.join(\",\"), // join array to string\n                \"filter[price]\": this.selectedFilters.price.join(\",\"), // join array to string,\n                \"filter[collections]\": this.selectedFilters.category.join(\",\"), // join array to string,\n                orderBy: this.selectedFilters.orderBy,\n            });\n        },\n        splidedArray(arr, size) {\n            return arr.reduce((acc, e, i) => (i % size ? acc[acc.length - 1].push(e) : acc.push([e]), acc), []);\n        },\n        orderCategories() {\n            console.log(\"orderCategories\");\n            //console.log(this.categories);\n            //return this.categories;\n            window.cats = this.categories;\n            return Object.values(this.categories).sort((a, b) => {\n                return a.attribute_data.name?.tr.localeCompare(b.attribute_data.name?.tr);\n            });\n        },\n    },\n    computed: {\n        categoriesOrdered() {\n            return this.orderCategories();\n        },\n        splidedMostRentedProducts() {\n            return this.splidedArray(this.mostRentedProducts.items.data, 1);\n        },\n    },\n    created() {\n        console.log(\"CategoryGrid created\");\n        this.selectedFilters.orderBy = this.orderBy;\n        Inertia.reload({\n            only: [\"mostRentedProducts\"],\n        }),\n            (ev = this.$inertia.on(\"success\", (event) => {\n                //console.log(\"Kategpri\", event.detail.page.url);\n\n                let datas = this.categoryItems.items.data;\n                if (this.pageType === \"category\") {\n                    datas = this.categoryItems.items.element.products.data;\n                }\n\n                let categoryProducts = [];\n                datas.map((item, keys) => {\n                    let product = {};\n\n                    let subscribetionMonthsOrdered = [];\n                    if (item.variants[0]?.prices.length > 0) subscribetionMonthsOrdered = Object.entries(item.variants[0]?.prices).sort(([, a], [, b]) => a.subscription_months.value - b.subscription_months.value);\n                    let nonZeroPrices = item.variants[0]?.prices.filter((price) => price.price.value > 0);\n                    subscribetionMonthsOrdered = subscribetionMonthsOrdered.filter((price) => price[1].price.value > 0);\n                    let productPrice = subscribetionMonthsOrdered[+Object.keys(nonZeroPrices).length - 1]?.[1]?.price?.value / 100;\n\n                    product.item_id = item.id;\n                    product.item_name = item.attribute_data.name.tr;\n                    product.price = productPrice;\n                    product.item_brand = item.brand.name;\n                    product.item_category = item.collections[0]?.attribute_data?.name?.tr;\n                    product.item_category2 = item.collections[1]?.attribute_data?.name?.tr ?? \"\";\n                    // product.item_comments = item.reviews.total;\n                    // product.item_rating = item.id;\n                    //product.item_color = item.variants[0]?.options[0] ?? \"\"; // Kategori verisidne yok\n                    product.item_list_id = \"HOME-1\";\n                    product.item_list_name = \"Homepage - Kampanya Ürünleri List\";\n                    product.index = keys;\n                    categoryProducts.push(product);\n                });\n\n                if (event.detail.page.url.startsWith(\"/indirimli-urunler\")) {\n                    dataLayer.push({\n                        event: \"view_item_list\",\n                        ecommerce: {\n                            item_list_id: \"HOME-IUL-2\",\n                            item_list_name: \"Category - İndirimli Ürünler Sayfasi List\",\n                            items: categoryProducts,\n                        },\n                    });\n                } else if (event.detail.page.url.startsWith(\"/ara\")) {\n                    dataLayer.push({\n                        event: \"view_item_list\",\n                        ecommerce: {\n                            item_list_id: \"HOME-SP\",\n                            item_list_name: \"Category - Search List\",\n                            items: categoryProducts,\n                        },\n                    });\n                } else if (event.detail.page.url.startsWith(\"/kategoriler\")) {\n                    //console.log(this.category);\n                    dataLayer.push({\n                        event: \"view_item_list\",\n                        ecommerce: {\n                            item_list_id: \"HOME-\" + this.category.items.element?.id,\n                            item_list_name: \"Category - \" + this.category.items.element?.attribute_data?.name?.tr + \" List\",\n                            items: categoryProducts,\n                        },\n                    });\n                }\n            }));\n    },\n    layout: Layout,\n    mounted() {\n        console.log(\"CategoryGrid mounted\");\n    },\n};\n</script>\n\n<template>\n    <Head :title=\"category?.items?.element?.title\">\n        <meta name=\"description\" :content=\"category?.items?.element?.meta_description\" />\n    </Head>\n\n    <main class=\"my-3 mx-auto max-w-kbmobile md:max-w-tablet ts:max-w-ts 2xl:max-w-7xl mt-4 mx-auto\">\n        <section class=\"mb-12 flex flex-row\">\n            <div class=\"w-full bg-[#0000007a] absolute z-60 h-[700vh] left-0 block md:hidden\" v-if=\"mobilefilter\" @click=\"mobilefilter = !mobilefilter\"></div>\n            <div v-if=\"mobilefilter\" class=\"w-6/12 flex md:hidden flex-col justify-start items-start absolute z-60 h-[700vh] left-0 bg-white\">\n                <div class=\"w-full p-3 ts:p-5 bg-white z-80\" v-if=\"categories != undefined\">\n                    <h3 class=\"p-0 text-xl font-bold text-left text-gray-900 box-border whitespace-no-wrap mb-4\">Kategoriler</h3>\n                    <div class=\"max-h-[310px] overflow-y-scroll\">\n                        <div class=\"w-full flex justify-start items-center mb-2\" v-for=\"(category, index) in categoriesOrdered\" :key=\"index\">\n                            <input :id=\"category.attribute_data.name?.tr\" class=\"w-5 h-5 border-2 border-black rounded-md focus:outline-none checked:bg-black\" type=\"checkbox\" :checked=\"selectedFilters.category.find((e) => e == category.id)\" @click=\"addToFilter('category', category.id)\" />\n                            <label class=\"text-base text-black pl-2 cursor-pointer font-santralregular\" :for=\"category.attribute_data.name?.tr\">{{ category.attribute_data.name?.tr }}</label>\n                        </div>\n                    </div>\n                </div>\n                <div class=\"z-80 w-full border-t-4 border-white bg-white p-3 lg:p-5\">\n                    <h3 class=\"p-0 text-xl font-bold text-left text-gray-900 box-border whitespace-no-wrap mb-4\">Markalar</h3>\n                    <div class=\"max-h-[310px] overflow-y-scroll\">\n                        <div class=\"w-full flex justify-start items-center mb-2\" v-for=\"(brand, index) in brands\" :key=\"index\">\n                            <input :id=\"brand.name\" class=\"w-5 h-5 border-2 border-black rounded-md focus:outline-none checked:bg-black\" type=\"checkbox\" :checked=\"selectedFilters.brand.find((e) => e == brand.id)\" @click=\"addToFilter('brand', brand.id)\" />\n                            <label class=\"text-base text-black pl-2 cursor-pointer font-santralregular\" :for=\"brand.name\">{{ brand.name }}</label>\n                        </div>\n                    </div>\n\n                    <!--                    <p class=\"w-full text-sm font-medium text-black pt-1 pl-4\">-->\n                    <!--                        <a href=\"\"><u>Daha Fazla</u></a>-->\n                    <!--                    </p>-->\n                </div>\n                <div class=\"z-80 w-full border-t-4 border-white bg-white p-3 lg:p-5\" v-if=\"false\">\n                    <h3 class=\"p-0 text-xl font-bold text-left text-gray-900 box-border whitespace-no-wrap mb-4\">İşletim Sistemi</h3>\n                    <div class=\"w-full flex justify-start items-center mb-2\">\n                        <input id=\"Android\" class=\"w-5 h-5 border-2 border-black rounded-md focus:outline-none checked:bg-black\" type=\"checkbox\" />\n                        <label class=\"text-base text-black pl-2\" for=\"Android\">Android</label>\n                    </div>\n                    <div class=\"w-full flex justify-start items-center mb-2\">\n                        <input id=\"iOS\" class=\"w-5 h-5 border-2 border-black rounded-md focus:outline-none checked:bg-black\" type=\"checkbox\" />\n                        <label class=\"text-base text-black pl-2\" for=\"iOS\">iOS</label>\n                    </div>\n                </div>\n                <div class=\"z-80 w-full border-t-4 border-white bg-white py-3 lg:py-5\">\n                    <h3 class=\"px-3 lg:px-5 text-xl font-bold text-left text-gray-900 box-border whitespace-no-wrap mb-4\">Fiyat Aralığı</h3>\n                    <div v-if=\"false\" class=\"px-1 lg:px-1 w-full flex justify-around items-center mb-2\">\n                        <input id=\"min\" class=\"p-2 mr-1 px-1 w-1/3 rounded-lg border-2 border-textgray placeholder:text-xs placeholder:text-placeholdergray focus:border-acordion-green focus:outline-none focus:ring-kbgreen text-xs tracking-wider\" type=\"text\" placeholder=\"En Az\" name=\"min\" />\n                        <input id=\"max\" class=\"p-2 mr-1 px-1 w-1/3 rounded-lg border-2 border-textgray placeholder:text-xs placeholder:text-placeholdergray focus:border-acordion-green focus:outline-none focus:ring-kbgreen text-xs tracking-wider\" type=\"text\" placeholder=\"En Çok\" name=\"max\" />\n                        <button class=\"w-1/3 flex items-center bg-kbblue text-white rounded-lg py-2 px-1 self-center text-xs font-bold\">\n                            Ara\n                            <svg class=\"ml-1\" width=\"20\" height=\"20\" viewBox=\"0 0 24.61 24.611\">\n                                <defs>\n                                    <clipPath id=\"clip-path\">\n                                        <path id=\"Mask\" d=\"M8.991,0a8.991,8.991,0,1,0,5.845,15.815l.381.378v1.1l6.914,6.9,2.062-2.063-6.9-6.915h-1.1l-.382-.38A8.982,8.982,0,0,0,8.991,0Zm0,15.215a6.224,6.224,0,1,1,6.224-6.224A6.231,6.231,0,0,1,8.991,15.215Z\" transform=\"matrix(1, -0.017, 0.017, 1, -0.209, 0.213)\" fill=\"none\" />\n                                    </clipPath>\n                                </defs>\n                                <g id=\"Icon_Search_Sharp\" data-name=\"Icon / Search / Sharp\" transform=\"translate(0.209 0.209)\">\n                                    <path id=\"Mask-2\" data-name=\"Mask\" d=\"M8.991,0a8.991,8.991,0,1,0,5.845,15.815l.381.378v1.1l6.914,6.9,2.062-2.063-6.9-6.915h-1.1l-.382-.38A8.982,8.982,0,0,0,8.991,0Zm0,15.215a6.224,6.224,0,1,1,6.224-6.224A6.231,6.231,0,0,1,8.991,15.215Z\" fill=\"none\" />\n                                    <g id=\"Icon_Search_Sharp-2\" data-name=\"Icon / Search / Sharp\" clip-path=\"url(#clip-path)\">\n                                        x\n                                        <g id=\"_Icon_Color\" data-name=\"↳ Icon Color\" transform=\"translate(-4.15 -3.884)\">\n                                            <rect id=\"Rectangle\" width=\"24.197\" height=\"23.653\" fill=\"#fff\" />\n                                        </g>\n                                    </g>\n                                </g>\n                            </svg>\n                        </button>\n                    </div>\n                    <div class=\"px-3 lg:px-5 w-full flex justify-start items-center mb-2\">\n                        <input id=\"1100\" class=\"w-5 h-5 border-2 border-black rounded-md focus:outline-none checked:bg-black\" type=\"checkbox\" :checked=\"selectedFilters.price.filter((e) => e === '1-100').length == 1\" @click=\"addToFilter('price', '1-100')\" />\n                        <label class=\"text-base text-black pl-2 cursor-pointer font-santralregular\" for=\"1100\">100 Altı</label>\n                    </div>\n                    <div class=\"px-3 lg:px-5 w-full flex justify-start items-center mb-2\">\n                        <input id=\"100250\" class=\"w-5 h-5 border-2 border-black rounded-md focus:outline-none checked:bg-black\" type=\"checkbox\" :checked=\"selectedFilters.price.filter((e) => e === '100-250').length == 1\" @click=\"addToFilter('price', '100-250')\" />\n                        <label class=\"text-base text-black pl-2 cursor-pointer font-santralregular\" for=\"100250\">100 - 250</label>\n                    </div>\n                    <div class=\"px-3 lg:px-5 w-full flex justify-start items-center mb-2\">\n                        <input id=\"250500\" class=\"w-5 h-5 border-2 border-black rounded-md focus:outline-none checked:bg-black\" type=\"checkbox\" :checked=\"selectedFilters.price.filter((e) => e === '250-500').length == 1\" @click=\"addToFilter('price', '250-500')\" />\n                        <label class=\"text-base text-black pl-2 cursor-pointer font-santralregular\" for=\"250500\">250 - 500</label>\n                    </div>\n                    <div class=\"px-3 lg:px-5 w-full flex justify-start items-center mb-2\">\n                        <input id=\"500750\" class=\"w-5 h-5 border-2 border-black rounded-md focus:outline-none checked:bg-black\" type=\"checkbox\" :checked=\"selectedFilters.price.filter((e) => e === '500-750').length == 1\" @click=\"addToFilter('price', '500-750')\" />\n                        <label class=\"text-base text-black pl-2 cursor-pointer font-santralregular\" for=\"500750\">500 - 750</label>\n                    </div>\n                    <div class=\"px-3 lg:px-5 w-full flex justify-start items-center mb-2\">\n                        <input id=\"7501000\" class=\"w-5 h-5 border-2 border-black rounded-md focus:outline-none checked:bg-black\" type=\"checkbox\" :checked=\"selectedFilters.price.filter((e) => e === '750-1000').length == 1\" @click=\"addToFilter('price', '750-1000')\" />\n                        <label class=\"text-base text-black pl-2 cursor-pointer font-santralregular\" for=\"7501000\">750 - 1000</label>\n                    </div>\n                    <div class=\"px-3 lg:px-5 w-full flex justify-start items-center mb-2\">\n                        <input id=\"10001500\" class=\"w-5 h-5 border-2 border-black rounded-md focus:outline-none checked:bg-black\" type=\"checkbox\" :checked=\"selectedFilters.price.filter((e) => e === '1000-1500').length == 1\" @click=\"addToFilter('price', '1000-1500')\" />\n                        <label class=\"text-base text-black pl-2 cursor-pointer font-santralregular\" for=\"10001500\">1000 - 1500</label>\n                    </div>\n                    <div class=\"px-3 lg:px-5 w-full flex justify-start items-center\">\n                        <input id=\"15002000\" class=\"w-5 h-5 border-2 border-black rounded-md focus:outline-none checked:bg-black\" type=\"checkbox\" :checked=\"selectedFilters.price.filter((e) => e === '1500-2000').length == 1\" @click=\"addToFilter('price', '1500-2000')\" />\n                        <label class=\"text-base text-black pl-2 cursor-pointer font-santralregular\" for=\"15002000\">1500 - 2000</label>\n                    </div>\n                    <div class=\"px-3 lg:px-5 w-full flex justify-start items-center\">\n                        <input id=\"2000uzeri\" class=\"w-5 h-5 border-2 border-black rounded-md focus:outline-none checked:bg-black\" type=\"checkbox\" :checked=\"selectedFilters.price.filter((e) => e === '2000-9999').length == 1\" @click=\"addToFilter('price', '2000-9999')\" />\n                        <label class=\"text-base text-black pl-2 cursor-pointer font-santralregular\" for=\"2000uzeri\">2000 Üzeri</label>\n                    </div>\n                </div>\n                <div class=\"z-80 w-full border-t-4 border-white bg-white p-3 lg:p-5\" v-if=\"false\">\n                    <h3 class=\"p-0 text-xl font-bold text-left text-gray-900 box-border whitespace-no-wrap mb-4\">Depolama</h3>\n                    <div class=\"max-h-[310px] overflow-y-scroll\">\n                        <div class=\"w-full flex justify-start items-center mb-2\">\n                            <input id=\"32GB\" class=\"w-5 h-5 border-2 border-black rounded-md focus:outline-none checked:bg-black\" type=\"checkbox\" />\n                            <label class=\"text-base text-black pl-2\" for=\"32GB\">32 GB</label>\n                        </div>\n                        <div class=\"w-full flex justify-start items-center mb-2\">\n                            <input id=\"64GB\" class=\"w-5 h-5 border-2 border-black rounded-md focus:outline-none checked:bg-black\" type=\"checkbox\" />\n                            <label class=\"text-base text-black pl-2\" for=\"64GB\">64 GB</label>\n                        </div>\n                        <div class=\"w-full flex justify-start items-center mb-2\">\n                            <input id=\"128GB\" class=\"w-5 h-5 border-2 border-black rounded-md focus:outline-none checked:bg-black\" type=\"checkbox\" />\n                            <label class=\"text-base text-black pl-2\" for=\"128GB\">128 GB</label>\n                        </div>\n                        <div class=\"w-full flex justify-start items-center mb-2\">\n                            <input id=\"256GB\" class=\"w-5 h-5 border-2 border-black rounded-md focus:outline-none checked:bg-black\" type=\"checkbox\" />\n                            <label class=\"text-base text-black pl-2\" for=\"256GB\">256 GB</label>\n                        </div>\n                        <div class=\"w-full flex justify-start items-center mb-2\">\n                            <input id=\"512GB\" class=\"w-5 h-5 border-2 border-black rounded-md focus:outline-none checked:bg-black\" type=\"checkbox\" />\n                            <label class=\"text-base text-black pl-2\" for=\"512GB\">512 GB</label>\n                        </div>\n                        <div class=\"w-full flex justify-start items-center mb-2\">\n                            <input id=\"1TB\" class=\"w-5 h-5 border-2 border-black rounded-md focus:outline-none checked:bg-black\" type=\"checkbox\" />\n                            <label class=\"text-base text-black pl-2\" for=\"1TB\">1TB</label>\n                        </div>\n                    </div>\n                </div>\n                <div class=\"z-80 w-full border-t-4 border-white bg-white p-3 lg:p-5 rounded-b-2lg\" v-if=\"false\">\n                    <h3 class=\"p-0 text-xl font-bold text-left text-gray-900 box-border whitespace-no-wrap mb-4\">Hafıza (RAM)</h3>\n                    <div class=\"max-h-[310px] overflow-y-scroll\">\n                        <div class=\"w-full flex justify-start items-center mb-2\">\n                            <input id=\"3GB\" class=\"w-5 h-5 border-2 border-black rounded-md focus:outline-none checked:bg-black\" type=\"checkbox\" />\n                            <label class=\"text-base text-black pl-2\" for=\"3GB\">3 GB</label>\n                        </div>\n                        <div class=\"w-full flex justify-start items-center mb-2\">\n                            <input id=\"4GB\" class=\"w-5 h-5 border-2 border-black rounded-md focus:outline-none checked:bg-black\" type=\"checkbox\" />\n                            <label class=\"text-base text-black pl-2\" for=\"4GB\">4 GB</label>\n                        </div>\n                        <div class=\"w-full flex justify-start items-center mb-2\">\n                            <input id=\"6GB\" class=\"w-5 h-5 border-2 border-black rounded-md focus:outline-none checked:bg-black\" type=\"checkbox\" />\n                            <label class=\"text-base text-black pl-2\" for=\"6GB\">6 GB </label>\n                        </div>\n                        <div class=\"w-full flex justify-start items-center mb-2\">\n                            <input id=\"8GB\" class=\"w-5 h-5 border-2 border-black rounded-md focus:outline-none checked:bg-black\" type=\"checkbox\" />\n                            <label class=\"text-base text-black pl-2\" for=\"8GB\">8 GB</label>\n                        </div>\n                        <div class=\"w-full flex justify-start items-center mb-2\">\n                            <input id=\"12GB\" class=\"w-5 h-5 border-2 border-black rounded-md focus:outline-none checked:bg-black\" type=\"checkbox\" />\n                            <label class=\"text-base text-black pl-2\" for=\"12GB\">12 GB </label>\n                        </div>\n                        <div class=\"w-full flex justify-start items-center mb-2\">\n                            <input id=\"16GB\" class=\"w-5 h-5 border-2 border-black rounded-md focus:outline-none checked:bg-black\" type=\"checkbox\" />\n                            <label class=\"text-base text-black pl-2\" for=\"16GB\">16 GB</label>\n                        </div>\n                        <div class=\"w-full flex justify-start items-center mb-2\">\n                            <input id=\"32GB\" class=\"w-5 h-5 border-2 border-black rounded-md focus:outline-none checked:bg-black\" type=\"checkbox\" />\n                            <label class=\"text-base text-black pl-2\" for=\"32GB\">32 GB</label>\n                        </div>\n                    </div>\n                </div>\n            </div>\n\n            <div class=\"w-4/12 md:w-3/12 lg:w-2/12 hidden md:flex flex-col justify-start items-start rounded-lg\">\n                <div class=\"w-full bg-kb-mid-grey p-5 rounded-t-2lg\" v-if=\"categories != undefined\">\n                    <h3 class=\"p-0 text-xl font-bold text-left text-gray-900 box-border whitespace-no-wrap mb-4\">Kategoriler</h3>\n                    <div class=\"max-h-[310px] overflow-y-scroll\">\n                        <div class=\"w-full flex justify-start items-center mb-2\" v-for=\"(categoryname, index) in categoriesOrdered\" :key=\"index\">\n                            <input :id=\"categoryname.attribute_data?.name?.tr\" class=\"w-5 h-5 border-2 border-black rounded-md focus:outline-none checked:bg-black\" type=\"checkbox\" :checked=\"selectedFilters.category.find((e) => e == categoryname.id)\" @click=\"addToFilter('category', categoryname.id)\" />\n                            <label class=\"text-base text-black pl-2 cursor-pointer font-santralregular\" :for=\"categoryname.attribute_data?.name?.tr\">{{ categoryname.attribute_data?.name?.tr }}</label>\n                        </div>\n                    </div>\n                </div>\n\n                <div class=\"w-full border-t-4 border-white bg-kb-mid-grey p-3 lg:p-5\" :class=\"[categories != undefined ? '' : 'rounded-t-2lg']\">\n                    <h3 class=\"p-0 text-xl font-bold text-left text-gray-900 box-border whitespace-no-wrap mb-4\">Markalar</h3>\n                    <div class=\"max-h-[310px] overflow-y-scroll\">\n                        <div class=\"w-full flex justify-start items-center mb-2\" v-for=\"(brand, index) in brands\" :key=\"index\">\n                            <input :id=\"brand.name\" class=\"w-5 h-5 border-2 border-black rounded-md focus:outline-none checked:bg-black\" type=\"checkbox\" :checked=\"selectedFilters.brand.find((e) => e == brand.id)\" @click=\"addToFilter('brand', brand.id)\" />\n                            <label class=\"text-base text-black pl-2 cursor-pointer font-santralregular\" :for=\"brand.name\">{{ brand.name }}</label>\n                        </div>\n                    </div>\n\n                    <!--                    <p class=\"w-full text-sm font-medium text-black pt-1 pl-4\">-->\n                    <!--                        <a href=\"\"><u>Daha Fazla</u></a>-->\n                    <!--                    </p>-->\n                </div>\n                <div class=\"w-full border-t-4 border-white bg-kb-mid-grey p-3 lg:p-5\" v-if=\"false\">\n                    <h3 class=\"p-0 text-xl font-bold text-left text-gray-900 box-border whitespace-no-wrap mb-4\">İşletim Sistemi</h3>\n                    <div class=\"w-full flex justify-start items-center mb-2\">\n                        <input id=\"Android\" class=\"w-5 h-5 border-2 border-black rounded-md focus:outline-none checked:bg-black\" type=\"checkbox\" />\n                        <label class=\"text-base text-black pl-2\" for=\"Android\">Android</label>\n                    </div>\n                    <div class=\"w-full flex justify-start items-center mb-2\">\n                        <input id=\"iOS\" class=\"w-5 h-5 border-2 border-black rounded-md focus:outline-none checked:bg-black\" type=\"checkbox\" />\n                        <label class=\"text-base text-black pl-2\" for=\"iOS\">iOS</label>\n                    </div>\n                </div>\n                <div class=\"w-full border-t-4 border-white bg-kb-mid-grey py-3 lg:py-5\">\n                    <h3 class=\"px-3 lg:px-5 text-xl font-bold text-left text-gray-900 box-border whitespace-no-wrap mb-4\">Fiyat Aralığı</h3>\n                    <div v-if=\"false\" class=\"px-1 lg:px-1 w-full flex justify-around items-center mb-2\">\n                        <input id=\"min\" class=\"p-2 mr-1 px-1 w-1/3 rounded-lg border-2 border-textgray placeholder:text-xs placeholder:text-placeholdergray focus:border-acordion-green focus:outline-none focus:ring-kbgreen text-xs tracking-wider\" type=\"text\" placeholder=\"En Az\" name=\"min\" />\n                        <input id=\"max\" class=\"p-2 mr-1 px-1 w-1/3 rounded-lg border-2 border-textgray placeholder:text-xs placeholder:text-placeholdergray focus:border-acordion-green focus:outline-none focus:ring-kbgreen text-xs tracking-wider\" type=\"text\" placeholder=\"En Çok\" name=\"max\" />\n                        <button class=\"w-1/3 flex items-center bg-kbblue text-white rounded-lg py-2 px-1 self-center text-xs font-bold\">\n                            Ara\n                            <svg class=\"ml-1\" width=\"20\" height=\"20\" viewBox=\"0 0 24.61 24.611\">\n                                <defs>\n                                    <clipPath id=\"clip-path\">\n                                        <path id=\"Mask\" d=\"M8.991,0a8.991,8.991,0,1,0,5.845,15.815l.381.378v1.1l6.914,6.9,2.062-2.063-6.9-6.915h-1.1l-.382-.38A8.982,8.982,0,0,0,8.991,0Zm0,15.215a6.224,6.224,0,1,1,6.224-6.224A6.231,6.231,0,0,1,8.991,15.215Z\" transform=\"matrix(1, -0.017, 0.017, 1, -0.209, 0.213)\" fill=\"none\" />\n                                    </clipPath>\n                                </defs>\n                                <g id=\"Icon_Search_Sharp\" data-name=\"Icon / Search / Sharp\" transform=\"translate(0.209 0.209)\">\n                                    <path id=\"Mask-2\" data-name=\"Mask\" d=\"M8.991,0a8.991,8.991,0,1,0,5.845,15.815l.381.378v1.1l6.914,6.9,2.062-2.063-6.9-6.915h-1.1l-.382-.38A8.982,8.982,0,0,0,8.991,0Zm0,15.215a6.224,6.224,0,1,1,6.224-6.224A6.231,6.231,0,0,1,8.991,15.215Z\" fill=\"none\" />\n                                    <g id=\"Icon_Search_Sharp-2\" data-name=\"Icon / Search / Sharp\" clip-path=\"url(#clip-path)\">\n                                        x\n                                        <g id=\"_Icon_Color\" data-name=\"↳ Icon Color\" transform=\"translate(-4.15 -3.884)\">\n                                            <rect id=\"Rectangle\" width=\"24.197\" height=\"23.653\" fill=\"#fff\" />\n                                        </g>\n                                    </g>\n                                </g>\n                            </svg>\n                        </button>\n                    </div>\n                    <div class=\"px-3 lg:px-5 w-full flex justify-start items-center mb-2\">\n                        <input id=\"1100\" class=\"w-5 h-5 border-2 border-black rounded-md focus:outline-none checked:bg-black\" type=\"checkbox\" :checked=\"selectedFilters.price.filter((e) => e === '1-100').length == 1\" @click=\"addToFilter('price', '1-100')\" />\n                        <label class=\"text-base text-black pl-2 cursor-pointer font-santralregular\" for=\"1100\">100 Altı</label>\n                    </div>\n                    <div class=\"px-3 lg:px-5 w-full flex justify-start items-center mb-2\">\n                        <input id=\"100250\" class=\"w-5 h-5 border-2 border-black rounded-md focus:outline-none checked:bg-black\" type=\"checkbox\" :checked=\"selectedFilters.price.filter((e) => e === '100-250').length == 1\" @click=\"addToFilter('price', '100-250')\" />\n                        <label class=\"text-base text-black pl-2 cursor-pointer font-santralregular\" for=\"100250\">100 - 250</label>\n                    </div>\n                    <div class=\"px-3 lg:px-5 w-full flex justify-start items-center mb-2\">\n                        <input id=\"250500\" class=\"w-5 h-5 border-2 border-black rounded-md focus:outline-none checked:bg-black\" type=\"checkbox\" :checked=\"selectedFilters.price.filter((e) => e === '250-500').length == 1\" @click=\"addToFilter('price', '250-500')\" />\n                        <label class=\"text-base text-black pl-2 cursor-pointer font-santralregular\" for=\"250500\">250 - 500</label>\n                    </div>\n                    <div class=\"px-3 lg:px-5 w-full flex justify-start items-center mb-2\">\n                        <input id=\"500750\" class=\"w-5 h-5 border-2 border-black rounded-md focus:outline-none checked:bg-black\" type=\"checkbox\" :checked=\"selectedFilters.price.filter((e) => e === '500-750').length == 1\" @click=\"addToFilter('price', '500-750')\" />\n                        <label class=\"text-base text-black pl-2 cursor-pointer font-santralregular\" for=\"500750\">500 - 750</label>\n                    </div>\n                    <div class=\"px-3 lg:px-5 w-full flex justify-start items-center mb-2\">\n                        <input id=\"7501000\" class=\"w-5 h-5 border-2 border-black rounded-md focus:outline-none checked:bg-black\" type=\"checkbox\" :checked=\"selectedFilters.price.filter((e) => e === '750-1000').length == 1\" @click=\"addToFilter('price', '750-1000')\" />\n                        <label class=\"text-base text-black pl-2 cursor-pointer font-santralregular\" for=\"7501000\">750 - 1000</label>\n                    </div>\n                    <div class=\"px-3 lg:px-5 w-full flex justify-start items-center mb-2\">\n                        <input id=\"10001500\" class=\"w-5 h-5 border-2 border-black rounded-md focus:outline-none checked:bg-black\" type=\"checkbox\" :checked=\"selectedFilters.price.filter((e) => e === '1000-1500').length == 1\" @click=\"addToFilter('price', '1000-1500')\" />\n                        <label class=\"text-base text-black pl-2 cursor-pointer font-santralregular\" for=\"10001500\">1000 - 1500</label>\n                    </div>\n                    <div class=\"px-3 lg:px-5 w-full flex justify-start items-center mb-2\">\n                        <input id=\"15002000\" class=\"w-5 h-5 border-2 border-black rounded-md focus:outline-none checked:bg-black\" type=\"checkbox\" :checked=\"selectedFilters.price.filter((e) => e === '1500-2000').length == 1\" @click=\"addToFilter('price', '1500-2000')\" />\n                        <label class=\"text-base text-black pl-2 cursor-pointer font-santralregular\" for=\"15002000\">1500 - 2000</label>\n                    </div>\n                    <div class=\"px-3 lg:px-5 w-full flex justify-start items-center\">\n                        <input id=\"2000uzeri\" class=\"w-5 h-5 border-2 border-black rounded-md focus:outline-none checked:bg-black\" type=\"checkbox\" :checked=\"selectedFilters.price.filter((e) => e === '2000-9999').length == 1\" @click=\"addToFilter('price', '2000-9999')\" />\n                        <label class=\"text-base text-black pl-2 cursor-pointer font-santralregular\" for=\"2000uzeri\">2000 Üzeri</label>\n                    </div>\n                </div>\n                <div class=\"w-full border-t-4 border-white bg-kb-mid-grey p-3 lg:p-5\" v-if=\"false\">\n                    <h3 class=\"p-0 text-xl font-bold text-left text-gray-900 box-border whitespace-no-wrap mb-4\">Depolama</h3>\n                    <div class=\"max-h-[310px] overflow-y-scroll\">\n                        <div class=\"w-full flex justify-start items-center mb-2\">\n                            <input id=\"32GB\" class=\"w-5 h-5 border-2 border-black rounded-md focus:outline-none checked:bg-black\" type=\"checkbox\" />\n                            <label class=\"text-base text-black pl-2\" for=\"32GB\">32 GB</label>\n                        </div>\n                        <div class=\"w-full flex justify-start items-center mb-2\">\n                            <input id=\"64GB\" class=\"w-5 h-5 border-2 border-black rounded-md focus:outline-none checked:bg-black\" type=\"checkbox\" />\n                            <label class=\"text-base text-black pl-2\" for=\"64GB\">64 GB</label>\n                        </div>\n                        <div class=\"w-full flex justify-start items-center mb-2\">\n                            <input id=\"128GB\" class=\"w-5 h-5 border-2 border-black rounded-md focus:outline-none checked:bg-black\" type=\"checkbox\" />\n                            <label class=\"text-base text-black pl-2\" for=\"128GB\">128 GB</label>\n                        </div>\n                        <div class=\"w-full flex justify-start items-center mb-2\">\n                            <input id=\"256GB\" class=\"w-5 h-5 border-2 border-black rounded-md focus:outline-none checked:bg-black\" type=\"checkbox\" />\n                            <label class=\"text-base text-black pl-2\" for=\"256GB\">256 GB</label>\n                        </div>\n                        <div class=\"w-full flex justify-start items-center mb-2\">\n                            <input id=\"512GB\" class=\"w-5 h-5 border-2 border-black rounded-md focus:outline-none checked:bg-black\" type=\"checkbox\" />\n                            <label class=\"text-base text-black pl-2\" for=\"512GB\">512 GB</label>\n                        </div>\n                        <div class=\"w-full flex justify-start items-center mb-2\">\n                            <input id=\"1TB\" class=\"w-5 h-5 border-2 border-black rounded-md focus:outline-none checked:bg-black\" type=\"checkbox\" />\n                            <label class=\"text-base text-black pl-2\" for=\"1TB\">1TB</label>\n                        </div>\n                    </div>\n                </div>\n                <div class=\"w-full border-t-4 border-white bg-kb-mid-grey p-3 lg:p-5 rounded-b-2lg\" v-if=\"false\">\n                    <h3 class=\"p-0 text-xl font-bold text-left text-gray-900 box-border whitespace-no-wrap mb-4\">Hafıza (RAM)</h3>\n                    <div class=\"max-h-[310px] overflow-y-scroll\">\n                        <div class=\"w-full flex justify-start items-center mb-2\">\n                            <input id=\"3GB\" class=\"w-5 h-5 border-2 border-black rounded-md focus:outline-none checked:bg-black\" type=\"checkbox\" />\n                            <label class=\"text-base text-black pl-2\" for=\"3GB\">3 GB</label>\n                        </div>\n                        <div class=\"w-full flex justify-start items-center mb-2\">\n                            <input id=\"4GB\" class=\"w-5 h-5 border-2 border-black rounded-md focus:outline-none checked:bg-black\" type=\"checkbox\" />\n                            <label class=\"text-base text-black pl-2\" for=\"4GB\">4 GB</label>\n                        </div>\n                        <div class=\"w-full flex justify-start items-center mb-2\">\n                            <input id=\"6GB\" class=\"w-5 h-5 border-2 border-black rounded-md focus:outline-none checked:bg-black\" type=\"checkbox\" />\n                            <label class=\"text-base text-black pl-2\" for=\"6GB\">6 GB </label>\n                        </div>\n                        <div class=\"w-full flex justify-start items-center mb-2\">\n                            <input id=\"8GB\" class=\"w-5 h-5 border-2 border-black rounded-md focus:outline-none checked:bg-black\" type=\"checkbox\" />\n                            <label class=\"text-base text-black pl-2\" for=\"8GB\">8 GB</label>\n                        </div>\n                        <div class=\"w-full flex justify-start items-center mb-2\">\n                            <input id=\"12GB\" class=\"w-5 h-5 border-2 border-black rounded-md focus:outline-none checked:bg-black\" type=\"checkbox\" />\n                            <label class=\"text-base text-black pl-2\" for=\"12GB\">12 GB </label>\n                        </div>\n                        <div class=\"w-full flex justify-start items-center mb-2\">\n                            <input id=\"16GB\" class=\"w-5 h-5 border-2 border-black rounded-md focus:outline-none checked:bg-black\" type=\"checkbox\" />\n                            <label class=\"text-base text-black pl-2\" for=\"16GB\">16 GB</label>\n                        </div>\n                        <div class=\"w-full flex justify-start items-center mb-2\">\n                            <input id=\"32GB\" class=\"w-5 h-5 border-2 border-black rounded-md focus:outline-none checked:bg-black\" type=\"checkbox\" />\n                            <label class=\"text-base text-black pl-2\" for=\"32GB\">32 GB</label>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div class=\"w-full md:w-9/12 lg:w-10/12 ts:pl-3.5 lg:pt-2\">\n                <div class=\"flex w-full md:px-4 lg:px-0 justify-between items-center\">\n                    <div class=\"flex md:hidden ml-3\">\n                        <svg @click=\"mobilefilter = !mobilefilter\" id=\"filter-circle\" xmlns=\"http://www.w3.org/2000/svg\" width=\"25\" height=\"25\" viewBox=\"0 0 25 25\">\n                            <path id=\"Path_3751\" data-name=\"Path 3751\" d=\"M12.5,23.438A10.938,10.938,0,1,0,1.563,12.5,10.937,10.937,0,0,0,12.5,23.438ZM12.5,25A12.5,12.5,0,1,0,0,12.5,12.5,12.5,0,0,0,12.5,25Z\" fill-rule=\"evenodd\" />\n                            <path\n                                id=\"Path_3752\"\n                                data-name=\"Path 3752\"\n                                d=\"M13,21.406a.781.781,0,0,1,.781-.781h1.563a.781.781,0,1,1,0,1.563H13.781A.781.781,0,0,1,13,21.406ZM9.875,16.719a.781.781,0,0,1,.781-.781h7.813a.781.781,0,1,1,0,1.563H10.656A.781.781,0,0,1,9.875,16.719ZM6.75,12.031a.781.781,0,0,1,.781-.781H21.594a.781.781,0,0,1,0,1.563H7.531A.781.781,0,0,1,6.75,12.031Z\"\n                                transform=\"translate(-2.063 -3.438)\"\n                                fill-rule=\"evenodd\"\n                            />\n                        </svg>\n                        <p @click=\"mobilefilter = !mobilefilter\" class=\"whitespace-nowrap text-sm font-medium text-black pt-1 pl-4\">Filtrele</p>\n                    </div>\n                    <div class=\"hidden md:flex space-x-2\">\n                        <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"32.57\" height=\"33.621\" class=\"cursor-pointer\" @click=\"selectedGridType = 'category-box'\" :class=\"[selectedGridType == 'category-box' ? '' : 'opacity-40']\" viewBox=\"0 0 32.57 33.621\">\n                            <g id=\"Group_753\" data-name=\"Group 753\">\n                                <g id=\"Rectangle_165\" data-name=\"Rectangle 165\" transform=\"translate(0 0)\" fill=\"#fff\" stroke=\"#231f20\" stroke-width=\"2\">\n                                    <rect width=\"32.57\" height=\"33.621\" rx=\"5\" stroke=\"none\" />\n                                    <rect x=\"1\" y=\"1\" width=\"30.57\" height=\"31.621\" rx=\"4\" fill=\"none\" />\n                                </g>\n                                <g id=\"Group_753-2\" data-name=\"Group 753\" transform=\"translate(25.963 5.332) rotate(90)\">\n                                    <rect id=\"Rectangle_166\" data-name=\"Rectangle 166\" width=\"23.251\" height=\"5.425\" rx=\"2\" fill=\"#231f20\" />\n                                    <rect id=\"Rectangle_167\" data-name=\"Rectangle 167\" width=\"23.251\" height=\"5.425\" rx=\"2\" transform=\"translate(0 6.975)\" fill=\"#231f20\" />\n                                    <rect id=\"Rectangle_168\" data-name=\"Rectangle 168\" width=\"23.251\" height=\"5.425\" rx=\"2\" transform=\"translate(0 13.95)\" fill=\"#231f20\" />\n                                </g>\n                            </g>\n                        </svg>\n\n                        <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"34\" height=\"34\" class=\"cursor-pointer\" @click=\"selectedGridType = 'verticalGrid'\" :class=\"[selectedGridType == 'verticalGrid' ? '' : 'opacity-40']\" viewBox=\"0 0 34 34\">\n                            <g id=\"Group_754\" data-name=\"Group 754\" transform=\"translate(0.379)\">\n                                <g id=\"Rectangle_169\" data-name=\"Rectangle 169\" transform=\"translate(-0.379)\" fill=\"#fff\" stroke=\"#231f20\" stroke-width=\"2\">\n                                    <rect width=\"34\" height=\"34\" rx=\"5\" stroke=\"none\" />\n                                    <rect x=\"1\" y=\"1\" width=\"32\" height=\"32\" rx=\"4\" fill=\"none\" />\n                                </g>\n                                <g id=\"Group_756\" data-name=\"Group 756\" transform=\"translate(4.803 7.037)\">\n                                    <g id=\"Group_755\" data-name=\"Group 755\" transform=\"translate(7.204)\">\n                                        <rect id=\"Rectangle_166\" data-name=\"Rectangle 166\" width=\"16.81\" height=\"5.473\" rx=\"2\" fill=\"#231f20\" />\n                                        <rect id=\"Rectangle_167\" data-name=\"Rectangle 167\" width=\"16.81\" height=\"5.473\" rx=\"2\" transform=\"translate(0 7.037)\" fill=\"#231f20\" />\n                                        <rect id=\"Rectangle_168\" data-name=\"Rectangle 168\" width=\"16.81\" height=\"5.473\" rx=\"2\" transform=\"translate(0 14.074)\" fill=\"#231f20\" />\n                                    </g>\n                                    <g id=\"Group_754-2\" data-name=\"Group 754\">\n                                        <rect id=\"Rectangle_166-2\" data-name=\"Rectangle 166\" width=\"5.603\" height=\"5.473\" rx=\"2\" fill=\"#231f20\" />\n                                        <rect id=\"Rectangle_167-2\" data-name=\"Rectangle 167\" width=\"5.603\" height=\"5.473\" rx=\"2\" transform=\"translate(0 7.037)\" fill=\"#231f20\" />\n                                        <rect id=\"Rectangle_168-2\" data-name=\"Rectangle 168\" width=\"5.603\" height=\"5.473\" rx=\"2\" transform=\"translate(0 14.074)\" fill=\"#231f20\" />\n                                    </g>\n                                </g>\n                            </g>\n                        </svg>\n                    </div>\n                    <select class=\"hidden mts:block w-52 bg-kb-mid-grey p-1 pl-2 rounded-2lg border-3 border-bordergray focus:border-kbgreen focus:outline-none focus:ring-kbgreen text-sm tracking-wider\" name=\"sirala\" id=\"sirala\" v-model=\"selectedFilters.orderBy\" @change=\"addToFilter('orderBy', selectedFilters.orderBy)\">\n                        <option value=\"\" selected=\"\">Sırala</option>\n                        <option value=\"artan-fiyat\">Fiyata Göre (Artan)</option>\n                        <option value=\"azalan-fiyat\">Fiyata Göre (Azalan)</option>\n                        <option value=\"yeniden-eskiye\">Yeniden Eskiye</option>\n                        <option value=\"eskiden-yeniye\">Eskiden Yeniye</option>\n                    </select>\n                </div>\n                <div class=\"mt-6 mb-12 flex flex-col lg:flex-row border-2 border-bordergray rounded-lg items-center justify-center\" v-if=\"pageType === 'search' && categoryItems.items.data.length == 0\">\n                    <div class=\"flex justify-center items-center bg-kbgreen rounded-full w-28 h-28 m-5\">\n                        <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"43.015\" height=\"78.955\" viewBox=\"0 0 43.015 78.955\">\n                            <g id=\"Group_4141\" data-name=\"Group 4141\" transform=\"translate(0 0)\">\n                                <path\n                                    id=\"Path_3349\"\n                                    data-name=\"Path 3349\"\n                                    d=\"M473.847,415.2H472.2a5.587,5.587,0,0,1-5.581-5.581v-1.387a17.076,17.076,0,0,1,1.934-8.548,44.963,44.963,0,0,1,5.417-7.278,32.075,32.075,0,0,0,3.683-4.439,7.467,7.467,0,0,0,1.163-4.13c0-3.445-2.245-5.121-6.863-5.121a27.868,27.868,0,0,0-7.564,1.135,6.368,6.368,0,0,1-8.116-6.123v-2.807a6.246,6.246,0,0,1,3.685-5.725,36.563,36.563,0,0,1,27-.235,21.4,21.4,0,0,1,9.074,6.877,16.563,16.563,0,0,1,3.255,10.039,16.327,16.327,0,0,1-3.147,10.04,57.393,57.393,0,0,1-8.8,8.966,62.707,62.707,0,0,0-5.642,5.315,9.811,9.811,0,0,0-2.346,4.367,5.566,5.566,0,0,1-5.5,4.636Z\"\n                                    transform=\"translate(-456.268 -362.491)\"\n                                    fill=\"#fff\"\n                                ></path>\n                                <path id=\"Path_3350\" data-name=\"Path 3350\" d=\"M480.951,518.1h-.218a10.344,10.344,0,0,1,0-20.688h.218a10.344,10.344,0,0,1,0,20.688Z\" transform=\"translate(-464.291 -439.141)\" fill=\"#fff\"></path>\n                            </g>\n                        </svg>\n                    </div>\n                    <div class=\"text-black text-base\">\n                        <div class=\"p-3 text-center\">\n                            Aradığınız ürün bulunamadı. <br />\n                            <a href=\"#popular-product\" class=\"underline\">Bunları arıyor olabilirsin</a>\n                        </div>\n                    </div>\n                </div>\n                <div class=\"flex flex-wrap\">\n                    <VerticalProductList v-for=\"(product, index) in categoryItems.items.element.products.data\" :key=\"index\" :product=\"product\" :auth=\"auth\" v-if=\"selectedGridType == 'verticalGrid' && pageType === 'category'\"></VerticalProductList>\n                    <VerticalProductList v-for=\"(product, index) in categoryItems.items.data\" :key=\"index\" :product=\"product\" :auth=\"auth\" v-if=\"selectedGridType == 'verticalGrid' && pageType === 'search'\"></VerticalProductList>\n                    <category-box v-for=\"(product, index) in categoryItems.items.element.products.data\" :key=\"index\" :product=\"product\" v-if=\"selectedGridType == 'category-box' && pageType === 'category'\" :auth=\"auth\" />\n                    <category-box v-for=\"(product, index) in categoryItems.items.data\" :key=\"index\" :product=\"product\" :auth=\"auth\" v-if=\"selectedGridType == 'category-box' && pageType === 'search'\" />\n                </div>\n                <div class=\"w-full flex justify-center mt-5\">\n                    <pagination :links=\"categoryItems.items.element.products.links\" v-if=\"selectedGridType == 'category-box' && pageType === 'category'\" />\n                    <pagination :links=\"categoryItems.links\" v-if=\"selectedGridType == 'category-box' && pageType === 'search' && paginateType != 'tag'\" />\n                    <pagination :links=\"categoryItems.items.links\" v-if=\"selectedGridType == 'category-box' && paginateType === 'tag'\" />\n                    <!--                    <VuePaginationTw :total-items=\"5\" :current-page=\"1\" :per-page=\"5\" @page-changed=\"functionName\" :go-button=\"false\" styled=\"centered\" :borderActiveColor=\"border - kbgreen\" />-->\n                </div>\n            </div>\n        </section>\n        <section class=\"flex\">\n            <div class=\"w-4/12 md:w-3/12 lg:w-2/12 hidden md:flex flex-col justify-start items-start\">&nbsp;</div>\n            <div class=\"w-full md:w-9/12 lg:w-10/12 ts:pl-3.5 lg:pt-2 text-justify font-santralregular\" v-html=\"category?.items?.element?.sub_category_note\"></div>\n        </section>\n    </main>\n\n    <section id=\"popular-product\" class=\"mt-14\" v-if=\"pageType === 'search' && categoryItems.items.data.length == 0\">\n        <div class=\"flex mx-auto flex-col max-w-kbmobile md:max-w-tablet ts:max-w-ts 2xl:max-w-7xl\">\n            <div class=\"flex\">\n                <div class=\"text-2xl ts:text-3xl self-center md:text-left ts:mx-4 w-full lg:w-auto\">En Popüler Ürünler</div>\n                <div class=\"hidden md:flex md:w-2/3 flex-1 ml-6\">\n                    <div class=\"flex-1 self-center border-1 border-bordergray\"></div>\n                    <!--                    <Link href=\"#\" class=\"font-santralextrabold border text-sm whitespace-nowrap rounded-full py-1 flex justify-center items-center px-4 border-2 md:w-32 ml-4 hover:bg-kbgreen hover:text-white\"> Tümünü Gör</Link>-->\n                </div>\n            </div>\n            <div class=\"flex flex-col max-h-p-box space-x-1 pl-0 lg:pl-0 lg:p-0 lg:mt-9\">\n                <Splide :has-track=\"false\" aria-label=\"\" :options=\"{ rewind: true, perPage: 4, pagination: false, breakpoints: { 640: { perPage: 1 }, 1100: { perPage: 2 }, 1270: { perPage: 4 } } }\" v-if=\"mostRentedProducts\">\n                    <SplideTrack>\n                        <SplideSlide class=\"flex\" v-for=\"(productGroup, index) in splidedMostRentedProducts\" :key=\"index\">\n                            <category-box v-for=\"(product, index) in productGroup\" :key=\"index\" :product=\"product\" :new-container-classes=\"`w-full`\" :auth=\"auth\" />\n                        </SplideSlide>\n                    </SplideTrack>\n                    <div class=\"splide__arrows\">\n                        <button class=\"splide__arrow splide__arrow--prev !-left-9\">\n                            <svg class=\"\" xmlns=\"http://www.w3.org/2000/svg\" width=\"11.926\" height=\"20.737\" viewBox=\"0 0 11.926 20.737\">\n                                <path id=\"Path_18\" data-name=\"Path 18\" d=\"M86.422,320.457a1.558,1.558,0,0,1,2.2,0l7.71,7.71,7.71-7.71a1.557,1.557,0,1,1,2.2,2.2l-8.811,8.811a1.558,1.558,0,0,1-2.2,0l-8.811-8.811A1.558,1.558,0,0,1,86.422,320.457Z\" transform=\"translate(331.927 -85.966) rotate(90)\" fill=\"#231f20\" />\n                            </svg>\n                        </button>\n                        <button class=\"splide__arrow splide__arrow--next !-right-9\">\n                            <svg class=\"rotate-180\" xmlns=\"http://www.w3.org/2000/svg\" width=\"11.926\" height=\"20.737\" viewBox=\"0 0 11.926 20.737\">\n                                <path id=\"Path_18\" data-name=\"Path 18\" d=\"M86.422,320.457a1.558,1.558,0,0,1,2.2,0l7.71,7.71,7.71-7.71a1.557,1.557,0,1,1,2.2,2.2l-8.811,8.811a1.558,1.558,0,0,1-2.2,0l-8.811-8.811A1.558,1.558,0,0,1,86.422,320.457Z\" transform=\"translate(331.927 -85.966) rotate(90)\" fill=\"#231f20\" />\n                            </svg>\n                        </button>\n                    </div>\n                </Splide>\n                <div v-else>\n                    <loader :active=\"true\" message=\"Please wait 5 seconds\" />\n                </div>\n            </div>\n        </div>\n    </section>\n\n    <!--    <section class=\"my-14 bg-[#f8f8f8] py-5\">-->\n    <!--        <div class=\"flex mx-auto flex-col max-w-7xl\">-->\n    <!--            <div class=\"flex w-full px-4 lg:px-0 justify-between\">-->\n    <!--                <div class=\"font-bold text-3xl my-2 lg:my-0 self-center text-center w-full md:w-auto\">Son Gezdiğiniz-->\n    <!--                    Ürünler-->\n    <!--                </div>-->\n    <!--            </div>-->\n    <!--            <div-->\n    <!--                class=\"flex flex-wrap flex-col max-h-p-box pl-12 lg:pl-0 p-3 lg:p-0 md:my-4 overflow-y-scroll lg:overflow-y-visible\">-->\n    <!--                <product-box></product-box>-->\n    <!--            </div>-->\n    <!--        </div>-->\n    <!--    </section>-->\n</template>\n"],"names":["_sfc_main","Loader","Pagination","Link","Head","CategoryBox","ProductBox","VerticalProductBox","VerticalProductList","Splide","SplideSlide","SplideTrack","_b","_a","_d","_c","_f","_e","type","value","e","arr","size","acc","i","a","b","Inertia","event","datas","categoryProducts","item","keys","product","subscribetionMonthsOrdered","nonZeroPrices","price","productPrice","_i","_h","_g","_m","_l","_k","_j","Layout","_hoisted_2","_hoisted_3","_hoisted_6","_createElementVNode","_hoisted_7","_hoisted_10","_hoisted_11","_hoisted_12","_hoisted_20","_hoisted_21","_hoisted_27","_hoisted_30","_hoisted_33","_hoisted_36","_hoisted_39","_hoisted_42","_hoisted_45","_hoisted_48","_hoisted_59","_hoisted_61","_hoisted_62","_hoisted_65","_hoisted_66","_hoisted_74","_hoisted_75","_hoisted_81","_hoisted_84","_hoisted_87","_hoisted_90","_hoisted_93","_hoisted_96","_hoisted_99","_hoisted_102","_hoisted_113","_hoisted_114","_hoisted_115","_hoisted_116","_hoisted_117","_hoisted_119","_hoisted_120","_hoisted_122","_hoisted_124","_hoisted_131","_hoisted_134","_hoisted_135","_hoisted_136","_hoisted_137","_hoisted_140","_hoisted_142","_createVNode","_component_Head","$props","_createElementBlock","_cache","$event","_openBlock","_hoisted_4","_hoisted_5","_Fragment","_renderList","$options","category","index","$data","_toDisplayString","_hoisted_9","brand","_hoisted_14","_hoisted_29","_hoisted_32","_hoisted_35","_hoisted_38","_hoisted_41","_hoisted_44","_hoisted_47","_hoisted_50","_hoisted_60","categoryname","_hoisted_64","_normalizeClass","_hoisted_68","_hoisted_83","_hoisted_86","_hoisted_89","_hoisted_92","_hoisted_95","_hoisted_98","_hoisted_101","_hoisted_104","_vModelSelect","_hoisted_130","_hoisted_133","_createBlock","_component_VerticalProductList","_component_category_box","_component_pagination","_hoisted_139","_hoisted_141","_component_Splide","_component_SplideTrack","productGroup","_component_SplideSlide","_hoisted_143","_hoisted_144","_component_loader"],"mappings":"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"}