<view class="shop-detail-page">

  <!-- 店铺信息 -->
  <!-- wx:if="{{ value == 'all' }}" -->
  <view style="padding: 10px;" class="shop-big-box" wx:if="{{ value == 'all' }}"  bindtap="handlePopup">
    <view style="padding: 10px;" class="shop-left-box">
      <view class="shop-left-img-box">
        <image alt="" src="{{shopDetails.shopLogo}}" class="shop-left-img" mode="aspectFit" />
      </view>
      <view>
        <view class="shop-name">{{shopDetails.shopName}}</view>
        <view class="shop-sold">已售：{{shopDetails.shopSalesOrderCount}}</view>
        <view class="shop-intro">{{shopDetails.shopIntro}}</view>
      </view>
    </view>
    <view class="shop-right-box">
      <!-- <view class="shop-right-button" bindtap="gotoShop">进店逛逛 ></view> -->
      <view class="shop-right-arrow">></view>
    </view>
  </view>

  <!-- 全部商品列表 -->
  <view wx:if="{{ value == 'all' }}" class="goods-list-container">
    <filter wr-class="filter-container" bind:change="handleFilterChange" layout="{{layout}}" priceSorts="{{priceSorts}}" soldSorts="{{soldSorts}}" overall="{{overall}}" bind:showFilterPopup="showFilterPopup">
      <filter-popup slot="filterPopup" show="{{show}}" bind:showFilterPopupClose="showFilterPopupClose" bind:reset="reset" bind:confirm="confirm">
        <view class="price-container" slot="filterSlot">
          <view class="price-between">价格区间</view>
          <view class="price-ipts-wrap">
            <t-input align="center" type="number" t-class="price-ipt" placeholder="最低价" value="{{minVal}}" bindchange="onMinValAction" />
            <view class="price-divided">-</view>
            <t-input align="center" type="number" t-class="price-ipt" placeholder="最高价" value="{{maxVal}}" bindchange="onMaxValAction" />
          </view>
        </view>
      </filter-popup>
    </filter>
    <view class="empty-wrap" wx:if="{{goodsList.length === 0 && hasLoaded}}">
      <t-empty t-class="empty-tips" size="240rpx" description="暂无相关商品" />
    </view>
    <view class="category-goods-list" wx:if="{{goodsList.length}}">
      <goods-list wr-class="wr-goods-list" goodsList="{{goodsList}}" bind:click="gotoGoodsDetail" bind:addcart="handleAddCart" />
    </view>
    <load-more wx:if="{{goodsList.length > 0}}" status="{{loadMoreStatus}}" no-more-text="没有更多了" />
  </view>
  <!-- 分类商品列表 -->
  <view wx:if="{{ value == 'category' }}">

    <view class="side-bar-wrapper">
      <t-side-bar value="{{sideBarIndex}}" bind:change="onSideBarChange">
        <t-side-bar-item wx:for="{{categories}}" wx:key="index" value="{{item.value || index}}" label="{{item.label}}" badge-props="{{item.badgeProps}}" />
      </t-side-bar>
      <scroll-view class="content" scroll-y scroll-with-animation scroll-top="{{scrollTop}}" bind:scroll="onScroll">
        <!-- <filter wr-class="filter-container" bind:change="handleFilterChange" layout="{{layout}}" priceSorts="{{priceSorts}}" soldSorts="{{soldSorts}}" overall="{{overall}}" bind:showFilterPopup="showFilterPopup">
        </filter> -->
        <view wx:for="{{categories}}" wx:key="index" class="section">
          <view class="title">{{item.label}}</view>
          <view class="goods-category-crad">
            <view class="empty-wrap" wx:if="{{item.items.length === 0 && hasLoaded}}">
              <t-empty t-class="empty-tips" size="240rpx" description="暂无相关商品" />
            </view>
            <view class="category-goods-list" wx:if="{{item.items.length}}">
              <goods-list wr-class="wr-goods-list" type="category-card" goodsList="{{item.items}}" bind:click="gotoGoodsDetail" bind:addcart="handleAddCart" />
            </view>
          </view>
        </view>
      </scroll-view>
    </view>

  </view>

</view>

<!-- 底部导航栏 -->
<t-tab-bar t-class="custom-tab-bar" value="{{value}}" bindchange="onChange" theme="tag" split="{{false}}">
  <t-tab-bar-item  wx:for="{{list}}" wx:key="index" value="{{item.value}}" icon="{{item.icon}}">
    {{item.label}}
  </t-tab-bar-item>
</t-tab-bar>

<t-toast id="t-toast" />
<t-back-top t-class="back-top" theme="round" text="顶部" bind:to-top="onToTop"></t-back-top>
<t-popup visible="{{visible}}" bind:visible-change="onVisibleChange" placement="bottom">
  <view class="shop-popup-box">
    <view class="shop-popup-title">店铺详情</view>
    <view class="shop-popup-content-box center" >
      <view class="shop-popup-img-box">
        <image class="shop-popup-img" src="{{shopDetails.shopLogo}}" alt="" mode="aspectFit" />
      </view>
      <view class="shop-popup-name">{{shopDetails.shopName}}</view>
      <view class="shop-popup-sold-num">已售：{{shopDetails.shopSalesOrderCount}}</view>
    </view>
    <view class="shop-popup-content-box">
      <view class="shop-popup-intro-title">店铺简介</view>
      <view class="shop-popup-intro">{{shopDetails.shopIntro}}</view>
    </view>
  </view>

</t-popup>