array:2 [
  "page" => "2"
  "response" => Illuminate\Http\Response {#2202
    +headers: Symfony\Component\HttpFoundation\ResponseHeaderBag {#2391
      #headers: array:3 [
        "content-type" => array:1 [
          0 => "text/html; charset=utf-8"
        ]
        "cache-control" => array:1 [
          0 => "no-cache, private"
        ]
        "date" => array:1 [
          0 => "Wed, 10 Dec 2025 03:57:37 GMT"
        ]
      ]
      #cacheControl: []
      #computedCacheControl: array:2 [
        "no-cache" => true
        "private" => true
      ]
      #cookies: array:1 [
        "" => array:1 [
          "/" => array:2 [
            "XSRF-TOKEN" => Symfony\Component\HttpFoundation\Cookie {#1781
              #expire: 1796875057
              #path: "/"
              -sameSite: "lax"
              -secureDefault: false
              #name: "XSRF-TOKEN"
              #value: "eyJpdiI6ImpuQ05kcUR4NktyU3dBMHpVUTczMnc9PSIsInZhbHVlIjoibFNyVjNJUTJMSW43UjNEaXpSanRUU0ozaGRsbU05aUZUMDhUNEYwZzE5V2tIeWwvdzRSUXdMU2FMcEJVNFFvaCsrcmZVMWdJSWc4dkp3c1VONHl3OUE4b3JlN3BFNGNKYjZMb0hKZUNkVklxUVZvTUo2V3VycjBMbnZPbEIzZTMiLCJtYWMiOiI4ZTc4YzVhZjQ3Yzk2ZmRjYmI5ZWEzZTIwZWM1YWUwNzhiM2UyNDg1ZDlkYWQ1Y2IwMTgwYmM4Y2ZjODg0N2U5IiwidGFnIjoiIn0="
              #domain: null
              #secure: null
              #httpOnly: false
              -raw: false
              -partitioned: false
            }
            "_session" => Symfony\Component\HttpFoundation\Cookie {#1800
              #expire: 1796875057
              #path: "/"
              -sameSite: "lax"
              -secureDefault: false
              #name: "_session"
              #value: "eyJpdiI6IjZGMGtwbVRzNVd0amxnd2NqN09tSFE9PSIsInZhbHVlIjoiSmd3ZXNQTERsLzBTc05SUllTUk5keUVNV1cyUlN0c21wMHJSRmhBSldPQXREbWFSTEE4QzRHaUJuV3NmTC9tVGZJbmRFdGY1VlphQVlQWUo5Qnp0MzZ2TGlkSEtLckdza3Vkb2pRVjF0VUJlN05TTkxKTE51TFZNS3plVnNjT0MiLCJtYWMiOiJhNDgyMzFkOGRjZTMxODM4YTFkOGRkMGU0MTFlNjA4N2U2ZDc2NDIyNjJhZjM1NjA1YzU3YTIwYjkwMTZmZjRhIiwidGFnIjoiIn0="
              #domain: null
              #secure: null
              #httpOnly: true
              -raw: false
              -partitioned: false
            }
          ]
        ]
      ]
      #headerNames: array:4 [
        "content-type" => "Content-Type"
        "cache-control" => "Cache-Control"
        "date" => "Date"
        "set-cookie" => "Set-Cookie"
      ]
    }
    #content: """
      <!DOCTYPE html>\n
      <html lang="zh-cn" dir="ltr">\n
      \n
      <head>\n
        <meta charset="utf-8">\n
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">\n
        <meta name="base-url" content="https://innoshop-in.energytrust.com.cn">\n
        <title></title>\n
        <meta name="description" content="">\n
        <meta name="keywords" content="">\n
        <meta name="csrf-token" content="fbyEk9OLFJnyKiLAidC3dzNh1fPWo3DEvEZSN2rq">\n
        <meta name="api-token" content="">\n
        <link rel="shortcut icon" href="https://innoshop-in.energytrust.com.cn/images/favicon.png">\n
        <link rel="stylesheet" href="/dist/css/bootstrap.css?id=b7391a9b6b71e812b3c5397fe52d4aff">\n
        <link rel="stylesheet" href="/dist/css/app.css?id=ecc07b8dae0c3150b2a3f13bd87ae0aa">\n
        <script src="https://innoshop-in.energytrust.com.cn/vendor/vue/3.5/vue.global.js"></script>\n
        <script src="https://innoshop-in.energytrust.com.cn/vendor/jquery/jquery.min.js"></script>\n
        <script src="https://innoshop-in.energytrust.com.cn/vendor/layer/layer.js"></script>\n
        <script src="https://innoshop-in.energytrust.com.cn/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>\n
        <script src="/dist/js/app.js?id=396b09466e4ab098079f2e98204fcfad"></script>\n
        <script>\n
          const urls = {\n
            api_base: 'https://innoshop-in.energytrust.com.cn/api',\n
            base_url: 'https://innoshop-in.energytrust.com.cn',\n
            upload_images: 'https://innoshop-in.energytrust.com.cn/upload/images',\n
            cart_add: 'https://innoshop-in.energytrust.com.cn/carts',\n
            cart_mini: 'https://innoshop-in.energytrust.com.cn/cart/mini',\n
            cart: 'https://innoshop-in.energytrust.com.cn/cart',\n
            checkout: 'https://innoshop-in.energytrust.com.cn/checkout',\n
            login: 'https://innoshop-in.energytrust.com.cn/login',\n
            favorites: 'https://innoshop-in.energytrust.com.cn/account/favorites',\n
            favorite_cancel: 'https://innoshop-in.energytrust.com.cn/account/favorites/cancel',\n
            regions: 'https://innoshop-in.energytrust.com.cn/regions'\n
          };\n
          const config = {\n
            isLogin: !!null,\n
            currency: {\n
              code: 'usd',\n
              symbol_left: '$',\n
              symbol_right: '',\n
              decimal_place: 2,\n
              rate: 1\n
            }\n
          };\n
          const asset_url = 'https://innoshop-in.energytrust.com.cn/';\n
        </script>\n
        <div id="overlay"></div>\n
         </head>\n
      \n
      <body class="page-categories">\n
          <header id="appHeader">\n
        \n
        <div class="header-desktop">\n
          <div class="container d-flex justify-content-between align-items-center">\n
            <div class="left">\n
              <h1 class="logo">\n
                <a href="https://innoshop-in.energytrust.com.cn">\n
                  <img src="https://innoshop-in.energytrust.com.cn/images/logo.png" class="img-fluid">\n
                </a>\n
              </h1>\n
              <div class="menu">\n
                <nav class="navbar navbar-expand-md navbar-light">\n
                  <ul class="navbar-nav">\n
                    <li class="nav-item">\n
                      <a class="nav-link" aria-current="page" href="https://innoshop-in.energytrust.com.cn">首页</a>\n
                    </li>\n
      \n
                                                               <li class="nav-item">\n
                      <div class="dropdown">\n
                                          <a class="nav-link " href="https://innoshop-in.energytrust.com.cn/r/category/women-clothing">女装</a>\n
                                          <ul class="dropdown-menu">\n
                                                                  <li><a class="dropdown-item" href="https://innoshop-in.energytrust.com.cn/r/category/casual-wear">休闲装</a></li>\n
                                                                                      <li><a class="dropdown-item" href="https://innoshop-in.energytrust.com.cn/r/category/formal-wear">正装</a></li>\n
                                                                </ul>\n
                      </div>\n
                    </li>\n
                                                              <li class="nav-item">\n
                      <div class="dropdown">\n
                                          <a class="nav-link " href="https://innoshop-in.energytrust.com.cn/r/category/men-clothing">男装</a>\n
                                          <ul class="dropdown-menu">\n
                                                                  <li><a class="dropdown-item" href="https://innoshop-in.energytrust.com.cn/r/category/casual-wear-men">休闲装</a></li>\n
                                                                                      <li><a class="dropdown-item" href="https://innoshop-in.energytrust.com.cn/r/category/business-wear">商务装</a></li>\n
                                                                </ul>\n
                      </div>\n
                    </li>\n
                                                              <li class="nav-item">\n
                      <div class="dropdown">\n
                                          <a class="nav-link " href="https://innoshop-in.energytrust.com.cn/r/category/children-clothing">童装</a>\n
                                          <ul class="dropdown-menu">\n
                                                                  <li><a class="dropdown-item" href="https://innoshop-in.energytrust.com.cn/r/category/boys-clothing">男童</a></li>\n
                                                                                      <li><a class="dropdown-item" href="https://innoshop-in.energytrust.com.cn/r/category/girls-clothing">女童</a></li>\n
                                                                </ul>\n
                      </div>\n
                    </li>\n
                                                              <li class="nav-item">\n
                      <div class="dropdown">\n
                                          <a class="nav-link " href="https://innoshop-in.energytrust.com.cn/r/category/sportswear">运动装</a>\n
                                          <ul class="dropdown-menu">\n
                                                                  <li><a class="dropdown-item" href="https://innoshop-in.energytrust.com.cn/r/category/sports-clothing">运动服</a></li>\n
                                                                                      <li><a class="dropdown-item" href="https://innoshop-in.energytrust.com.cn/r/category/sports-accessories">运动配件</a></li>\n
                                                                </ul>\n
                      </div>\n
                    </li>\n
                                                              <li class="nav-item">\n
                      <div class="dropdown">\n
                                          <a class="nav-link " href="https://innoshop-in.energytrust.com.cn/r/category/accessories">配饰</a>\n
                                          <ul class="dropdown-menu">\n
                                                                  <li><a class="dropdown-item" href="https://innoshop-in.energytrust.com.cn/r/category/hats">帽子</a></li>\n
                                                                                      <li><a class="dropdown-item" href="https://innoshop-in.energytrust.com.cn/r/category/scarves">围巾</a></li>\n
                                                                </ul>\n
                      </div>\n
                    </li>\n
                                                                            <li class="nav-item">\n
                      <a class="nav-link " href="https://innoshop-in.energytrust.com.cn/r/page/about">关于</a>\n
                    </li>\n
                                                                           </ul>\n
                </nav>\n
              </div>\n
            </div>\n
            <div class="right">\n
              <form action="https://innoshop-in.energytrust.com.cn/products/explore" method="get" class="search-group">\n
                <input type="text" class="form-control" name="keyword" placeholder="搜索"\n
                  value="">\n
                <button type="submit" class="btn"><i class="bi bi-search"></i></button>\n
              </form>\n
              <div class="icons">\n
                <div class="item">\n
                  <div class="dropdown account-icon">\n
                    <a class="btn dropdown-toggle px-0" href="https://innoshop-in.energytrust.com.cn/account/home">\n
                      <img src="https://innoshop-in.energytrust.com.cn/images/icons/account.svg" class="img-fluid">\n
                    </a>\n
                    <div class="dropdown-menu dropdown-menu-end">\n
                                      <a href="https://innoshop-in.energytrust.com.cn/login" class="dropdown-item">登录</a>\n
                      <a href="https://innoshop-in.energytrust.com.cn/register" class="dropdown-item">注册</a>\n
                                    </div>\n
                  </div>\n
                </div>\n
                <div class="item">\n
                  <a href="https://innoshop-in.energytrust.com.cn/account/favorites"><img src="https://innoshop-in.energytrust.com.cn/images/icons/love.svg"\n
                      class="img-fluid"><span class="icon-quantity">0</span></a>\n
                </div>\n
                <div class="item">\n
                  <a href="javascript:void(0)" class="header-cart-icon" data-bs-toggle="offcanvas" data-bs-target="#miniCart"\n
                    aria-controls="miniCart">\n
                    <img src="https://innoshop-in.energytrust.com.cn/images/icons/cart.svg" class="img-fluid">\n
                    <span class="icon-quantity">0</span>\n
                  </a>\n
                </div>\n
                         </div>\n
            </div>\n
          </div>\n
        </div>\n
        <div class="header-mobile">\n
          <div class="flex-1 mb-icon" data-bs-toggle="offcanvas" data-bs-target="#mobile-menu-offcanvas"\n
            aria-controls="offcanvasExample">\n
            <i class="bi bi-list"></i>\n
          </div>\n
      \n
          <div class="flex-1 logo">\n
            <a href="https://innoshop-in.energytrust.com.cn">\n
              <img src="https://innoshop-in.energytrust.com.cn/images/logo.png" class="img-fluid">\n
            </a>\n
          </div>\n
      \n
          <div class="flex-1 d-flex align-items-center justify-content-end gap-3">\n
            <a href="https://innoshop-in.energytrust.com.cn/cart" class="header-cart-icon"><img src="https://innoshop-in.energytrust.com.cn/images/icons/cart.svg"\n
                class="img-fluid"><span class="icon-quantity">0</span></a>\n
            <a href="https://innoshop-in.energytrust.com.cn/account/home" class="account-icon"><img src="https://innoshop-in.energytrust.com.cn/images/icons/account.svg"\n
                class="img-fluid"></a>\n
          </div>\n
      \n
          <div class="offcanvas offcanvas-start" tabindex="-1" id="mobile-menu-offcanvas">\n
            <div class="offcanvas-header">\n
              <form action="https://innoshop-in.energytrust.com.cn/products/explore" method="get" class="search-group">\n
                <input type="text" class="form-control" name="keyword" placeholder="搜索"\n
                  value="" style="background: #f8f9fa;">\n
                <button type="submit" class="btn"><i class="bi bi-search"></i></button>\n
              </form>\n
              <a class="account-icon" href="https://innoshop-in.energytrust.com.cn/account/home">\n
                <img src="https://innoshop-in.energytrust.com.cn/images/icons/account.svg" class="img-fluid">\n
              </a>\n
            </div>\n
            <div class="close-offcanvas" data-bs-dismiss="offcanvas"><i class="bi bi-chevron-compact-left"></i></div>\n
            <div class="offcanvas-body mobile-menu-wrap">\n
              <div class="accordion accordion-flush" id="menu-accordion">\n
                <div class="accordion-item">\n
                  <div class="nav-item-text">\n
                    <a class="nav-link " aria-current="page"\n
                      href="https://innoshop-in.energytrust.com.cn">首页</a>\n
                  </div>\n
                </div>\n
      \n
                                               <div class="accordion-item">\n
                  <div class="nav-item-text">\n
                    <a class="nav-link" href="https://innoshop-in.energytrust.com.cn/r/category/women-clothing" data-bs-toggle=""> 女装 </a>\n
                                  <span class="collapsed" data-bs-toggle="collapse" data-bs-target="#flush-menu-0">\n
                      <i class="bi bi-chevron-down"></i>\n
                    </span>\n
                                </div>\n
      \n
                              <div class="accordion-collapse collapse" id="flush-menu-0" data-bs-parent="#menu-accordion">\n
                    <div class="children-group">\n
                      <ul class="nav flex-column ul-children">\n
                                                            <li class="nav-item">\n
                          <a class="nav-link" href="https://innoshop-in.energytrust.com.cn/r/category/casual-wear">休闲装</a>\n
                        </li>\n
                                                                              <li class="nav-item">\n
                          <a class="nav-link" href="https://innoshop-in.energytrust.com.cn/r/category/formal-wear">正装</a>\n
                        </li>\n
                                                          </ul>\n
                    </div>\n
                  </div>\n
                            </div>\n
                                              <div class="accordion-item">\n
                  <div class="nav-item-text">\n
                    <a class="nav-link" href="https://innoshop-in.energytrust.com.cn/r/category/men-clothing" data-bs-toggle=""> 男装 </a>\n
                                  <span class="collapsed" data-bs-toggle="collapse" data-bs-target="#flush-menu-1">\n
                      <i class="bi bi-chevron-down"></i>\n
                    </span>\n
                                </div>\n
      \n
                              <div class="accordion-collapse collapse" id="flush-menu-1" data-bs-parent="#menu-accordion">\n
                    <div class="children-group">\n
                      <ul class="nav flex-column ul-children">\n
                                                            <li class="nav-item">\n
                          <a class="nav-link" href="https://innoshop-in.energytrust.com.cn/r/category/casual-wear-men">休闲装</a>\n
                        </li>\n
                                                                              <li class="nav-item">\n
                          <a class="nav-link" href="https://innoshop-in.energytrust.com.cn/r/category/business-wear">商务装</a>\n
                        </li>\n
                                                          </ul>\n
                    </div>\n
                  </div>\n
                            </div>\n
                                              <div class="accordion-item">\n
                  <div class="nav-item-text">\n
                    <a class="nav-link" href="https://innoshop-in.energytrust.com.cn/r/category/children-clothing" data-bs-toggle=""> 童装 </a>\n
                                  <span class="collapsed" data-bs-toggle="collapse" data-bs-target="#flush-menu-2">\n
                      <i class="bi bi-chevron-down"></i>\n
                    </span>\n
                                </div>\n
      \n
                              <div class="accordion-collapse collapse" id="flush-menu-2" data-bs-parent="#menu-accordion">\n
                    <div class="children-group">\n
                      <ul class="nav flex-column ul-children">\n
                                                            <li class="nav-item">\n
                          <a class="nav-link" href="https://innoshop-in.energytrust.com.cn/r/category/boys-clothing">男童</a>\n
                        </li>\n
                                                                              <li class="nav-item">\n
                          <a class="nav-link" href="https://innoshop-in.energytrust.com.cn/r/category/girls-clothing">女童</a>\n
                        </li>\n
                                                          </ul>\n
                    </div>\n
                  </div>\n
                            </div>\n
                                              <div class="accordion-item">\n
                  <div class="nav-item-text">\n
                    <a class="nav-link" href="https://innoshop-in.energytrust.com.cn/r/category/sportswear" data-bs-toggle=""> 运动装 </a>\n
                                  <span class="collapsed" data-bs-toggle="collapse" data-bs-target="#flush-menu-3">\n
                      <i class="bi bi-chevron-down"></i>\n
                    </span>\n
                                </div>\n
      \n
                              <div class="accordion-collapse collapse" id="flush-menu-3" data-bs-parent="#menu-accordion">\n
                    <div class="children-group">\n
                      <ul class="nav flex-column ul-children">\n
                                                            <li class="nav-item">\n
                          <a class="nav-link" href="https://innoshop-in.energytrust.com.cn/r/category/sports-clothing">运动服</a>\n
                        </li>\n
                                                                              <li class="nav-item">\n
                          <a class="nav-link" href="https://innoshop-in.energytrust.com.cn/r/category/sports-accessories">运动配件</a>\n
                        </li>\n
                                                          </ul>\n
                    </div>\n
                  </div>\n
                            </div>\n
                                              <div class="accordion-item">\n
                  <div class="nav-item-text">\n
                    <a class="nav-link" href="https://innoshop-in.energytrust.com.cn/r/category/accessories" data-bs-toggle=""> 配饰 </a>\n
                                  <span class="collapsed" data-bs-toggle="collapse" data-bs-target="#flush-menu-4">\n
                      <i class="bi bi-chevron-down"></i>\n
                    </span>\n
                                </div>\n
      \n
                              <div class="accordion-collapse collapse" id="flush-menu-4" data-bs-parent="#menu-accordion">\n
                    <div class="children-group">\n
                      <ul class="nav flex-column ul-children">\n
                                                            <li class="nav-item">\n
                          <a class="nav-link" href="https://innoshop-in.energytrust.com.cn/r/category/hats">帽子</a>\n
                        </li>\n
                                                                              <li class="nav-item">\n
                          <a class="nav-link" href="https://innoshop-in.energytrust.com.cn/r/category/scarves">围巾</a>\n
                        </li>\n
                                                          </ul>\n
                    </div>\n
                  </div>\n
                            </div>\n
                                              <div class="accordion-item">\n
                  <div class="nav-item-text">\n
                    <a class="nav-link" href="https://innoshop-in.energytrust.com.cn/r/page/about" data-bs-toggle=""> 关于 </a>\n
                                </div>\n
      \n
                            </div>\n
                                     \n
              </div>\n
            </div>\n
          </div>\n
        </div>\n
      </header>\n
      \n
         \n
        <div class="m-0 p-0" id="appContent">\n
          <div class="breadcrumb-wrap" id="appBreadcrumb">\n
        <div class="container">\n
          <div class="d-flex justify-content-between align-items-center flex-wrap gap-2">\n
            <nav aria-label="breadcrumb" class="flex-grow-1">\n
              <ol class="breadcrumb mb-0">\n
                                    <li class="breadcrumb-item">\n
                              <a href="https://innoshop-in.energytrust.com.cn" class="d-flex align-items-center">\n
                    <i class="bi bi-house-door-fill me-1"></i>\n
                    <span>首页</span>\n
                  </a>\n
                            </li>\n
                                              <li class="breadcrumb-item">\n
                              <a href="https://innoshop-in.energytrust.com.cn/products/explore">商品列表</a>\n
                            </li>\n
                                  </ol>\n
            </nav>\n
      \n
                  <div class="breadcrumb-filter-btn d-block d-md-none">\n
              <button class="btn btn-outline-primary btn-sm d-flex align-items-center" id="toggleFilterSidebar">\n
                <i class="bi bi-funnel me-1"></i>\n
                <span>筛选</span>\n
              </button>\n
            </div>\n
                </div>\n
        </div>\n
      </div>\n
      \n
       \n
      <div class="container">\n
        <div class="row">\n
          <div class="col-12 col-md-3">\n
            <div class="filter-sidebar" id="filterSidebar">\n
        <!-- Category filter -->\n
        <div class="card mb-4 shadow-sm border-0">\n
          <div class="card-header bg-light border-0">\n
            <h6 class="mb-0 text-dark fw-semibold">产品分类</h6>\n
          </div>\n
          <div class="card-body p-0">\n
            <div class="accordion accordion-flush" id="filter-category">\n
                      <div class="accordion-item border-0">\n
                <div class="accordion-header">\n
                  <div class="d-flex justify-content-between align-items-center p-3 category-item">\n
                    <a href="https://innoshop-in.energytrust.com.cn/r/category/women-clothing"\n
                      class="category-link text-decoration-none text-dark fw-medium d-flex align-items-center">\n
                      <i class="bi bi-grid-3x3-gap me-2 text-muted"></i>\n
                      女装\n
                    </a>\n
                                  <button class="btn btn-sm category-toggle collapsed" type="button" data-bs-toggle="collapse"\n
                      data-bs-target="#filter-collapse-0" aria-expanded="false"\n
                      aria-controls="filter-collapse-0">\n
                      <i class="bi bi-chevron-down"></i>\n
                    </button>\n
                                </div>\n
                </div>\n
                          <div id="filter-collapse-0" class="accordion-collapse collapse" data-bs-parent="#filter-category">\n
                  <div class="accordion-body py-0">\n
                    <div class="accordion accordion-flush" id="filter-category-0">\n
                                      <div class="accordion-item border-0">\n
                        <div class="accordion-header">\n
                          <div class="d-flex justify-content-between align-items-center p-2 ps-4 subcategory-item">\n
                            <a href="https://innoshop-in.energytrust.com.cn/r/category/casual-wear"\n
                              class="subcategory-link text-decoration-none text-muted d-flex align-items-center">\n
                              <i class="bi bi-arrow-right-short me-2"></i>\n
                              休闲装\n
                            </a>\n
                                                </div>\n
                        </div>\n
                                        </div>\n
                                      <div class="accordion-item border-0">\n
                        <div class="accordion-header">\n
                          <div class="d-flex justify-content-between align-items-center p-2 ps-4 subcategory-item">\n
                            <a href="https://innoshop-in.energytrust.com.cn/r/category/formal-wear"\n
                              class="subcategory-link text-decoration-none text-muted d-flex align-items-center">\n
                              <i class="bi bi-arrow-right-short me-2"></i>\n
                              正装\n
                            </a>\n
                                                </div>\n
                        </div>\n
                                        </div>\n
                                    </div>\n
                  </div>\n
                </div>\n
                        </div>\n
                      <div class="accordion-item border-0">\n
                <div class="accordion-header">\n
                  <div class="d-flex justify-content-between align-items-center p-3 category-item">\n
                    <a href="https://innoshop-in.energytrust.com.cn/r/category/men-clothing"\n
                      class="category-link text-decoration-none text-dark fw-medium d-flex align-items-center">\n
                      <i class="bi bi-grid-3x3-gap me-2 text-muted"></i>\n
                      男装\n
                    </a>\n
                                  <button class="btn btn-sm category-toggle collapsed" type="button" data-bs-toggle="collapse"\n
                      data-bs-target="#filter-collapse-1" aria-expanded="false"\n
                      aria-controls="filter-collapse-1">\n
                      <i class="bi bi-chevron-down"></i>\n
                    </button>\n
                                </div>\n
                </div>\n
                          <div id="filter-collapse-1" class="accordion-collapse collapse" data-bs-parent="#filter-category">\n
                  <div class="accordion-body py-0">\n
                    <div class="accordion accordion-flush" id="filter-category-1">\n
                                      <div class="accordion-item border-0">\n
                        <div class="accordion-header">\n
                          <div class="d-flex justify-content-between align-items-center p-2 ps-4 subcategory-item">\n
                            <a href="https://innoshop-in.energytrust.com.cn/r/category/casual-wear-men"\n
                              class="subcategory-link text-decoration-none text-muted d-flex align-items-center">\n
                              <i class="bi bi-arrow-right-short me-2"></i>\n
                              休闲装\n
                            </a>\n
                                                </div>\n
                        </div>\n
                                        </div>\n
                                      <div class="accordion-item border-0">\n
                        <div class="accordion-header">\n
                          <div class="d-flex justify-content-between align-items-center p-2 ps-4 subcategory-item">\n
                            <a href="https://innoshop-in.energytrust.com.cn/r/category/business-wear"\n
                              class="subcategory-link text-decoration-none text-muted d-flex align-items-center">\n
                              <i class="bi bi-arrow-right-short me-2"></i>\n
                              商务装\n
                            </a>\n
                                                </div>\n
                        </div>\n
                                        </div>\n
                                    </div>\n
                  </div>\n
                </div>\n
                        </div>\n
                      <div class="accordion-item border-0">\n
                <div class="accordion-header">\n
                  <div class="d-flex justify-content-between align-items-center p-3 category-item">\n
                    <a href="https://innoshop-in.energytrust.com.cn/r/category/children-clothing"\n
                      class="category-link text-decoration-none text-dark fw-medium d-flex align-items-center">\n
                      <i class="bi bi-grid-3x3-gap me-2 text-muted"></i>\n
                      童装\n
                    </a>\n
                                  <button class="btn btn-sm category-toggle collapsed" type="button" data-bs-toggle="collapse"\n
                      data-bs-target="#filter-collapse-2" aria-expanded="false"\n
                      aria-controls="filter-collapse-2">\n
                      <i class="bi bi-chevron-down"></i>\n
                    </button>\n
                                </div>\n
                </div>\n
                          <div id="filter-collapse-2" class="accordion-collapse collapse" data-bs-parent="#filter-category">\n
                  <div class="accordion-body py-0">\n
                    <div class="accordion accordion-flush" id="filter-category-2">\n
                                      <div class="accordion-item border-0">\n
                        <div class="accordion-header">\n
                          <div class="d-flex justify-content-between align-items-center p-2 ps-4 subcategory-item">\n
                            <a href="https://innoshop-in.energytrust.com.cn/r/category/boys-clothing"\n
                              class="subcategory-link text-decoration-none text-muted d-flex align-items-center">\n
                              <i class="bi bi-arrow-right-short me-2"></i>\n
                              男童\n
                            </a>\n
                                                </div>\n
                        </div>\n
                                        </div>\n
                                      <div class="accordion-item border-0">\n
                        <div class="accordion-header">\n
                          <div class="d-flex justify-content-between align-items-center p-2 ps-4 subcategory-item">\n
                            <a href="https://innoshop-in.energytrust.com.cn/r/category/girls-clothing"\n
                              class="subcategory-link text-decoration-none text-muted d-flex align-items-center">\n
                              <i class="bi bi-arrow-right-short me-2"></i>\n
                              女童\n
                            </a>\n
                                                </div>\n
                        </div>\n
                                        </div>\n
                                    </div>\n
                  </div>\n
                </div>\n
                        </div>\n
                      <div class="accordion-item border-0">\n
                <div class="accordion-header">\n
                  <div class="d-flex justify-content-between align-items-center p-3 category-item">\n
                    <a href="https://innoshop-in.energytrust.com.cn/r/category/sportswear"\n
                      class="category-link text-decoration-none text-dark fw-medium d-flex align-items-center">\n
                      <i class="bi bi-grid-3x3-gap me-2 text-muted"></i>\n
                      运动装\n
                    </a>\n
                                  <button class="btn btn-sm category-toggle collapsed" type="button" data-bs-toggle="collapse"\n
                      data-bs-target="#filter-collapse-3" aria-expanded="false"\n
                      aria-controls="filter-collapse-3">\n
                      <i class="bi bi-chevron-down"></i>\n
                    </button>\n
                                </div>\n
                </div>\n
                          <div id="filter-collapse-3" class="accordion-collapse collapse" data-bs-parent="#filter-category">\n
                  <div class="accordion-body py-0">\n
                    <div class="accordion accordion-flush" id="filter-category-3">\n
                                      <div class="accordion-item border-0">\n
                        <div class="accordion-header">\n
                          <div class="d-flex justify-content-between align-items-center p-2 ps-4 subcategory-item">\n
                            <a href="https://innoshop-in.energytrust.com.cn/r/category/sports-clothing"\n
                              class="subcategory-link text-decoration-none text-muted d-flex align-items-center">\n
                              <i class="bi bi-arrow-right-short me-2"></i>\n
                              运动服\n
                            </a>\n
                                                </div>\n
                        </div>\n
                                        </div>\n
                                      <div class="accordion-item border-0">\n
                        <div class="accordion-header">\n
                          <div class="d-flex justify-content-between align-items-center p-2 ps-4 subcategory-item">\n
                            <a href="https://innoshop-in.energytrust.com.cn/r/category/sports-accessories"\n
                              class="subcategory-link text-decoration-none text-muted d-flex align-items-center">\n
                              <i class="bi bi-arrow-right-short me-2"></i>\n
                              运动配件\n
                            </a>\n
                                                </div>\n
                        </div>\n
                                        </div>\n
                                    </div>\n
                  </div>\n
                </div>\n
                        </div>\n
                      <div class="accordion-item border-0">\n
                <div class="accordion-header">\n
                  <div class="d-flex justify-content-between align-items-center p-3 category-item">\n
                    <a href="https://innoshop-in.energytrust.com.cn/r/category/accessories"\n
                      class="category-link text-decoration-none text-dark fw-medium d-flex align-items-center">\n
                      <i class="bi bi-grid-3x3-gap me-2 text-muted"></i>\n
                      配饰\n
                    </a>\n
                                  <button class="btn btn-sm category-toggle collapsed" type="button" data-bs-toggle="collapse"\n
                      data-bs-target="#filter-collapse-4" aria-expanded="false"\n
                      aria-controls="filter-collapse-4">\n
                      <i class="bi bi-chevron-down"></i>\n
                    </button>\n
                                </div>\n
                </div>\n
                          <div id="filter-collapse-4" class="accordion-collapse collapse" data-bs-parent="#filter-category">\n
                  <div class="accordion-body py-0">\n
                    <div class="accordion accordion-flush" id="filter-category-4">\n
                                      <div class="accordion-item border-0">\n
                        <div class="accordion-header">\n
                          <div class="d-flex justify-content-between align-items-center p-2 ps-4 subcategory-item">\n
                            <a href="https://innoshop-in.energytrust.com.cn/r/category/hats"\n
                              class="subcategory-link text-decoration-none text-muted d-flex align-items-center">\n
                              <i class="bi bi-arrow-right-short me-2"></i>\n
                              帽子\n
                            </a>\n
                                                </div>\n
                        </div>\n
                                        </div>\n
                                      <div class="accordion-item border-0">\n
                        <div class="accordion-header">\n
                          <div class="d-flex justify-content-between align-items-center p-2 ps-4 subcategory-item">\n
                            <a href="https://innoshop-in.energytrust.com.cn/r/category/scarves"\n
                              class="subcategory-link text-decoration-none text-muted d-flex align-items-center">\n
                              <i class="bi bi-arrow-right-short me-2"></i>\n
                              围巾\n
                            </a>\n
                                                </div>\n
                        </div>\n
                                        </div>\n
                                    </div>\n
                  </div>\n
                </div>\n
                        </div>\n
                    </div>\n
          </div>\n
        </div>\n
      \n
        <!-- Price filter -->\n
        <div class="card mb-4 shadow-sm border-0">\n
          <div class="card-header bg-light border-0">\n
            <h6 class="mb-0 text-dark fw-semibold">价格</h6>\n
          </div>\n
          <div class="card-body">\n
            <div class="mb-3 d-flex flex-column">\n
              <div class="price-inputs-container">\n
                <div class="row g-2">\n
                  <div class="col">\n
                    <label class="form-label small">From</label>\n
                    <input type="number" class="form-control form-control-sm" id="minPrice" placeholder="0"\n
                      value="">\n
                  </div>\n
                  <div class="col">\n
                    <label class="form-label small">至</label>\n
                    <input type="number" class="form-control form-control-sm" id="maxPrice" placeholder="1000"\n
                      value="">\n
                  </div>\n
                </div>\n
              </div>\n
      \n
              <div class="dual-range-slider">\n
                <div class="slider-track"></div>\n
                <div class="slider-range"></div>\n
                <div class="slider-thumb slider-thumb-min" data-thumb="min"></div>\n
                <div class="slider-thumb slider-thumb-max" data-thumb="max"></div>\n
              </div>\n
      \n
              <button type="button" class="btn btn-primary btn-sm w-100" onclick="filterByPrice()">\n
                筛选\n
              </button>\n
            </div>\n
          </div>\n
        </div>\n
      \n
        <!-- Brand filter -->\n
          <div class="card mb-4 shadow-sm border-0">\n
          <div class="card-header bg-light border-0">\n
            <h6 class="mb-0 text-dark fw-semibold">品牌</h6>\n
          </div>\n
          <div class="card-body">\n
                  <div class="form-check mb-2">\n
              <input class="form-check-input brand-checkbox" type="checkbox" value="1"\n
                id="brand-1" >\n
              <label class="form-check-label" for="brand-1">\n
                Adidas\n
              </label>\n
            </div>\n
                  <div class="form-check mb-2">\n
              <input class="form-check-input brand-checkbox" type="checkbox" value="2"\n
                id="brand-2" >\n
              <label class="form-check-label" for="brand-2">\n
                Nike\n
              </label>\n
            </div>\n
                </div>\n
        </div>\n
        \n
        <!-- Attribute filter -->\n
            <div class="card mb-4 shadow-sm border-0">\n
          <div class="card-header bg-light border-0">\n
            <h6 class="mb-0 text-dark fw-semibold">功能</h6>\n
          </div>\n
          <div class="card-body">\n
                  <div class="form-check mb-2">\n
              <input class="form-check-input attribute-checkbox" type="checkbox" value="3"\n
                data-attribute-id="1" id="attribute-1-3" >\n
              <label class="form-check-label" for="attribute-1-3">\n
                防水\n
              </label>\n
            </div>\n
                  <div class="form-check mb-2">\n
              <input class="form-check-input attribute-checkbox" type="checkbox" value="11"\n
                data-attribute-id="1" id="attribute-1-11" >\n
              <label class="form-check-label" for="attribute-1-11">\n
                保暖\n
              </label>\n
            </div>\n
                  <div class="form-check mb-2">\n
              <input class="form-check-input attribute-checkbox" type="checkbox" value="12"\n
                data-attribute-id="1" id="attribute-1-12" >\n
              <label class="form-check-label" for="attribute-1-12">\n
                防晒\n
              </label>\n
            </div>\n
                </div>\n
        </div>\n
          <div class="card mb-4 shadow-sm border-0">\n
          <div class="card-header bg-light border-0">\n
            <h6 class="mb-0 text-dark fw-semibold">面料</h6>\n
          </div>\n
          <div class="card-body">\n
                  <div class="form-check mb-2">\n
              <input class="form-check-input attribute-checkbox" type="checkbox" value="1"\n
                data-attribute-id="2" id="attribute-2-1" >\n
              <label class="form-check-label" for="attribute-2-1">\n
                棉\n
              </label>\n
            </div>\n
                  <div class="form-check mb-2">\n
              <input class="form-check-input attribute-checkbox" type="checkbox" value="2"\n
                data-attribute-id="2" id="attribute-2-2" >\n
              <label class="form-check-label" for="attribute-2-2">\n
                麻\n
              </label>\n
            </div>\n
                  <div class="form-check mb-2">\n
              <input class="form-check-input attribute-checkbox" type="checkbox" value="5"\n
                data-attribute-id="2" id="attribute-2-5" >\n
              <label class="form-check-label" for="attribute-2-5">\n
                丝\n
              </label>\n
            </div>\n
                  <div class="form-check mb-2">\n
              <input class="form-check-input attribute-checkbox" type="checkbox" value="6"\n
                data-attribute-id="2" id="attribute-2-6" >\n
              <label class="form-check-label" for="attribute-2-6">\n
                毛\n
              </label>\n
            </div>\n
                  <div class="form-check mb-2">\n
              <input class="form-check-input attribute-checkbox" type="checkbox" value="7"\n
                data-attribute-id="2" id="attribute-2-7" >\n
              <label class="form-check-label" for="attribute-2-7">\n
                化纤\n
              </label>\n
            </div>\n
                </div>\n
        </div>\n
          <div class="card mb-4 shadow-sm border-0">\n
          <div class="card-header bg-light border-0">\n
            <h6 class="mb-0 text-dark fw-semibold">样式</h6>\n
          </div>\n
          <div class="card-body">\n
                  <div class="form-check mb-2">\n
              <input class="form-check-input attribute-checkbox" type="checkbox" value="4"\n
                data-attribute-id="3" id="attribute-3-4" >\n
              <label class="form-check-label" for="attribute-3-4">\n
                圆领\n
              </label>\n
            </div>\n
                  <div class="form-check mb-2">\n
              <input class="form-check-input attribute-checkbox" type="checkbox" value="8"\n
                data-attribute-id="3" id="attribute-3-8" >\n
              <label class="form-check-label" for="attribute-3-8">\n
                无领\n
              </label>\n
            </div>\n
                  <div class="form-check mb-2">\n
              <input class="form-check-input attribute-checkbox" type="checkbox" value="9"\n
                data-attribute-id="3" id="attribute-3-9" >\n
              <label class="form-check-label" for="attribute-3-9">\n
                短袖\n
              </label>\n
            </div>\n
                  <div class="form-check mb-2">\n
              <input class="form-check-input attribute-checkbox" type="checkbox" value="10"\n
                data-attribute-id="3" id="attribute-3-10" >\n
              <label class="form-check-label" for="attribute-3-10">\n
                T恤\n
              </label>\n
            </div>\n
                </div>\n
        </div>\n
          \n
        <!-- Stock status filter -->\n
        <div class="card mb-4 shadow-sm border-0">\n
          <div class="card-header bg-light border-0">\n
            <h6 class="mb-0 text-dark fw-semibold">库存状态</h6>\n
          </div>\n
          <div class="card-body">\n
            <div class="form-check mb-2">\n
              <input class="form-check-input availability-checkbox" type="checkbox" value="in_stock"\n
                id="availability-in-stock" >\n
              <label class="form-check-label" for="availability-in-stock">\n
                有货\n
              </label>\n
            </div>\n
            <div class="form-check mb-2">\n
              <input class="form-check-input availability-checkbox" type="checkbox" value="out_of_stock"\n
                id="availability-out-of-stock" >\n
              <label class="form-check-label" for="availability-out-of-stock">\n
                缺货\n
              </label>\n
            </div>\n
          </div>\n
        </div>\n
      \n
        <!-- Clear filters -->\n
        <div class="d-grid">\n
          <button type="button" class="btn clear-filters-btn" onclick="clearAllFilters()">\n
            <i class="bi bi-x-circle me-2"></i>\n
            清除筛选\n
          </button>\n
        </div>\n
      </div>\n
      \n
          </div>\n
          <div class="col-12 col-md-9">\n
            <div class="category-wrap pt-3">\n
              <div class="top-order-wrap">\n
                <div class="d-none d-md-block">\n
                  显示第  到第  项，共 9 项\n
                </div>\n
                <div class="right">\n
                  <div class="order-item">\n
                    <span class="d-none d-md-block">排序:</span>\n
                    <select class="form-select order-select">\n
                      <option value="">默认</option>\n
                      <option value="products.sales|asc" >销量\n
                        (低 - 高)\n
                      </option>\n
                      <option value="products.sales|desc" >销量\n
                        (高 - 低)\n
                      </option>\n
                      <option value="pt.name|asc" >名称\n
                        (A - Z)\n
                      </option>\n
                      <option value="pt.name|desc" >名称\n
                        (Z - A)\n
                      </option>\n
                      <option value="ps.price|asc" >价格\n
                        (低 - 高)\n
                      </option>\n
                      <option value="ps.price|desc" >价格\n
                        (高 - 低)\n
                      </option>\n
                    </select>\n
                  </div>\n
                  <div class="order-item">\n
                    <span class="d-none d-md-block">数量:</span>\n
                    <select class="form-select per-page-select">\n
                                      <option value="15" >15</option>\n
                                      <option value="30" >30</option>\n
                                      <option value="45" >45</option>\n
                                      <option value="60" >60</option>\n
                                      <option value="75" >75</option>\n
                                    </select>\n
                  </div>\n
                  <div class="order-item">\n
                    <label href="javascript:void(0)"\n
                      class="order-icon active">\n
                      <i class="bi bi-grid"></i>\n
                      <input class="d-none" value="grid" type="radio" name="style_list">\n
                    </label>\n
      \n
                    <label href="javascript:void(0)"\n
                      class="order-icon ">\n
                      <i class="bi bi-list"></i>\n
                      <input class="d-none" value="list" type="radio" name="style_list">\n
                    </label>\n
                  </div>\n
                </div>\n
              </div>\n
            </div>\n
      \n
            <div class="row gx-3 gx-lg-4 ">\n
                    </div>\n
      \n
            <div class="d-flex align-items-center mb-3 mt-4 pagination-wrap">\n
          <nav class="me-2">\n
              <ul class="pagination mb-0">\n
                  \n
                              <li class="page-item">\n
                      <a class="page-link" href="http://innoshop-in.energytrust.com.cn/products/explore?page=1" rel="prev"\n
                          aria-label="&laquo; 上一页"><i class="bi bi-chevron-left"></i></a>\n
                  </li>\n
                  \n
                  \n
                              \n
                  \n
                  \n
                                                      <li class="page-item"><a class="page-link" href="http://innoshop-in.energytrust.com.cn/products/explore?page=1">1</a></li>\n
                                                      \n
                  \n
                              <li class="page-item disabled" aria-disabled="true" aria-label="下一页 &raquo;">\n
                      <span class="page-link" aria-hidden="true"><i class="bi bi-chevron-right"></i></span>\n
                  </li>\n
                          </ul>\n
          </nav>\n
          <div class="d-none d-md-block">\n
              <div class="text-secondary">共 1 页，共 9 项</div>\n
          </div>\n
      </div>\n
      \n
          </div>\n
        </div>\n
      </div>\n
      \n
       \n
        </div>\n
      \n
          <footer id="appFooter" class="footer">\n
        <div class="footer-bottom">\n
          <div class="container">\n
            <div class="row align-items-center">\n
              <div class="col-md-12 text-center">\n
                <p class="footer-copyright mb-0">\n
                  © 2025\n
                  员工商城.\n
                  ALL RIGHTS RESERVED.\n
                </p>\n
              </div>\n
            </div>\n
          </div>\n
        </div>\n
      </footer>\n
      \n
       \n
        \n
          <div class="offcanvas offcanvas-end" style="width: 400px;" tabindex="-1" id="miniCart" aria-labelledby="miniCartLabel">\n
        <div class="offcanvas-header border-bottom">\n
          <h5 class="offcanvas-title" id="miniCartLabel">购物车</h5>\n
          <button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas" aria-label="Close"></button>\n
        </div>\n
        <div class="offcanvas-body p-0 d-flex flex-column" style="height: calc(100vh - 60px);" v-cloak>\n
          <!-- Empty cart state -->\n
          <div v-if="isEmpty" class="text-center py-5">\n
            <img :src="asset_url + 'images/icons/empty-cart.svg'" class="img-fluid mb-4" style="max-width: 200px;">\n
            <h5>您的购物车是空的</h5>\n
            <a class="btn btn-primary mt-3" :href="urls.base_url">继续购物</a>\n
          </div>\n
      \n
          <!-- Cart content -->\n
          <div v-else class="d-flex flex-column h-100">\n
            <div class="cart-items flex-grow-1 overflow-auto p-3">\n
              <div v-for="item in cartItems" :key="item.id" class="py-3 border-bottom" :data-id="item.id">\n
                <div class="d-flex">\n
                  <div class="d-flex align-items-center me-2">\n
                    <div class="form-check">\n
                      <input class="form-check-input" type="checkbox" :id="'item-' + item.id" :checked="item.selected"\n
                        @change="updateSelection($event.target.checked, [item.id])" :disabled="item.item_type !== 'normal'">\n
                    </div>\n
                  </div>\n
                  <div class="flex-shrink-0" style="width: 80px; height: 80px;">\n
                    <img :src="item.image" class="img-fluid w-100 h-100 object-fit-cover">\n
                  </div>\n
                  <div class="flex-grow-1 ms-3 overflow-hidden">\n
                    <div class="text-truncate">\n
                      <a :href="item.url" class="text-decoration-none text-body hover-primary">{{ item.product_name }}</a>\n
                    </div>\n
                    <div class="text-secondary mt-1">\n
                      {{ item.sku_code }}\n
                      <span v-if="item.variant_label">- {{ item.variant_label }}</span>\n
                      <!-- 显示选项值 -->\n
                      <template v-if="item.options && item.options.length">\n
                        <div class="product-options mt-1">\n
                          <div v-for="option in item.options" :key="option.option_id" class="option-item small">\n
                            <span class="option-name">{{ option.option_name }}:</span>\n
                            <span class="option-value">{{ option.option_value_name }}</span>\n
                            <span v-if="option.price_adjustment != 0" class="price-adjustment text-muted">\n
                              ({{ option.price_adjustment_format }})\n
                            </span>\n
                          </div>\n
                        </div>\n
                      </template>\n
                      <span v-if="item.item_type !== 'normal'" class="badge bg-danger ms-2">{{ item.item_type_label }}</span>\n
                    </div>\n
                    <div class="d-flex justify-content-between align-items-center mt-2">\n
                      <div class="d-flex align-items-center gap-2">\n
                        <div class="fs-6">{{ item.price_format }}</div>\n
                        <div class="d-flex align-items-center" style="width: 60px;">\n
                          <input type="number"\n
                            :class="item.item_type !== 'normal' ? 'form-control form-control-sm text-center p-0 bg-light' : 'form-control form-control-sm text-center p-0'"\n
                            style="width: 60px; height: 26px;" v-model.number="item.quantity" min="1"\n
                            @change="quantityChanged(item)" :readonly="item.item_type !== 'normal'">\n
                        </div>\n
                      </div>\n
                      <div class="d-flex align-items-center gap-2">\n
                        <div class="text-primary small">{{ item.subtotal_format }}</div>\n
                        <button type="button"\n
                          class="btn btn-link text-danger p-0 border-0 d-flex align-items-center justify-content-center"\n
                          style="width: 26px; height: 26px;" @click="deleteItem(item.id)">\n
                          <i class="bi bi-x-circle-fill"></i>\n
                        </button>\n
                      </div>\n
                    </div>\n
                  </div>\n
                </div>\n
              </div>\n
            </div>\n
      \n
            <!-- Cart footer -->\n
            <div class="border-top p-3">\n
              <div class="d-flex align-items-center mb-3">\n
                <div class="form-check">\n
                  <input class="form-check-input" type="checkbox" id="selectAll" :checked="allSelected"\n
                    @change="toggleSelectAll">\n
                  <label class="form-check-label" for="selectAll">全选</label>\n
                </div>\n
                <div class="ms-auto">\n
                  <span class="fs-5">总计</span>\n
                  <span class="fs-5 text-primary ms-2">{{ totalAmount }}</span>\n
                </div>\n
              </div>\n
              <a class="btn btn-primary btn-lg fw-bold w-100 to-checkout" :href="urls.checkout">\n
                立即结账\n
              </a>\n
              <a class="btn btn-outline-secondary btn-lg fw-bold w-100 mt-2" :href="urls.cart">\n
                查看购物车\n
              </a>\n
            </div>\n
          </div>\n
        </div>\n
      </div>\n
      \n
        \n
        <script>\n
        /**\n
         * Filter sidebar class\n
         * Handles all filter functionality including price range, brand, attributes, and stock status\n
         */\n
        class FilterSidebar {\n
          constructor() {\n
            this.maxPrice = 1000;\n
            this.init();\n
          }\n
      \n
          /**\n
           * Initialize the filter sidebar\n
           */\n
          init() {\n
            this.initDualRangeSlider();\n
            this.bindEvents();\n
            this.highlightActiveCategory();\n
          }\n
      \n
          /**\n
           * Get URL parameters\n
           */\n
          getUrlParams() {\n
            const url = new URL(window.location);\n
            const params = new URLSearchParams(url.search);\n
            return { url, params };\n
          }\n
      \n
          /**\n
           * Update URL\n
           */\n
          updateUrl(params) {\n
            const { url } = this.getUrlParams();\n
            url.search = params.toString();\n
            window.location.href = url.toString();\n
          }\n
      \n
          /**\n
           * Update filter parameters\n
           */\n
          updateFilter(paramName, values, isNested = false) {\n
            const { params } = this.getUrlParams();\n
      \n
            // Remove existing parameters\n
            if (isNested) {\n
              const keysToRemove = [];\n
              for (let key of params.keys()) {\n
                if (key.startsWith(`${paramName}[`)) {\n
                  keysToRemove.push(key);\n
                }\n
              }\n
              keysToRemove.forEach(key => params.delete(key));\n
            } else {\n
              params.delete(paramName);\n
            }\n
      \n
            // Add new parameters\n
            if (values && (Array.isArray(values) ? values.length > 0 : Object.keys(values).length > 0)) {\n
              if (isNested) {\n
                Object.keys(values).forEach(key => {\n
                  if (values[key].length > 0) {\n
                    params.set(`${paramName}[${key}]`, values[key].join(','));\n
                  }\n
                });\n
              } else {\n
                params.set(paramName, Array.isArray(values) ? values.join(',') : values);\n
              }\n
            }\n
      \n
            this.updateUrl(params);\n
          }\n
      \n
          /**\n
           * Initialize dual slider price range\n
           */\n
          initDualRangeSlider() {\n
            const slider = document.querySelector('.dual-range-slider');\n
            const minThumb = slider.querySelector('.slider-thumb-min');\n
            const maxThumb = slider.querySelector('.slider-thumb-max');\n
            const sliderRange = slider.querySelector('.slider-range');\n
            const minInput = document.getElementById('minPrice');\n
            const maxInput = document.getElementById('maxPrice');\n
      \n
            if (!slider || !minThumb || !maxThumb || !sliderRange || !minInput || !maxInput) return;\n
      \n
            // Get price values from URL parameters\n
            const urlParams = new URLSearchParams(window.location.search);\n
            let minValue = parseInt(urlParams.get('min_price')) || 0;\n
            let maxValue = parseInt(urlParams.get('max_price')) || this.maxPrice;\n
      \n
            // Ensure values are within valid range\n
            minValue = Math.max(0, Math.min(minValue, this.maxPrice));\n
            maxValue = Math.max(minValue, Math.min(maxValue, this.maxPrice));\n
      \n
            // Initialize input values\n
            minInput.value = minValue;\n
            maxInput.value = maxValue;\n
      \n
            // Update slider position and range display\n
            this.updateSliderDisplay(minValue, maxValue, minThumb, maxThumb, sliderRange);\n
      \n
            // Bind drag events\n
            this.bindDragEvents(minThumb, maxThumb, sliderRange, minInput, maxInput, slider);\n
      \n
            // Bind input events\n
            this.bindInputEvents(minInput, maxInput, minThumb, maxThumb, sliderRange);\n
          }\n
      \n
          /**\n
           * Update slider display\n
           */\n
          updateSliderDisplay(minValue, maxValue, minThumb, maxThumb, sliderRange) {\n
            const minPercent = (minValue / this.maxPrice) * 100;\n
            const maxPercent = (maxValue / this.maxPrice) * 100;\n
      \n
            minThumb.style.left = minPercent + '%';\n
            maxThumb.style.left = maxPercent + '%';\n
            sliderRange.style.left = minPercent + '%';\n
            sliderRange.style.right = (100 - maxPercent) + '%';\n
          }\n
      \n
          /**\n
           * Bind drag events\n
           */\n
          bindDragEvents(minThumb, maxThumb, sliderRange, minInput, maxInput, slider) {\n
            let isDragging = false;\n
            let currentThumb = null;\n
      \n
            const startDrag = (e, thumb) => {\n
              isDragging = true;\n
              currentThumb = thumb;\n
              document.addEventListener('mousemove', onDrag);\n
              document.addEventListener('mouseup', stopDrag);\n
              e.preventDefault();\n
            };\n
      \n
            const onDrag = (e) => {\n
              if (!isDragging || !currentThumb) return;\n
      \n
              const rect = slider.getBoundingClientRect();\n
              const percent = Math.max(0, Math.min(100, ((e.clientX - rect.left) / rect.width) * 100));\n
              const value = Math.round((percent / 100) * this.maxPrice);\n
      \n
              let minValue = parseInt(minInput.value);\n
              let maxValue = parseInt(maxInput.value);\n
      \n
              if (currentThumb === minThumb) {\n
                minValue = Math.min(value, maxValue);\n
                minInput.value = minValue;\n
              } else {\n
                maxValue = Math.max(value, minValue);\n
                maxInput.value = maxValue;\n
              }\n
      \n
              this.updateSliderDisplay(minValue, maxValue, minThumb, maxThumb, sliderRange);\n
            };\n
      \n
            const stopDrag = () => {\n
              isDragging = false;\n
              currentThumb = null;\n
              document.removeEventListener('mousemove', onDrag);\n
              document.removeEventListener('mouseup', stopDrag);\n
            };\n
      \n
            minThumb.addEventListener('mousedown', (e) => startDrag(e, minThumb));\n
            maxThumb.addEventListener('mousedown', (e) => startDrag(e, maxThumb));\n
      \n
            // Support touch devices\n
            minThumb.addEventListener('touchstart', (e) => {\n
              e.clientX = e.touches[0].clientX;\n
              startDrag(e, minThumb);\n
            });\n
      \n
            maxThumb.addEventListener('touchstart', (e) => {\n
              e.clientX = e.touches[0].clientX;\n
              startDrag(e, maxThumb);\n
            });\n
      \n
            document.addEventListener('touchmove', (e) => {\n
              if (isDragging) {\n
                e.clientX = e.touches[0].clientX;\n
                onDrag(e);\n
              }\n
            });\n
      \n
            document.addEventListener('touchend', stopDrag);\n
          }\n
      \n
          /**\n
           * Bind input events\n
           */\n
          bindInputEvents(minInput, maxInput, minThumb, maxThumb, sliderRange) {\n
            const updateFromInput = () => {\n
              let minValue = parseInt(minInput.value) || 0;\n
              let maxValue = parseInt(maxInput.value) || this.maxPrice;\n
      \n
              // Ensure values are within valid range\n
              minValue = Math.max(0, Math.min(minValue, this.maxPrice));\n
              maxValue = Math.max(minValue, Math.min(maxValue, this.maxPrice));\n
      \n
              // Update input display\n
              minInput.value = minValue;\n
              maxInput.value = maxValue;\n
      \n
              // Update slider display\n
              this.updateSliderDisplay(minValue, maxValue, minThumb, maxThumb, sliderRange);\n
            };\n
      \n
            minInput.addEventListener('input', updateFromInput);\n
            maxInput.addEventListener('input', updateFromInput);\n
            minInput.addEventListener('blur', updateFromInput);\n
            maxInput.addEventListener('blur', updateFromInput);\n
          }\n
      \n
          /**\n
           * Price filter\n
           */\n
          filterByPrice() {\n
            const minPrice = $('#minPrice').val();\n
            const maxPrice = $('#maxPrice').val();\n
            const { params } = this.getUrlParams();\n
      \n
            params.delete('min_price');\n
            params.delete('max_price');\n
      \n
            if (minPrice) params.set('min_price', minPrice);\n
            if (maxPrice) params.set('max_price', maxPrice);\n
      \n
            this.updateUrl(params);\n
          }\n
      \n
          /**\n
           * Brand filter\n
           */\n
          handleBrandFilter() {\n
            const selectedBrands = [];\n
            $('.brand-checkbox:checked').each(function() {\n
              selectedBrands.push($(this).val());\n
            });\n
      \n
            this.updateFilter('brands', selectedBrands);\n
          }\n
      \n
          /**\n
           * Attribute filter - Support multiple attribute groups filtering simultaneously\n
           */\n
          handleAttributeFilter(attributeId) {\n
            const { params } = this.getUrlParams();\n
      \n
            // Get selected values for current attribute group\n
            const selectedValues = [];\n
            $(`.attribute-checkbox[data-attribute-id="${attributeId}"]:checked`).each(function() {\n
              selectedValues.push($(this).val());\n
            });\n
      \n
            // Remove current attribute group parameters\n
            params.delete(`attributes[${attributeId}]`);\n
      \n
            // Add new parameters if there are selected values\n
            if (selectedValues.length > 0) {\n
              params.set(`attributes[${attributeId}]`, selectedValues.join(','));\n
            }\n
      \n
            this.updateUrl(params);\n
          }\n
      \n
          /**\n
           * Stock status filter\n
           */\n
          handleAvailabilityFilter() {\n
            const selectedAvailability = [];\n
            $('.availability-checkbox:checked').each(function() {\n
              selectedAvailability.push($(this).val());\n
            });\n
      \n
            this.updateFilter('availability', selectedAvailability);\n
          }\n
      \n
          /**\n
           * Clear all filters\n
           */\n
          clearAllFilters() {\n
            const { params } = this.getUrlParams();\n
      \n
            // Remove all filter parameters\n
            params.delete('min_price');\n
            params.delete('max_price');\n
            params.delete('brands');\n
            params.delete('availability');\n
      \n
            // Remove attribute filter parameters\n
            const keysToRemove = [];\n
            for (let key of params.keys()) {\n
              if (key.startsWith('attributes[')) {\n
                keysToRemove.push(key);\n
              }\n
            }\n
            keysToRemove.forEach(key => params.delete(key));\n
      \n
            this.updateUrl(params);\n
          }\n
      \n
          /**\n
           * Toggle sidebar display\n
           */\n
          toggleSidebar() {\n
            if ($(window).width() < 768) {\n
              $('#filterSidebar').css('transform', 'translateX(0)');\n
              $('#overlay').show();\n
            }\n
          }\n
      \n
          /**\n
           * Highlight current category\n
           */\n
          highlightActiveCategory() {\n
            const currentPath = window.location.pathname;\n
      \n
            $('#filter-category a').each(function() {\n
              const linkPath = new URL($(this).attr('href'), window.location.origin).pathname;\n
      \n
              if (linkPath === currentPath) {\n
                $(this).addClass('active');\n
      \n
                // Expand parent accordion\n
                $(this).parents('.accordion-item').each(function() {\n
                  const collapseTarget = $(this).find('[data-bs-toggle="collapse"]').attr('data-bs-target');\n
                  if (collapseTarget) {\n
                    $(collapseTarget).addClass('show');\n
                    $(this).find('[data-bs-toggle="collapse"]').removeClass('collapsed').attr('aria-expanded', 'true');\n
                  }\n
                });\n
              }\n
            });\n
          }\n
      \n
          /**\n
           * Bind all events\n
           */\n
          bindEvents() {\n
            // Brand filter events\n
            $(document).on('change', '.brand-checkbox', () => {\n
              this.handleBrandFilter();\n
            });\n
      \n
            // Attribute filter events\n
            $(document).on('change', '.attribute-checkbox', (e) => {\n
              const attributeId = $(e.target).data('attribute-id');\n
              this.handleAttributeFilter(attributeId);\n
            });\n
      \n
            // Stock status filter events\n
            $(document).on('change', '.availability-checkbox', () => {\n
              this.handleAvailabilityFilter();\n
            });\n
      \n
            // Sidebar toggle events\n
            $('#toggleFilterSidebar').on('click', () => {\n
              this.toggleSidebar();\n
            });\n
      \n
            $('#overlay').on('click', () => {\n
              $('#filterSidebar').css('transform', 'translateX(100%)');\n
              $('#overlay').hide();\n
            });\n
      \n
            // Click outside to close sidebar\n
            $(document).on('click', (event) => {\n
              if ($(window).width() < 768 && !$(event.target).closest('#filterSidebar, #toggleFilterSidebar').length) {\n
                $('#filterSidebar').css('transform', 'translateX(100%)');\n
                $('#overlay').hide();\n
              }\n
            });\n
      \n
            // Window resize events\n
            $(window).resize(() => {\n
              if ($(window).width() >= 768) {\n
                $('#filterSidebar').css('transform', 'translateX(0)');\n
                $('#overlay').hide();\n
              } else {\n
                $('#filterSidebar').css('transform', 'translateX(100%)');\n
              }\n
            });\n
          }\n
        }\n
      \n
        // Global function, maintain backward compatibility\n
        let filterSidebar;\n
      \n
        function toggleSidebar() {\n
          filterSidebar.toggleSidebar();\n
        }\n
      \n
        function filterByPrice() {\n
          filterSidebar.filterByPrice();\n
        }\n
      \n
        function clearAllFilters() {\n
          filterSidebar.clearAllFilters();\n
        }\n
      \n
        // Initialize filter sidebar\n
        $(document).ready(function() {\n
          filterSidebar = new FilterSidebar();\n
        });\n
      </script>\n
      <script>\n
        $('.form-select, input[name="style_list"]').change(function (event) {\n
            filterProductData();\n
          });\n
      \n
          function filterProductData() {\n
            let url = inno.removeURLParameters(window.location.href, 'price', 'sort', 'order');\n
            let order = $('.order-select').val();\n
            let perPage = $('.per-page-select').val();\n
            let styleList = $('input[name="style_list"]:checked').val();\n
      \n
            layer.load(1, {shade: [0.3, '#fff']})\n
      \n
            if (order) {\n
              let orderKeys = order.split('|');\n
              url = inno.updateQueryStringParameter(url, 'sort', orderKeys[0]);\n
              url = inno.updateQueryStringParameter(url, 'order', orderKeys[1]);\n
            }\n
      \n
            if (perPage) {\n
              url = inno.updateQueryStringParameter(url, 'per_page', perPage);\n
            }\n
      \n
            if (styleList) {\n
              url = inno.updateQueryStringParameter(url, 'style_list', styleList);\n
            }\n
      \n
            location = url;\n
          }\n
      \n
          function filterAttrChecked(data) {\n
            let filterAtKey = [];\n
            data.forEach((item) => {\n
              let checkedAtValues = [];\n
              item.values.forEach((val) => val.selected ? checkedAtValues.push(val.id) : '')\n
              if (checkedAtValues.length) {\n
                filterAtKey.push(`${item.id}:${checkedAtValues.join(',')}`)\n
              }\n
            })\n
      \n
            return filterAtKey.join('|')\n
          }\n
      </script>\n
      <script>\n
        if (!window.cartApp) {\n
        const { createApp, ref, computed, onMounted } = Vue\n
      \n
        window.cartApp = createApp({\n
          setup() {\n
            // Reactive states\n
            const cartItems = ref([])\n
            const totalAmount = ref('')\n
      \n
            // Computed properties\n
            const isEmpty = computed(() => !cartItems.value.length)\n
            const allSelected = computed(() => {\n
              const normalItems = cartItems.value.filter(item => item.item_type === 'normal')\n
              return normalItems.length > 0 && normalItems.every(item => item.selected)\n
            })\n
      \n
            // Methods\n
            const loadCart = async () => {\n
              try {\n
                const response = await axios.get(urls.cart_mini)\n
                if (response.success) {\n
                  cartItems.value = response.data.list || []\n
                  totalAmount.value = response.data.amount_format\n
                  updateCartIconQuantity(response.data.total_format)\n
                }\n
              } catch (error) {\n
                inno.toast('购物车加载失败', 'error')\n
              }\n
            }\n
      \n
            const updateSelection = async (selected, ids) => {\n
              // Filter normal product IDs\n
              const normalIds = ids.filter(id => {\n
                const item = cartItems.value.find(item => item.id === id)\n
                return item && item.item_type === 'normal'\n
              })\n
      \n
              if (!normalIds.length) return\n
      \n
              try {\n
                const response = await axios.post(`${urls.cart_add}/${selected ? 'select' : 'unselect'}`, {\n
                  cart_ids: normalIds\n
                })\n
                if (response.success) {\n
                  inno.toast(response.message)\n
                  await loadCart()\n
                }\n
              } catch (error) {\n
                inno.toast('Failed to update selection', 'error')\n
              }\n
            }\n
      \n
            const toggleSelectAll = () => {\n
              const normalIds = cartItems.value\n
                .filter(item => item.item_type === 'normal')\n
                .map(item => item.id)\n
              updateSelection(!allSelected.value, normalIds)\n
            }\n
      \n
            const updateQuantity = async (id, quantity) => {\n
              if (quantity < 1) return\n
      \n
              try {\n
                const response = await axios.put(`${urls.cart_add}/${id}`, { quantity })\n
                if (response.success) {\n
                  inno.toast(response.message)\n
                  await loadCart()\n
                  if (window.location.pathname.includes('/cart')) {\n
                    window.location.reload()\n
                  }\n
                }\n
              } catch (error) {\n
                inno.toast('Failed to update quantity', 'error')\n
              }\n
            }\n
      \n
            const deleteItem = async (id) => {\n
              try {\n
                const response = await axios.delete(`${urls.cart_add}/${id}`)\n
                if (response.success) {\n
                  inno.toast(response.message)\n
                  await loadCart()\n
                  if (window.location.pathname.includes('/cart')) {\n
                    window.location.reload()\n
                  }\n
                }\n
              } catch (error) {\n
                inno.toast('Failed to delete item', 'error')\n
              }\n
            }\n
      \n
            const updateCartIconQuantity = (quantity) => {\n
              document.querySelectorAll('.header-cart-icon .icon-quantity').forEach(el => {\n
                el.textContent = quantity\n
              })\n
            }\n
      \n
            // Helper methods\n
            const increaseQuantity = (item) => {\n
              updateQuantity(item.id, item.quantity + 1)\n
            }\n
      \n
            const decreaseQuantity = (item) => {\n
              if (item.quantity > 1) {\n
                updateQuantity(item.id, item.quantity - 1)\n
              }\n
            }\n
      \n
            const quantityChanged = (item) => {\n
              if (item.quantity < 1) {\n
                item.quantity = 1\n
              }\n
              updateQuantity(item.id, item.quantity)\n
            }\n
      \n
            // Lifecycle hooks\n
            onMounted(() => {\n
              loadCart()\n
      \n
              // Listen for cart show event\n
              const miniCart = document.getElementById('miniCart')\n
              if (miniCart) {\n
                miniCart.addEventListener('show.bs.offcanvas', () => {\n
                  loadCart()\n
                })\n
              }\n
            })\n
      \n
            return {\n
              cartItems,\n
              totalAmount,\n
              isEmpty,\n
              allSelected,\n
              urls,\n
              asset_url,\n
              increaseQuantity,\n
              decreaseQuantity,\n
              quantityChanged,\n
              deleteItem,\n
              updateSelection,\n
              toggleSelectAll\n
            }\n
          }\n
        }).mount('#miniCart')\n
      }\n
      </script>\n
      </body>\n
      \n
      </html>\n
      """
    #version: "1.1"
    #statusCode: 200
    #statusText: "OK"
    #charset: null
    -sentHeaders: ? array
    +original: Illuminate\View\View {#2246
      #factory: Illuminate\View\Factory {#1255 …25}
      #engine: Illuminate\View\Engines\CompilerEngine {#2404
        #files: Illuminate\Filesystem\Filesystem {#398}
        #compiler: Illuminate\View\Compilers\BladeCompiler {#486
          #files: Illuminate\Filesystem\Filesystem {#398}
          #cachePath: "/Users/ubuntu/www/stellantis/innoshop-kit/web-front/storage/framework/views"
          #basePath: ""
          #shouldCache: true
          #compiledExtension: "php"
          #shouldCheckTimestamps: true
          #extensions: []
          #customDirectives: array:30 [
            "haspermission" => Closure($expression) {#488
              class: "Illuminate\View\Compilers\BladeCompiler"
              this: Illuminate\View\Compilers\BladeCompiler {#486}
              use: {
                $name: "haspermission"
              }
              file: "/Users/ubuntu/www/stellantis/innoshop-kit/web-front/vendor/laravel/framework/src/Illuminate/View/Compilers/BladeCompiler.php"
              line: "729 to 733"
            }
            "unlesshaspermission" => Closure($expression) {#489
              class: "Illuminate\View\Compilers\BladeCompiler"
              this: Illuminate\View\Compilers\BladeCompiler {#486}
              use: {
                $name: "haspermission"
              }
              file: "/Users/ubuntu/www/stellantis/innoshop-kit/web-front/vendor/laravel/framework/src/Illuminate/View/Compilers/BladeCompiler.php"
              line: "735 to 739"
            }
            "elsehaspermission" => Closure($expression) {#490
              class: "Illuminate\View\Compilers\BladeCompiler"
              this: Illuminate\View\Compilers\BladeCompiler {#486}
              use: {
                $name: "haspermission"
              }
              file: "/Users/ubuntu/www/stellantis/innoshop-kit/web-front/vendor/laravel/framework/src/Illuminate/View/Compilers/BladeCompiler.php"
              line: "741 to 745"
            }
            "endhaspermission" => Closure() {#491
              class: "Illuminate\View\Compilers\BladeCompiler"
              this: Illuminate\View\Compilers\BladeCompiler {#486}
              file: "/Users/ubuntu/www/stellantis/innoshop-kit/web-front/vendor/laravel/framework/src/Illuminate/View/Compilers/BladeCompiler.php"
              line: "747 to 749"
            }
            "role" => Closure($expression) {#493
              class: "Illuminate\View\Compilers\BladeCompiler"
              this: Illuminate\View\Compilers\BladeCompiler {#486}
              use: {
                $name: "role"
              }
              file: "/Users/ubuntu/www/stellantis/innoshop-kit/web-front/vendor/laravel/framework/src/Illuminate/View/Compilers/BladeCompiler.php"
              line: "729 to 733"
            }
            "unlessrole" => Closure($expression) {#494
              class: "Illuminate\View\Compilers\BladeCompiler"
              this: Illuminate\View\Compilers\BladeCompiler {#486}
              use: {
                $name: "role"
              }
              file: "/Users/ubuntu/www/stellantis/innoshop-kit/web-front/vendor/laravel/framework/src/Illuminate/View/Compilers/BladeCompiler.php"
              line: "735 to 739"
            }
            "elserole" => Closure($expression) {#495
              class: "Illuminate\View\Compilers\BladeCompiler"
              this: Illuminate\View\Compilers\BladeCompiler {#486}
              use: {
                $name: "role"
              }
              file: "/Users/ubuntu/www/stellantis/innoshop-kit/web-front/vendor/laravel/framework/src/Illuminate/View/Compilers/BladeCompiler.php"
              line: "741 to 745"
            }
            "endrole" => Closure() {#496
              class: "Illuminate\View\Compilers\BladeCompiler"
              this: Illuminate\View\Compilers\BladeCompiler {#486}
              file: "/Users/ubuntu/www/stellantis/innoshop-kit/web-front/vendor/laravel/framework/src/Illuminate/View/Compilers/BladeCompiler.php"
              line: "747 to 749"
            }
            "hasrole" => Closure($expression) {#498
              class: "Illuminate\View\Compilers\BladeCompiler"
              this: Illuminate\View\Compilers\BladeCompiler {#486}
              use: {
                $name: "hasrole"
              }
              file: "/Users/ubuntu/www/stellantis/innoshop-kit/web-front/vendor/laravel/framework/src/Illuminate/View/Compilers/BladeCompiler.php"
              line: "729 to 733"
            }
            "unlesshasrole" => Closure($expression) {#499
              class: "Illuminate\View\Compilers\BladeCompiler"
              this: Illuminate\View\Compilers\BladeCompiler {#486}
              use: {
                $name: "hasrole"
              }
              file: "/Users/ubuntu/www/stellantis/innoshop-kit/web-front/vendor/laravel/framework/src/Illuminate/View/Compilers/BladeCompiler.php"
              line: "735 to 739"
            }
            "elsehasrole" => Closure($expression) {#500
              class: "Illuminate\View\Compilers\BladeCompiler"
              this: Illuminate\View\Compilers\BladeCompiler {#486}
              use: {
                $name: "hasrole"
              }
              file: "/Users/ubuntu/www/stellantis/innoshop-kit/web-front/vendor/laravel/framework/src/Illuminate/View/Compilers/BladeCompiler.php"
              line: "741 to 745"
            }
            "endhasrole" => Closure() {#501
              class: "Illuminate\View\Compilers\BladeCompiler"
              this: Illuminate\View\Compilers\BladeCompiler {#486}
              file: "/Users/ubuntu/www/stellantis/innoshop-kit/web-front/vendor/laravel/framework/src/Illuminate/View/Compilers/BladeCompiler.php"
              line: "747 to 749"
            }
            "hasanyrole" => Closure($expression) {#503
              class: "Illuminate\View\Compilers\BladeCompiler"
              this: Illuminate\View\Compilers\BladeCompiler {#486}
              use: {
                $name: "hasanyrole"
              }
              file: "/Users/ubuntu/www/stellantis/innoshop-kit/web-front/vendor/laravel/framework/src/Illuminate/View/Compilers/BladeCompiler.php"
              line: "729 to 733"
            }
            "unlesshasanyrole" => Closure($expression) {#504
              class: "Illuminate\View\Compilers\BladeCompiler"
              this: Illuminate\View\Compilers\BladeCompiler {#486}
              use: {
                $name: "hasanyrole"
              }
              file: "/Users/ubuntu/www/stellantis/innoshop-kit/web-front/vendor/laravel/framework/src/Illuminate/View/Compilers/BladeCompiler.php"
              line: "735 to 739"
            }
            "elsehasanyrole" => Closure($expression) {#505
              class: "Illuminate\View\Compilers\BladeCompiler"
              this: Illuminate\View\Compilers\BladeCompiler {#486}
              use: {
                $name: "hasanyrole"
              }
              file: "/Users/ubuntu/www/stellantis/innoshop-kit/web-front/vendor/laravel/framework/src/Illuminate/View/Compilers/BladeCompiler.php"
              line: "741 to 745"
            }
            "endhasanyrole" => Closure() {#506
              class: "Illuminate\View\Compilers\BladeCompiler"
              this: Illuminate\View\Compilers\BladeCompiler {#486}
              file: "/Users/ubuntu/www/stellantis/innoshop-kit/web-front/vendor/laravel/framework/src/Illuminate/View/Compilers/BladeCompiler.php"
              line: "747 to 749"
            }
            "hasallroles" => Closure($expression) {#508
              class: "Illuminate\View\Compilers\BladeCompiler"
              this: Illuminate\View\Compilers\BladeCompiler {#486}
              use: {
                $name: "hasallroles"
              }
              file: "/Users/ubuntu/www/stellantis/innoshop-kit/web-front/vendor/laravel/framework/src/Illuminate/View/Compilers/BladeCompiler.php"
              line: "729 to 733"
            }
            "unlesshasallroles" => Closure($expression) {#509
              class: "Illuminate\View\Compilers\BladeCompiler"
              this: Illuminate\View\Compilers\BladeCompiler {#486}
              use: {
                $name: "hasallroles"
              }
              file: "/Users/ubuntu/www/stellantis/innoshop-kit/web-front/vendor/laravel/framework/src/Illuminate/View/Compilers/BladeCompiler.php"
              line: "735 to 739"
            }
            "elsehasallroles" => Closure($expression) {#510
              class: "Illuminate\View\Compilers\BladeCompiler"
              this: Illuminate\View\Compilers\BladeCompiler {#486}
              use: {
                $name: "hasallroles"
              }
              file: "/Users/ubuntu/www/stellantis/innoshop-kit/web-front/vendor/laravel/framework/src/Illuminate/View/Compilers/BladeCompiler.php"
              line: "741 to 745"
            }
            "endhasallroles" => Closure() {#511
              class: "Illuminate\View\Compilers\BladeCompiler"
              this: Illuminate\View\Compilers\BladeCompiler {#486}
              file: "/Users/ubuntu/www/stellantis/innoshop-kit/web-front/vendor/laravel/framework/src/Illuminate/View/Compilers/BladeCompiler.php"
              line: "747 to 749"
            }
            "hasexactroles" => Closure($expression) {#513
              class: "Illuminate\View\Compilers\BladeCompiler"
              this: Illuminate\View\Compilers\BladeCompiler {#486}
              use: {
                $name: "hasexactroles"
              }
              file: "/Users/ubuntu/www/stellantis/innoshop-kit/web-front/vendor/laravel/framework/src/Illuminate/View/Compilers/BladeCompiler.php"
              line: "729 to 733"
            }
            "unlesshasexactroles" => Closure($expression) {#514
              class: "Illuminate\View\Compilers\BladeCompiler"
              this: Illuminate\View\Compilers\BladeCompiler {#486}
              use: {
                $name: "hasexactroles"
              }
              file: "/Users/ubuntu/www/stellantis/innoshop-kit/web-front/vendor/laravel/framework/src/Illuminate/View/Compilers/BladeCompiler.php"
              line: "735 to 739"
            }
            "elsehasexactroles" => Closure($expression) {#515
              class: "Illuminate\View\Compilers\BladeCompiler"
              this: Illuminate\View\Compilers\BladeCompiler {#486}
              use: {
                $name: "hasexactroles"
              }
              file: "/Users/ubuntu/www/stellantis/innoshop-kit/web-front/vendor/laravel/framework/src/Illuminate/View/Compilers/BladeCompiler.php"
              line: "741 to 745"
            }
            "endhasexactroles" => Closure() {#516
              class: "Illuminate\View\Compilers\BladeCompiler"
              this: Illuminate\View\Compilers\BladeCompiler {#486}
              file: "/Users/ubuntu/www/stellantis/innoshop-kit/web-front/vendor/laravel/framework/src/Illuminate/View/Compilers/BladeCompiler.php"
              line: "747 to 749"
            }
            "endunlessrole" => Closure() {#517
              class: "Spatie\Permission\PermissionServiceProvider"
              this: Spatie\Permission\PermissionServiceProvider {#357 …}
              file: "/Users/ubuntu/www/stellantis/innoshop-kit/web-front/vendor/spatie/laravel-permission/src/PermissionServiceProvider.php"
              line: "143 to 143"
            }
            "action" => Closure($expression) {#485
              class: "TorMorten\Eventy\EventBladeServiceProvider"
              this: TorMorten\Eventy\EventBladeServiceProvider {#376 …}
              file: "/Users/ubuntu/www/stellantis/innoshop-kit/web-front/vendor/tormjens/eventy/src/EventBladeServiceProvider.php"
              line: "21 to 23"
            }
            "filter" => Closure($expression) {#518
              class: "TorMorten\Eventy\EventBladeServiceProvider"
              this: TorMorten\Eventy\EventBladeServiceProvider {#376 …}
              file: "/Users/ubuntu/www/stellantis/innoshop-kit/web-front/vendor/tormjens/eventy/src/EventBladeServiceProvider.php"
              line: "28 to 30"
            }
            "hookinsert" => Closure($parameter) {#1315
              class: "InnoShop\Plugin\PluginServiceProvider"
              this: InnoShop\Plugin\PluginServiceProvider {#385 …}
              file: "/Users/ubuntu/www/stellantis/innoshop-kit/web-front/innopacks/innoshop-plugin/src/PluginServiceProvider.php"
              line: "275 to 293"
            }
            "hookupdate" => Closure($parameter) {#1311
              class: "InnoShop\Plugin\PluginServiceProvider"
              this: InnoShop\Plugin\PluginServiceProvider {#385 …}
              file: "/Users/ubuntu/www/stellantis/innoshop-kit/web-front/innopacks/innoshop-plugin/src/PluginServiceProvider.php"
              line: "298 to 307"
            }
            "endhookupdate" => Closure() {#1310
              class: "InnoShop\Plugin\PluginServiceProvider"
              this: InnoShop\Plugin\PluginServiceProvider {#385 …}
              file: "/Users/ubuntu/www/stellantis/innoshop-kit/web-front/innopacks/innoshop-plugin/src/PluginServiceProvider.php"
              line: "309 to 323"
            }
          ]
          #conditions: array:6 [
            "haspermission" => Closure() {#487
              class: "Spatie\Permission\PermissionServiceProvider"
              this: Spatie\Permission\PermissionServiceProvider {#357 …}
              use: {
                $bladeMethodWrapper: "\Spatie\Permission\PermissionServiceProvider::bladeMethodWrapper"
              }
              file: "/Users/ubuntu/www/stellantis/innoshop-kit/web-front/vendor/spatie/laravel-permission/src/PermissionServiceProvider.php"
              line: "135 to 135"
            }
            "role" => Closure() {#492
              class: "Spatie\Permission\PermissionServiceProvider"
              this: Spatie\Permission\PermissionServiceProvider {#357 …}
              use: {
                $bladeMethodWrapper: "\Spatie\Permission\PermissionServiceProvider::bladeMethodWrapper"
              }
              file: "/Users/ubuntu/www/stellantis/innoshop-kit/web-front/vendor/spatie/laravel-permission/src/PermissionServiceProvider.php"
              line: "138 to 138"
            }
            "hasrole" => Closure() {#497
              class: "Spatie\Permission\PermissionServiceProvider"
              this: Spatie\Permission\PermissionServiceProvider {#357 …}
              use: {
                $bladeMethodWrapper: "\Spatie\Permission\PermissionServiceProvider::bladeMethodWrapper"
              }
              file: "/Users/ubuntu/www/stellantis/innoshop-kit/web-front/vendor/spatie/laravel-permission/src/PermissionServiceProvider.php"
              line: "139 to 139"
            }
            "hasanyrole" => Closure() {#502
              class: "Spatie\Permission\PermissionServiceProvider"
              this: Spatie\Permission\PermissionServiceProvider {#357 …}
              use: {
                $bladeMethodWrapper: "\Spatie\Permission\PermissionServiceProvider::bladeMethodWrapper"
              }
              file: "/Users/ubuntu/www/stellantis/innoshop-kit/web-front/vendor/spatie/laravel-permission/src/PermissionServiceProvider.php"
              line: "140 to 140"
            }
            "hasallroles" => Closure() {#507
              class: "Spatie\Permission\PermissionServiceProvider"
              this: Spatie\Permission\PermissionServiceProvider {#357 …}
              use: {
                $bladeMethodWrapper: "\Spatie\Permission\PermissionServiceProvider::bladeMethodWrapper"
              }
              file: "/Users/ubuntu/www/stellantis/innoshop-kit/web-front/vendor/spatie/laravel-permission/src/PermissionServiceProvider.php"
              line: "141 to 141"
            }
            "hasexactroles" => Closure() {#512
              class: "Spatie\Permission\PermissionServiceProvider"
              this: Spatie\Permission\PermissionServiceProvider {#357 …}
              use: {
                $bladeMethodWrapper: "\Spatie\Permission\PermissionServiceProvider::bladeMethodWrapper"
              }
              file: "/Users/ubuntu/www/stellantis/innoshop-kit/web-front/vendor/spatie/laravel-permission/src/PermissionServiceProvider.php"
              line: "142 to 142"
            }
          ]
          #prepareStringsForCompilationUsing: []
          #precompilers: []
          #path: "/Users/ubuntu/www/stellantis/innoshop-kit/web-front/innopacks/front/resources/views/components/mini-cart.blade.php"
          #compilers: array:3 [
            0 => "Extensions"
            1 => "Statements"
            2 => "Echos"
          ]
          #rawTags: array:2 [
            0 => "{!!"
            1 => "!!}"
          ]
          #contentTags: array:2 [
            0 => "{{"
            1 => "}}"
          ]
          #escapedTags: array:2 [
            0 => "{{{"
            1 => "}}}"
          ]
          #echoFormat: "e(%s)"
          #footer: []
          #rawBlocks: []
          #anonymousComponentPaths: []
          #anonymousComponentNamespaces: []
          #classComponentAliases: array:28 [
            "dynamic-component" => "Illuminate\View\DynamicComponent"
            "common-sidebar" => "InnoShop\Common\Components\Sidebar"
            "common-alert" => "InnoShop\Common\Components\Base\Alert"
            "common-no-data" => "InnoShop\Common\Components\Base\NoData"
            "common-delete-button" => "InnoShop\Common\Components\Base\DeleteButton"
            "common-data-criteria" => "InnoShop\Common\Components\Data\Criteria"
            "common-data-sorter" => "InnoShop\Common\Components\Data\Sorter"
            "common-data-info" => "InnoShop\Common\Components\Data\DataInfo"
            "common-chart-line" => "InnoShop\Common\Components\Charts\Line"
            "common-chart-pie" => "InnoShop\Common\Components\Charts\Pie"
            "common-form-codemirror" => "InnoShop\Common\Components\Forms\Codemirror"
            "common-form-autocomplete-list" => "InnoShop\Common\Components\Forms\AutocompleteList"
            "common-form-input" => "InnoShop\Common\Components\Forms\Input"
            "common-form-select" => "InnoShop\Common\Components\Forms\Select"
            "common-form-textarea" => "InnoShop\Common\Components\Forms\Textarea"
            "common-form-rich-text" => "InnoShop\Common\Components\Forms\RichText"
            "common-form-image" => "InnoShop\Common\Components\Forms\Image"
            "common-form-imagep" => "InnoShop\Common\Components\Forms\ImagePure"
            "common-form-images" => "InnoShop\Common\Components\Forms\Images"
            "common-form-imagesp" => "InnoShop\Common\Components\Forms\ImagesPure"
            "common-form-file" => "InnoShop\Common\Components\Forms\File"
            "common-form-date" => "InnoShop\Common\Components\Forms\Date"
            "common-form-switch-radio" => "InnoShop\Common\Components\Forms\SwitchRadio"
            "common-form-model-switch" => "InnoShop\Common\Components\Forms\ModelSwitch"
            "front-breadcrumb" => "InnoShop\Front\Components\Breadcrumb"
            "front-review" => "InnoShop\Front\Components\Review"
            "front-header" => "InnoShop\Front\Components\Header"
            "front-footer" => "InnoShop\Front\Components\Footer"
          ]
          #classComponentNamespaces: []
          #compilesComponentTags: true
          #firstCaseInSwitch: true
          #echoHandlers: []
          #lastFragment: null
          -encodingOptions: 15
          #lastSection: "content"
          #forElseCounter: 0
        }
        #lastCompiled: []
        #compiledOrNotExpired: array:8 [
          "/Users/ubuntu/www/stellantis/innoshop-kit/web-front/innopacks/front/resources/views/components/breadcrumb.blade.php" => true
          "/Users/ubuntu/www/stellantis/innoshop-kit/web-front/innopacks/front/resources/views/shared/filter_sidebar.blade.php" => true
          "/Users/ubuntu/www/stellantis/innoshop-kit/web-front/innopacks/front/resources/views/vendor/pagination/bootstrap-4.blade.php" => true
          "/Users/ubuntu/www/stellantis/innoshop-kit/web-front/innopacks/front/resources/views/components/header.blade.php" => true
          "/Users/ubuntu/www/stellantis/innoshop-kit/web-front/innopacks/front/resources/views/components/footer.blade.php" => true
          "/Users/ubuntu/www/stellantis/innoshop-kit/web-front/innopacks/front/resources/views/components/mini-cart.blade.php" => true
          "/Users/ubuntu/www/stellantis/innoshop-kit/web-front/innopacks/front/resources/views/layouts/app.blade.php" => true
          "/Users/ubuntu/www/stellantis/innoshop-kit/web-front/innopacks/front/resources/views/products/index.blade.php" => true
        ]
      }
      #view: "products.index"
      #data: array:7 [
        "products" => Illuminate\Pagination\LengthAwarePaginator {#2252
          #items: Illuminate\Database\Eloquent\Collection {#2288
            #items: []
            #escapeWhenCastingToString: false
          }
          #perPage: 15
          #currentPage: 2
          #path: "http://innoshop-in.energytrust.com.cn/products/explore"
          #query: []
          #fragment: null
          #pageName: "page"
          #escapeWhenCastingToString: false
          +onEachSide: 3
          #options: array:2 [
            "path" => "http://innoshop-in.energytrust.com.cn/products/explore"
            "pageName" => "page"
          ]
          #total: 9
          #lastPage: 1
        }
        "categories" => array:5 [
          0 => array:7 [
            "id" => 1
            "slug" => "women-clothing"
            "name" => "女装"
            "url" => "https://innoshop-in.energytrust.com.cn/r/category/women-clothing"
            "image" => "https://innoshop-in.energytrust.com.cn/cache/images/demo/categories/women-cate-300x300.png"
            "active" => true
            "children" => array:2 [
              0 => array:7 [
                "id" => 2
                "slug" => "casual-wear"
                "name" => "休闲装"
                "url" => "https://innoshop-in.energytrust.com.cn/r/category/casual-wear"
                "image" => "https://innoshop-in.energytrust.com.cn/cache/images/placeholder-300x300.png"
                "active" => true
                "children" => []
              ]
              1 => array:7 [
                "id" => 3
                "slug" => "formal-wear"
                "name" => "正装"
                "url" => "https://innoshop-in.energytrust.com.cn/r/category/formal-wear"
                "image" => "https://innoshop-in.energytrust.com.cn/cache/images/placeholder-300x300.png"
                "active" => true
                "children" => []
              ]
            ]
          ]
          1 => array:7 [
            "id" => 4
            "slug" => "men-clothing"
            "name" => "男装"
            "url" => "https://innoshop-in.energytrust.com.cn/r/category/men-clothing"
            "image" => "https://innoshop-in.energytrust.com.cn/cache/images/placeholder-300x300.png"
            "active" => true
            "children" => array:2 [
              0 => array:7 [
                "id" => 5
                "slug" => "casual-wear-men"
                "name" => "休闲装"
                "url" => "https://innoshop-in.energytrust.com.cn/r/category/casual-wear-men"
                "image" => "https://innoshop-in.energytrust.com.cn/cache/images/placeholder-300x300.png"
                "active" => true
                "children" => []
              ]
              1 => array:7 [
                "id" => 6
                "slug" => "business-wear"
                "name" => "商务装"
                "url" => "https://innoshop-in.energytrust.com.cn/r/category/business-wear"
                "image" => "https://innoshop-in.energytrust.com.cn/cache/images/placeholder-300x300.png"
                "active" => true
                "children" => []
              ]
            ]
          ]
          2 => array:7 [
            "id" => 7
            "slug" => "children-clothing"
            "name" => "童装"
            "url" => "https://innoshop-in.energytrust.com.cn/r/category/children-clothing"
            "image" => "https://innoshop-in.energytrust.com.cn/cache/images/placeholder-300x300.png"
            "active" => true
            "children" => array:2 [
              0 => array:7 [
                "id" => 8
                "slug" => "boys-clothing"
                "name" => "男童"
                "url" => "https://innoshop-in.energytrust.com.cn/r/category/boys-clothing"
                "image" => "https://innoshop-in.energytrust.com.cn/cache/images/placeholder-300x300.png"
                "active" => true
                "children" => []
              ]
              1 => array:7 [
                "id" => 9
                "slug" => "girls-clothing"
                "name" => "女童"
                "url" => "https://innoshop-in.energytrust.com.cn/r/category/girls-clothing"
                "image" => "https://innoshop-in.energytrust.com.cn/cache/images/placeholder-300x300.png"
                "active" => true
                "children" => []
              ]
            ]
          ]
          3 => array:7 [
            "id" => 10
            "slug" => "sportswear"
            "name" => "运动装"
            "url" => "https://innoshop-in.energytrust.com.cn/r/category/sportswear"
            "image" => "https://innoshop-in.energytrust.com.cn/cache/images/placeholder-300x300.png"
            "active" => true
            "children" => array:2 [
              0 => array:7 [
                "id" => 11
                "slug" => "sports-clothing"
                "name" => "运动服"
                "url" => "https://innoshop-in.energytrust.com.cn/r/category/sports-clothing"
                "image" => "https://innoshop-in.energytrust.com.cn/cache/images/placeholder-300x300.png"
                "active" => true
                "children" => []
              ]
              1 => array:7 [
                "id" => 12
                "slug" => "sports-accessories"
                "name" => "运动配件"
                "url" => "https://innoshop-in.energytrust.com.cn/r/category/sports-accessories"
                "image" => "https://innoshop-in.energytrust.com.cn/cache/images/placeholder-300x300.png"
                "active" => true
                "children" => []
              ]
            ]
          ]
          4 => array:7 [
            "id" => 13
            "slug" => "accessories"
            "name" => "配饰"
            "url" => "https://innoshop-in.energytrust.com.cn/r/category/accessories"
            "image" => "https://innoshop-in.energytrust.com.cn/cache/images/placeholder-300x300.png"
            "active" => true
            "children" => array:2 [
              0 => array:7 [
                "id" => 14
                "slug" => "hats"
                "name" => "帽子"
                "url" => "https://innoshop-in.energytrust.com.cn/r/category/hats"
                "image" => "https://innoshop-in.energytrust.com.cn/cache/images/placeholder-300x300.png"
                "active" => true
                "children" => []
              ]
              1 => array:7 [
                "id" => 15
                "slug" => "scarves"
                "name" => "围巾"
                "url" => "https://innoshop-in.energytrust.com.cn/r/category/scarves"
                "image" => "https://innoshop-in.energytrust.com.cn/cache/images/placeholder-300x300.png"
                "active" => true
                "children" => []
              ]
            ]
          ]
        ]
        "per_page_items" => array:5 [
          0 => 15
          1 => 30
          2 => 45
          3 => 60
          4 => 75
        ]
        "brands" => array:2 [
          0 => array:3 [
            "id" => 1
            "name" => "Adidas"
            "selected" => false
          ]
          1 => array:3 [
            "id" => 2
            "name" => "Nike"
            "selected" => false
          ]
        ]
        "attributes" => array:3 [
          0 => array:3 [
            "id" => 1
            "name" => "功能"
            "values" => array:3 [
              0 => array:3 [
                "id" => 3
                "name" => "防水"
                "selected" => false
              ]
              1 => array:3 [
                "id" => 11
                "name" => "保暖"
                "selected" => false
              ]
              2 => array:3 [
                "id" => 12
                "name" => "防晒"
                "selected" => false
              ]
            ]
          ]
          1 => array:3 [
            "id" => 2
            "name" => "面料"
            "values" => array:5 [
              0 => array:3 [
                "id" => 1
                "name" => "棉"
                "selected" => false
              ]
              1 => array:3 [
                "id" => 2
                "name" => "麻"
                "selected" => false
              ]
              2 => array:3 [
                "id" => 5
                "name" => "丝"
                "selected" => false
              ]
              3 => array:3 [
                "id" => 6
                "name" => "毛"
                "selected" => false
              ]
              4 => array:3 [
                "id" => 7
                "name" => "化纤"
                "selected" => false
              ]
            ]
          ]
          2 => array:3 [
            "id" => 3
            "name" => "样式"
            "values" => array:4 [
              0 => array:3 [
                "id" => 4
                "name" => "圆领"
                "selected" => false
              ]
              1 => array:3 [
                "id" => 8
                "name" => "无领"
                "selected" => false
              ]
              2 => array:3 [
                "id" => 9
                "name" => "短袖"
                "selected" => false
              ]
              3 => array:3 [
                "id" => 10
                "name" => "T恤"
                "selected" => false
              ]
            ]
          ]
        ]
        "availability" => array:2 [
          "in_stock" => false
          "out_of_stock" => false
        ]
        "price_filters" => array:2 [
          "min_price" => ""
          "max_price" => ""
        ]
      ]
      #path: "/Users/ubuntu/www/stellantis/innoshop-kit/web-front/innopacks/front/resources/views/products/index.blade.php"
    }
    +exception: null
  }
]