<!-- packageH/member/upgrade_code/group_details/group_details.wxml -->
<view class="group-details" wx:if="{{ codeInfo }}">
  <image src="https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/img/code_top_bgimg@2x.png" class="page-bgimg" />
  <view class="group-main">
    <view class="group-name">{{ codeInfo.code.code.name }}</view>
    <image class="group-qrcode" src="{{ codeInfo.qr_code }}" show-menu-by-longpress="{{ true }}" />
    <view class="group-scan-prompt">扫码升级</view>
    <view class="group-level">
      <view class="group-level-title">升级等级</view>
      <view class="group-level-description">{{ codeLevelDescription }}</view>
    </view>
    <view class="group-module-decoration" wx:if="{{ codeKey===null }}">
      <view class="group-module-decoration-circle"></view>
      <view class="group-module-decoration-connect"></view>
      <view class="group-module-decoration-circle"></view>
    </view>
  </view>
  <view class="group-footer" wx:if="{{ codeKey===null }}">
    <view class="group-codes-count">
      <view class="group-codes-count-item">
        <view class="group-codes-count-number">{{ codeInfo.code.num - codeInfo.code.used_num }}个</view>
        <view>剩余数量</view>
      </view>
      <view class="group-codes-count-item">
        <view class="group-codes-count-number">{{ codeInfo.code.used_num }}个</view>
        <view class="group-codes-count-title">已使用</view>
      </view>
    </view>
    <navigator class="group-view-used-log" hover-class="group-view-used-log-hover" url="{{ '/packageH/member/upgrade_code/used_log/used_log?code_id='+codeInfo.code.id }}">
      使用记录
    </navigator>
  </view>
</view>