<!--pages/buy/buy.wxml-->
<import src="../../module/header.wxml"/>
<import src="../../module/footer.wxml"/>
<import src="../../module/caritem/caritem.wxml"/>
<scroll-view 
  class="conent"
  style="height:{{windowh}}rpx;"
  scroll-y="{{selectbar==''?'true':'false'}}"
>
  <template 
    is="header"
    data="{{title:'我要买车',headerheight:headerheight}}"
  />
  <include src="../../module/search/search.wxml"/>
  <view class="filter_space"></view>

  <!--筛选模块-->
  <view class="filter_c">
    <view class="filter_nav">
      <block wx:for="{{filters}}" wx:key="name">
        <view  
          class="filter_nav_item {{selectbar==item.name?'filter_nav_item_active':''}}"
          bindtap="showFilter"
          data-name="{{item.name}}"
        >
          <view class="filter_nav_name">
            {{item.title}}
          </view>
          <image src="../../img/sortby.png" class="filter_nav_switch"/>
        </view>
      </block>
    </view>
    <!--筛选排序模块-->
    <view 
      class="sortby_c"
      style="height: {{selectbar=='sortby'?windowh:'0'}}rpx;"
    >
      <view class="sortby_list">
        <block wx:for="{{sortbymap}}" wx:key="value">
          <view 
            class="sortby_item" 
            data-sort="{{item.value}}"
            bindtap="changeSort"
          >
            {{item.title}}
            <image 
              src="../../img/sort_active.png"
              wx:if="{{searchdata.sortby == item.value}}"
              class="sortby_active"
            />
          </view>
        </block>
      </view>
    </view>
    <!--筛选价格模块-->
    <view 
      class="price_c"
      style="height: {{selectbar=='price'?windowh:'0'}}rpx;"
    >
      <view class="price_list">
        <view 
            class="price_item {{searchdata.price == ''?'price_item_active':''}}" 
            data-id=""
            bindtap="changePrice"
          >
            不限价格
          </view>
        <block wx:for="{{wheres.price}}" wx:key="price_id">
          <view 
            class="price_item {{searchdata.price == item.price_id?'price_item_active':''}}" 
            data-id="{{item.price_id}}"
            bindtap="changePrice"
          >
            {{item.price_name}}
          </view>
        </block>
      </view>
    </view>
  </view>
  <!--筛选品牌模块-->
  <scroll-view
    class="brandw_c"
    style="{{selectbar=='brand'?'left:0rpx;':''}}"
    scroll-into-view ="{{scrolltoinit}}"
    bindscroll="brandScroll"
    scroll-y=true
  >
    <view      
      style="height:{{headerheight}}rpx;"
    ></view>
    <view 
      class="brandw_title"
      style="height:{{headerheight}}rpx;"
    >
      <image 
        class="brandw_back" 
        src="../../img/back.png"
        bindtap="filterBack"
      />
      <view class="brandw_title_w">品牌</view>
    </view>
    <view class="brandw_list">
      <view class="brandw_t_line">热门品牌</view>
      <view class="brandw_hotlist">
        <view class="brandw_hotlist_item">
          <view class="brandw_hotitem_img" style="background-image:url(../../img/brand.png)"></view>
          <view class="brandw_hotitem_name">11111</view>
        </view>
        <view class="brandw_hotlist_item">
          <view class="brandw_hotitem_img" style="background-image:url(../../img/brand.png)"></view>
          <view class="brandw_hotitem_name">11111</view>
        </view>
        <view class="brandw_hotlist_item">
          <view class="brandw_hotitem_img" style="background-image:url(../../img/brand.png)"></view>
          <view class="brandw_hotitem_name">11111</view>
        </view>
        <view class="brandw_hotlist_item">
          <view class="brandw_hotitem_img" style="background-image:url(../../img/brand.png)"></view>
          <view class="brandw_hotitem_name">11111</view>
        </view>
        <view class="brandw_hotlist_item">
          <view class="brandw_hotitem_img" style="background-image:url(../../img/brand.png)"></view>
          <view class="brandw_hotitem_name">11111</view>
        </view>
        <view class="brandw_hotlist_item">
          <view class="brandw_hotitem_img" style="background-image:url(../../img/brand.png)"></view>
          <view class="brandw_hotitem_name">11111</view>
        </view>
        <view class="brandw_hotlist_item">
          <view class="brandw_hotitem_img" style="background-image:url(../../img/brand.png)"></view>
          <view class="brandw_hotitem_name">11111</view>
        </view>
        <view class="brandw_hotlist_item">
          <view class="brandw_hotitem_img" style="background-image:url(../../img/brand.png)"></view>
          <view class="brandw_hotitem_name">11111</view>
        </view>
        <view class="brandw_hotlist_item">
          <view class="brandw_hotitem_img" style="background-image:url(../../img/brand.png)"></view>
          <view class="brandw_hotitem_name">11111</view>
        </view>
        <view class="brandw_hotlist_item">
          <view class="brandw_hotitem_img" style="background-image:url(../../img/brand.png)"></view>
          <view class="brandw_hotitem_name">11111</view>
        </view>
      </view>

      <view class="brandw_t_line">不限品牌</view>
      <block wx:for="{{wheres.brandlist}}">
        <view class="brandw_binitial" id="{{item.initial}}">
          {{item.initial}}
        </view>
        <block wx:for="{{item.list}}" wx:for-item="branditem">
          <view 
            class="brandw_bitem"
            bindtap="getBrandDetail"
            data-brand="{{branditem}}"
          >
            <view
              class="brandw_bimg"
              style="background-image:url(../../img/brand.png)"
            />
            <view class="brandw_bname">{{branditem.brand_name}}</view>
          </view>
        </block>
      </block>
      <view
        class="brand_serieslist"
        style="height: {{windowh-headerheight}}rpx"
      >

        <block
          wx:for="{{serieslist}}"
        >
          <view class="brand_series_i">
            
          </view>          
        </block>
      </view>
      <view 
        class="brand_initail_c"
        style="display: {{selectbar=='brand'?'block':'none'}}"
      >
        <view 
          class="brand_initail_i {{scrollinit==item.initial?'brand_initail_active':''}}" 
          wx:for="{{wheres.brandlist}}"
          style="height:{{initialheight}}rpx"
          bindtap="scrollInit"
          data-init = "{{item.initial}}"
        >
          {{item.initial}}
        </view>
      </view>
    </view>
  </scroll-view>

 <!--  更多筛选条件 -->

  <scroll-view
    class="more_c"
    style="{{selectbar=='more'?'left:0rpx;':''}}"
    scroll-y=true
  >
    <view      
      style="height:{{headerheight}}rpx;"
    ></view>
    <view 
      class="brandw_title"
      style="height:{{headerheight}}rpx;"
    >
      <image 
        class="brandw_back" 
        src="../../img/back.png"
        bindtap="filterBack"
      />
      <view class="brandw_title_w">更多筛选</view>
    </view>
    <view class="wheres_more_i">
      <view class="more_n">车龄</view>
      <view class="more_list">
        <view
          class="more_detail_i {{searchdata.car_age==''?'more_detail_active':''}}"
          data-type="car_age"
          data-value=""
          bindtap="getMoreFilter"
        >不限</view>
        <view 
          wx:for="{{wheres.car_age}}"
          class="more_detail_i {{searchdata.car_age==item.car_age_id?'more_detail_active':''}}"          
          data-type="car_age"
          data-value="{{item.car_age_id}}"
          bindtap="getMoreFilter"
        >
          {{item.car_age_name}}
        </view>
      </view>
    </view>
    <view class="wheres_more_i">
      <view class="more_n">里程</view>
      <view class="more_list">
        <view
          class="more_detail_i {{searchdata.mileage==''?'more_detail_active':''}}"
          data-type="mileage"
          data-value=""
          bindtap="getMoreFilter"
        >不限</view>
        <view 
          wx:for="{{wheres.mileage}}"
          class="more_detail_i {{searchdata.mileage==item.mileage_id?'more_detail_active':''}}"          
          data-type="mileage"
          data-value="{{item.mileage_id}}"
          bindtap="getMoreFilter"
        >
          {{item.mileage_name}}
        </view>
      </view>
    </view>
    <view class="wheres_more_i">
      <view class="more_n">变数箱</view>
      <view class="more_list">
        <view
          class="more_detail_i {{searchdata.transmission==''?'more_detail_active':''}}"
          data-type="transmission"
          data-value=""
          bindtap="getMoreFilter"
        >不限</view>
        <view 
          wx:for="{{wheres.transmission}}"
          class="more_detail_i {{searchdata.transmission==item.transmission_id?'more_detail_active':''}}"          
          data-type="transmission"
          data-value="{{item.transmission_id}}"
          bindtap="getMoreFilter"
        >
          {{item.transmission_name}}
        </view>
      </view>
    </view>
    <view class="wheres_more_i">
      <view class="more_n">排量</view>
      <view class="more_list">
        <view
          class="more_detail_i {{searchdata.displacement==''?'more_detail_active':''}}"
          data-type="displacement"
          data-value=""
          bindtap="getMoreFilter"
        >不限</view>
        <view 
          wx:for="{{wheres.displacement}}"
          class="more_detail_i {{searchdata.displacement==item.displacement_id?'more_detail_active':''}}"          
          data-type="displacement"
          data-value="{{item.displacement_id}}"
          bindtap="getMoreFilter"
        >
          {{item.displacement_name}}
        </view>
      </view>
    </view>
    <view class="wheres_more_i">
      <view class="more_n">排放标准</view>
      <view class="more_list">
        <view
          class="more_detail_i {{searchdata.emission==''?'more_detail_active':''}}"
          data-type="emission"
          data-value=""
          bindtap="getMoreFilter"
        >不限</view>
        <view 
          wx:for="{{wheres.emission}}"
          class="more_detail_i {{searchdata.emission==item.emission_id?'more_detail_active':''}}"          
          data-type="emission"
          data-value="{{item.emission_id}}"
          bindtap="getMoreFilter"
        >
          {{item.emission_name}}
        </view>
      </view>
    </view>
    <view class="wheres_more_i">
      <view class="more_n">颜色</view>
      <view class="more_list">
        <view 
          wx:for="{{wheres.colour}}"
          class="more_detail_i {{searchdata.colour==item.colour_id?'more_detail_active':''}}"          
          data-type="colour"
          data-value="{{item.colour_id}}"
          bindtap="getMoreFilter"
        >
          {{item.colour_name}}
        </view>
      </view>
    </view>
    <view class="more_bts">
      <view 
        class="more_bt_reset"
        bindtap="resetFilter"
        >重置</view>
      <view 
        bindtap="moreSearch"
        class="more_bt_check"
      >查看车源</view>
    </view>
  </scroll-view>
  <view wx:if="{{list.length>0}}" class="cart_list">
    <block wx:for="{{list}}" wx:key="id">
      <template is="caritem" data="{{car:item}}"/>
    </block>
  </view>
  <view wx:else class="you_may_like">    
    <view class="nocar_w">没有相关结果，可以试试其他条件</view>
    <view class="nocar_back">查看所有好车</view>
    <view class="recommend">
      <view class="recommend_t">
        <image class="recommend_img" src="../../img/like.png"/>
      </view>
    </view>
    <view class="like_cart_c">
      <block wx:for="{{like}}" wx:key="id">
        <template is="caritem" data="{{car:item}}"/>
      </block>
    </view>
  </view>
  <template 
    is="footer"
    data="{{local:1}}"
  />
</scroll-view>