<view class="certification-page">
  <view class="step-box">
    <view class="step-item">
      <image src="/assets/images/certification/1.png" />
      <text>输入实名信息</text>
    </view>
    <view class="line"></view>
    <view class="step-item">
      <image src="/assets/images/certification/2.png" />
      <text>确认信息并支付</text>
    </view>
    <!-- <view class="line"></view>
    <view class="step-item">
      <image src="/assets/images/certification/3.png" />
      认证结果
    </view> -->
  </view>
  <view class="white-box">
    <view class="title-box">
      实名信息
      <view wx:if="{{step === 2}}" class="edit-box" bind:tap="edit">
        <image src="/assets/images/certification/edit.png" />
        返回修改
      </view>
    </view>
    <view wx:if="{{step === 1}}">
      <view class="description">
        <image class="icon" src="/assets/images/certification/tishi.png" />
        <text>您可以通过实名认证添加多个手机号码，认证添加的手机号均可用于账号登录，为顺利完成实名认证，请您准确填写您的手机号！</text>
      </view>
      <view class="form-box">
        <view class="form-item">
          <text >真实姓名</text>
          <input model:value="{{name}}" placeholder="请输入您的真实姓名" />
        </view>
        <view class="form-item">
          <text >身份证号</text>
          <input model:value="{{idCard}}" type="idcard" placeholder="请输入您的身份证号" />
        </view>
        <view class="form-item">
          <text >手机号码</text>
          <input model:value="{{phoneNumber}}" type="number" placeholder="请输入您的手机号码" />
        </view>
      </view>

      <view class="btn-box">
        <btn width="422rpx" height="86rpx" fontSize="28rpx" bind:tap="next">提交并进入下一步</btn>
      </view>

      <!-- <view class="table-box">
        <view class="table-title">
          <text >实名用户</text>
          <text >非实名用户</text>
        </view>
        <view class="table-content">
          <view class="table-col">
            <view class="item">
              <image src="/assets/images/certification/icon1.png" />
              查看所有数据
            </view>
            <view class="item">
              <image src="/assets/images/certification/icon2.png" />
              可以自填数据
            </view>
            <view class="item">
              <image src="/assets/images/certification/icon3.png" />
              可对信息发起勘误申请
            </view>
            <view class="item">
              <image src="/assets/images/certification/icon4.png" />
              对他人查看设置应答
            </view>
          </view>
          <view class="table-col">
            <view class="item">
              <image src="/assets/images/certification/icon5.png" />
              无法查看所有数据详情
            </view>
          </view>
        </view>
      </view> -->
    </view>

    <view wx:if="{{step === 2}}">
      <view class="field-box">
        <view class="field-item">
          <text >真实姓名</text>
          {{name}}
        </view>
        <view class="field-item">
          <text >身份证号</text>
          {{idCard}}
        </view>
        <view class="field-item">
          <text >手机号码</text>
          {{phoneNumber}}
        </view>
      </view>
      <view class="information">本次服务由国家级大数据平台提供实名匹配认证，认证成功后可查看数据档案详情，补充自填信息，申请勘误，生成个人信息报告。请仔细核实认证信息，若因数据档案填写失误造成认证失败，此次认证费用将无法退还。</view>
      <view class="price-box">
        <text >支付金额</text>
        <view class="price">¥<text >{{info.realNameAuthentication / 100}}</text></view>
      </view>
      <view class="bottom-box">
        <btn width="100%" height="82rpx" fontSize="28rpx" bind:tap="showShadow">信息确认无误，立即支付</btn>
      </view>
    </view>
  </view>

  <shadow wx:if="{{payShow}}" position="bottom">
    <view class="payShadow">
      <view class="cancel-box">
        <image src="/assets/images/message/cancel.png" bind:tap="hideShadow" />
        <!-- <text >使用面容</text> -->
      </view>
      <view class="pay-info-box">
        <view class="title">支付金额</view>
        <view class="price-box">¥<text >{{info.realNameAuthentication / 100}}</text></view>
        <!-- <view class="time">剩余支付时间：14:59:59</view>
        <view class="pay-type">
          <image src="/" />
          微信支付
        </view> -->
        <btn width="402rpx" height="82rpx" fontSize="28rpx" bind:tap="pay">确认付款</btn>
      </view>
    </view>
  </shadow>
</view>
