<!--components/store_popup.wxml-->
<wxs module="filter" src="/utils/filter.wxs"></wxs>
<block wx:if="{{store}}">
  <view class="mongolia-layer" bindtap="close_popup"></view>
  <view class="popup-frame">
    <block wx:if="{{sort_store==0}}">
      <!-- 头部 标题 -->
      <view class="popup-top flex-space-between">
        <text class="fs32 nearby_store">{{choice_sort_store==0?'附近的门店':region_name}}</text>
        <view>
          <view>
            <icon bindtap="close_popup" class="modal-closes" color="black" size="22" type="cancel"></icon>
          </view>
          <view class="felx choose_more" bindtap="more_store" wx:if="{{is_show_sto_cat>0}}">
            <text class="fs26 red-co" >{{choice_sort_store==0?'更多门店':'返回'}}</text> <view class="bg_rights" ></view>
          </view>
        </view>
      </view>
      <view class="searchbar flex-vertical-between storeListpadd">
        <input class="inputstore fs28" placeholder="输入要搜索的门店" value="{{keyword}}" placeholder-class="fs28" maxlength="16" bindinput="input_store" bindconfirm="searchfn" />
        <view class="search flex-center" bindtap="searchfn">
          <view class="fs28">搜索</view>
        </view>
      </view>
      <!-- 门店列表，最外层的门店列表，一开始 -->  
      <view class="store-list">
        <!-- 如果还没有点击更多门店的时候 -->
        <block wx:if="{{choice_sort_store==0}}">
          <!-- 需要for循环 -->
          <block wx:if="{{is_show_sto_cat==1}}">
            <view class="store_choose flex" wx:for="{{def_pickpu_list}}" wx:key="{{index}}" bindtap="choose_for_store_fir" data-ind="{{index}}">
              <view class="store flex-vertical">
                <!-- 需要点击事件 -->
                <block wx:if="{{index==fir_pick_index}}">
                  <view class="circle white xc-hook fs20 red-b">Г</view>
                </block>
                <block wx:else>
                  <view class="circle  xc-hooks"></view>
                </block>
                <view class="address-frame xc-ash">
                  <view class="flex-vertical-between butttem5">
                    <view class="flex xc-ash">
                      <view class="fs30 xc-black3 address_name">{{item.pickup_name}}</view>
                    </view>
                    <view>
                      <view class="distance fs24 address-val" wx:if="{{item.distance}}">
                        距离：{{ item.distance>1000 ? filter.toFix(item.distance/1000,2)+'km' : filter.toFix(item.distance,0)+"m"}}
                      </view>
                    </view>
                  </view>
                  <view class="fs24 xc-ash-9f">地址:{{item.fulladdress}}</view>
                </view>
              </view>
            </view>
          </block>
          <block wx:else>
            <view class="store_choose flex" wx:for="{{only_pk}}" wx:key="{{index}}" bindtap="choose_for_store_fir" data-ind="{{index}}">
              <view class="store flex-vertical">
                <!-- 需要点击事件 -->
                <block wx:if="{{index==fir_pick_index}}">
                  <view class="circle white xc-hook fs20 red-b">Г</view>
                </block>
                <block wx:else>
                  <view class="circle  xc-hooks"></view>
                </block>
                <view class="address-frame xc-ash">
                  <view class="flex-vertical-between ">
                    <view class="flex xc-ash">
                      <view class="fs30 xc-black3 address_name">{{item.pickup_name}}</view>
                    </view>
                    <view>
                      <view class="distance fs24 address-val" wx:if="{{item.distance}}">
                        距离：{{ item.distance>1000 ? filter.toFix(item.distance/1000,2)+"km" : filter.toFix(item.distance,0)+"m"}}
                      </view>
                    </view>
                  </view>
                  <view class="fs24 xc-ash-9f">地址:{{item.fulladdress}}</view>
                </view>
              </view>
            </view>
          </block>
        </block>
        <block wx:else>
          <!-- 如果是点击选择门店分类后显示分类下的门店 -->
          <view class="store_choose flex" wx:for="{{sec_sto.s_arr}}" wx:key="{{index}}" data-ind="{{index}}" bindtap="choose_for_store">
            <view class="store flex-vertical">
              <!-- 需要点击事件 -->
              <block wx:if="{{index==sec_pick_index}}">
                <view class="circle white xc-hook fs20 red-b">Г</view>
              </block>
              <block wx:else>
                <view class="circle  xc-hooks"></view>
              </block>
              <view class="address-frame xc-ash">
                <view class="flex-vertical-between ">
                  <view class="flex xc-ash">
                    <view class="fs28 xc-black3 address_name">{{item.pickup_name}}</view>
                  </view>
                  <view>
                    <view class="distance fs24 address-val" wx:if="{{item.distance!=null}}">
                      距离：{{item.distance>1000?filter.toFix(item.distance/1000,2)+"km":filter.toFix(item.distance,0)+"m"}}
                    </view>
                  </view>
                </view>
                <view class="fs24 xc-ash-9f">地址:{{item.fulladdress}}</view>
              </view>
            </view>
          </view>
        </block>
      </view>
      <!-- 门店列表底部 -->
      <view class="store-bottom-frame">
        <view class="store-bottom flex-center">
          <view class="determine red-b fs28 white t-c" bindtap="sure_pick" data-openindstore="{{open_ind_store}}">
            确定
          </view>
          <!-- <view class="default  t-c fs28" bindtap="set_def_pick" data-openindstore="{{open_ind_store}}">
            设为默认
          </view> -->
        </view>
      </view>
    </block>
    <block wx:else>
      <view class="popup-top flex-space-between">
        <text class="fs32 nearby_store">门店分类选择</text>
        <view>
          <view>
            <icon bindtap="close_popup" class="modal-closes" color="black" size="22" type="cancel"></icon>
          </view>
          <view class="felx choose_mores" bindtap="returns">
            <text class="fs26 red-co">返回</text>
          </view>
        </view>
      </view>
      <view class="sort_store_list">
        <view class="sort-store-frame" wx:for="{{all_sto}}" wx:key="{{index}}" data-index="{{index}}" bindtap="choice_sort_store" data-region="{{item.name}}">
          <view class="sort-store flex-vertical-between">
            <view class="fs30" di>{{item.name}}</view>
            <view class="black_rights-frame">
              <view class="black_rights"></view>
            </view>
          </view>
        </view>
      </view>
    </block>
  </view>
</block>
