<!--pages/inspected/inspected.wxml-->
<view class="inspected-page">
  <navBar bg="{{headeBg}}" filled="{{false}}">
    <image src="/assets/images/navbar/logo.png" class="logo" />
  </navBar>
  <view class="bg-box">
    <image class="bg" src="/assets/images/inspected/bg.png" />
    <view class="header">
      <view class="top">查验他人</view>
      <view class="bottom">Query to others</view>
      <view class="line"></view>
    </view>
  </view>
  <view class="container">
    <view class="white-box {{userInfo.status == '4' ? 'member' : ''}}">
      <view class="title-container">
        <image wx:if="{{userInfo.status == '4'}}" src="/assets/images/inspected/title-icon.png" />
        <view class="title-box">
          查验他人
        </view>
        <image wx:if="{{userInfo.status == '4'}}" src="/assets/images/inspected/title-icon.png" />
      </view>

      <view class="description">您可通过他人姓名、手机号向其申请实名查验，获得对方同意及授权后可查验其个人信息报告。</view>

      <view class="field-item">
        <text>被查验者姓名</text>
        <input model:value="{{name}}" placeholder="请输入" />
      </view>
      <view class="field-item">
        <text>被查验者手机号</text>
        <input model:value="{{phone}}" type="number" placeholder="请输入">
        
        </input>
        <view class="contactBox" bindtap="showChooseContact">
          <image class="contact" src="/assets/images/inspected/icon_contact.png" />通讯录获取
        </view>

      </view>
      <view wx:if="{{userInfo.status == '4'}}" class="time-box">您还有<text>{{num}}</text>次免费查验他人的次数</view>
      <!-- bind:tap="showShadow" -->
      <view class="btn-box">
        <btn type="{{userInfo.status == '4' ? 'member' : 'primary'}}" width="100%" height="80rpx" fontSize="28rpx" bind:tap="submitForm">发起查验申请</btn>
      </view>
      <image wx:if="{{userInfo.status == '4'}}" class="bg" src="/assets/images/inspected/member-bg.png" />
    </view>
    <view class="cell" bind:tap="jumpRecord">
      <image src="/assets/images/inspected/{{userInfo.status == '4' ? 'record-member.png' : 'record.png'}}" class="icon" />
      <text class="text">查验记录</text>
      <image src="/assets/images/inspected/arrows.png" class="arrows" />
    </view>
  </view>

  <shadow wx:if="{{memberShow}}">
    <view class="member-shadow">
      <image class="cancel" src="/assets/images/inspected/cancel.png" bind:tap="hideShadow" />
      <view class="title">开通年费会员 获免费次数</view>
      <view class="price">低至<text>{{dayPrice}}元/天</text></view>
      <view class="grid-box">
        <view class="grid-item">
          <image src="/assets/images/inspected/icon1.png" />
          <text>电子证书特权</text>
        </view>
        <view class="grid-item">
          <image src="/assets/images/inspected/icon2.png" />
          <text>查验特权</text>
        </view>
        <view class="grid-item">
          <image src="/assets/images/inspected/icon3.png" />
          <text>应答特权</text>
        </view>
        <view class="grid-item">
          <image src="/assets/images/inspected/icon4.png" />
          <text>批量处理</text>
        </view>
      </view>
      <view class="btn-box" style="margin-top: 36rpx">
        <btn type="member" width="443rpx" height="80rpx" fontSize="28rpx" bind:tap="jumpMember">点击购买年费会员</btn>
      </view>
      <view class="btn-box" style="margin-top: 23rpx">
        <btn type="member" plain width="443rpx" height="80rpx" fontSize="28rpx" bind:tap="buyOnce">购买单次¥{{inspectionSinglePayment / 100}}</btn>
      </view>
      <image class="bg" src="/assets/images/inspected/shadow-bg.png" />
    </view>
  </shadow>
  <guide></guide>
  <confirm-box id="shadow2" title="允许溯源优才访问通讯录" message="在您使用溯源优才授权他人查看、发起查验他人申请时我们会访问“通讯录/联系人”权限信息，以帮助您快速完成手机号获取。" confirmText="同意" cancelShow="true" cancelText="拒绝" bind:close="back" bind:confirm="chooseContact" />
</view>