export default function ProductFilter({data}: any) {
    console.log( data)
    return (
        <>
            <p className="uppercase font-500 text-center border text-[#0678DB] leading-10 border-[#114CDD] rounded-[8px] mb-6">
                Lọc sản phẩm
            </p>
            
            <div className="product-filter-group">
                <div className="filter-category-group text-18 leading-6 mb-6">
                    <p className="font-600 mb-3"> Danh mục </p>
                    <p className="leading-9 bg-[#F0F5FF] font-500 relative pl-6 mb-1">
                    <i className="bg-[#0678DB] w-1 absolute top-0 left-0 bottom-0" />
                    <span> Tất cả </span>
                    </p>
                    <div className="flex flex-col gap-1">
                    <a
                        href="/pc-photo-editing"
                        className="inline-flex items-start gap-1 py-[6px] hover:text-[#0678DB]"
                    >
                        {" "}
                        <i className="bxr bx-chevrons-right leading-[inherit]" />{" "}
                        <h2 className="inherit"> Photo Editing </h2>
                    </a>
                    <a
                        href="/pc-edit-render-video"
                        className="inline-flex items-start gap-1 py-[6px] hover:text-[#0678DB]"
                    >
                        {" "}
                        <i className="bxr bx-chevrons-right leading-[inherit]" />{" "}
                        <h2 className="inherit"> PC Video Editing </h2>
                    </a>
                    <a
                        href="/hhpc-3d"
                        className="inline-flex items-start gap-1 py-[6px] hover:text-[#0678DB]"
                    >
                        {" "}
                        <i className="bxr bx-chevrons-right leading-[inherit]" />{" "}
                        <h2 className="inherit"> PC 3D Design, Animation </h2>
                    </a>
                    <a
                        href="/hhpc-3d-render"
                        className="inline-flex items-start gap-1 py-[6px] hover:text-[#0678DB]"
                    >
                        {" "}
                        <i className="bxr bx-chevrons-right leading-[inherit]" />{" "}
                        <h2 className="inherit"> PC Rendering </h2>
                    </a>
                    <a
                        href="/pc-visualization"
                        className="inline-flex items-start gap-1 py-[6px] hover:text-[#0678DB]"
                    >
                        {" "}
                        <i className="bxr bx-chevrons-right leading-[inherit]" />{" "}
                        <h2 className="inherit"> PC Visualization </h2>
                    </a>
                    <a
                        href="/pc-architecture-cad"
                        className="inline-flex items-start gap-1 py-[6px] hover:text-[#0678DB]"
                    >
                        {" "}
                        <i className="bxr bx-chevrons-right leading-[inherit]" />{" "}
                        <h2 className="inherit"> PC Architecture &amp; CAD </h2>
                    </a>
                    <a
                        href="/machine-learning-ai-tensorflow"
                        className="inline-flex items-start gap-1 py-[6px] hover:text-[#0678DB]"
                    >
                        {" "}
                        <i className="bxr bx-chevrons-right leading-[inherit]" />{" "}
                        <h2 className="inherit"> PC Machine Learning / AI </h2>
                    </a>
                    <a
                        href="/server-may-ao-gia-lap"
                        className="inline-flex items-start gap-1 py-[6px] hover:text-[#0678DB]"
                    >
                        {" "}
                        <i className="bxr bx-chevrons-right leading-[inherit]" />{" "}
                        <h2 className="inherit"> Server, Máy Ảo, Giả Lập </h2>
                    </a>
                    <a
                        href="/pc-dep"
                        className="inline-flex items-start gap-1 py-[6px] hover:text-[#0678DB]"
                    >
                        {" "}
                        <i className="bxr bx-chevrons-right leading-[inherit]" />{" "}
                        <h2 className="inherit"> PC Đẹp </h2>
                    </a>
                    </div>
                </div>

                <div className="filter-item-group leading-[22px] text-16 mb-6">
                    <p className="font-600 text-18 mb-3"> Khoảng giá </p>
                    <div className="filter-list">
                    <a href="https://hoanghapc.vn/pc-workstation?max=10000000">
                        <span> Dưới 10 triệu </span>
                        <span> (3) </span>
                    </a>
                    <a href="https://hoanghapc.vn/pc-workstation?max=20000000&min=15000000">
                        <span> 15 triệu - 20 triệu </span>
                        <span> (3) </span>
                    </a>
                    <a href="https://hoanghapc.vn/pc-workstation?max=25000000&min=20000000">
                        <span> 20 triệu - 25 triệu </span>
                        <span> (1) </span>
                    </a>
                    <a href="https://hoanghapc.vn/pc-workstation?max=30000000&min=25000000">
                        <span> 25 triệu - 30 triệu </span>
                        <span> (2) </span>
                    </a>
                    <a href="https://hoanghapc.vn/pc-workstation?max=35000000&min=30000000">
                        <span> 30 triệu - 35 triệu </span>
                        <span> (2) </span>
                    </a>
                    <a href="https://hoanghapc.vn/pc-workstation?max=40000000&min=35000000">
                        <span> 35 triệu - 40 triệu </span>
                        <span> (3) </span>
                    </a>
                    <a href="https://hoanghapc.vn/pc-workstation?max=45000000&min=40000000">
                        <span> 40 triệu - 45 triệu </span>
                        <span> (13) </span>
                    </a>
                    <a href="https://hoanghapc.vn/pc-workstation?max=50000000&min=45000000">
                        <span> 45 triệu - 50 triệu </span>
                        <span> (13) </span>
                    </a>
                    <a href="https://hoanghapc.vn/pc-workstation?min=50000000">
                        <span> Trên 50 triệu </span>
                        <span> (85) </span>
                    </a>
                    </div>
                </div>

                <div className="filter-item-group leading-[22px] text-16 mb-6">
                    <p className="font-600 text-18 mb-3"> Thương hiệu </p>
                    <div className="filter-list">
                    <a href="https://hoanghapc.vn/pc-workstation?brand=6">
                        <span> GIGABYTE </span>
                        <span> (2) </span>
                    </a>
                    <a href="https://hoanghapc.vn/pc-workstation?brand=19">
                        <span> HP </span>
                        <span> (1) </span>
                    </a>
                    <a href="https://hoanghapc.vn/pc-workstation?brand=7">
                        <span> MSI </span>
                        <span> (1) </span>
                    </a>
                    </div>
                </div>

                <div className="filter-item-group leading-[22px] text-16 mb-6">
                    <p className="font-600 text-18 mb-3"> CPU </p>
                    <div className="filter-list">
                    <a href="https://hoanghapc.vn/pc-workstation?filter=397">
                        <span> Intel Core i7 </span>
                        <span> (13) </span>
                    </a>
                    <a href="https://hoanghapc.vn/pc-workstation?filter=398">
                        <span> Intel Core i9 </span>
                        <span> (20) </span>
                    </a>
                    <a href="https://hoanghapc.vn/pc-workstation?filter=399">
                        <span> Intel Xeon </span>
                        <span> (16) </span>
                    </a>
                    <a href="https://hoanghapc.vn/pc-workstation?filter=402">
                        <span> AMD Ryzen 7 </span>
                        <span> (5) </span>
                    </a>
                    <a href="https://hoanghapc.vn/pc-workstation?filter=403">
                        <span> AMD Ryzen 9 </span>
                        <span> (21) </span>
                    </a>
                    <a href="https://hoanghapc.vn/pc-workstation?filter=404">
                        <span> AMD Ryzen Threadripper </span>
                        <span> (8) </span>
                    </a>
                    <a href="https://hoanghapc.vn/pc-workstation?filter=637">
                        <span> Core Ultra 9 </span>
                        <span> (18) </span>
                    </a>
                    <a href="https://hoanghapc.vn/pc-workstation?filter=636">
                        <span> Core Ultra 7 </span>
                        <span> (10) </span>
                    </a>
                    </div>
                </div>

                <a href="/pc-workstation" className="js-partName block text-center uppercase bg-[linear-gradient(165.29deg,#259AFF_8.53%,#114CDD_93.19%)] text-white rounded-[30px] leading-5 text-16 font-500 p-[10px] mt-8">
                    Bỏ bộ lọc (1)
                </a>
            </div>
        </>
    )
}