<view class="flex-col page">
  <!-- 遮罩层（上传时显示） -->
  <view wx:if="{{isUploading}}" class="mask">
    <text class="loading-text">上传中...</text>
  </view>

  <image
    class="self-center image"
    src="./images/logo.png"
  />
  <text class="self-center text">欢迎登陆—青橙校园</text>
  <view class="flex-col self-stretch group">
    <view class="flex-col">
      <view class="flex-row justify-between group_1">
        <text class="font text_2">员工账号申请</text>
        <view class="flex-row items-center group_2" bind:tap="gotoNotice">
          <image
            class="shrink-0 image_2 image_3"
            src="./images/right.png"
          />
          <text class="font_2 text_3">员工账号申请须知</text>
        </view>
      </view>
      <view class="flex-col mt-15">
        <!-- 姓名输入 -->
        <view class="flex-col justify-start section">
          <input
            class="flex-col justify-start items-start text-wrapper view input"
            placeholder="请输入姓名"
            maxlength="8"
            bindinput="onInput"
            data-field="name"
            value="{{name}}"
          />
        </view>
        <!-- 手机号输入 -->
        <view class="flex-col justify-start section_1 mt-21">
          <input
            class="flex-col justify-start items-start text-wrapper text-wrapper_1 input_1"
            placeholder="请输入手机号"
            maxlength="11"
            type="number"
            bindinput="onInput"
            data-field="phone"
            value="{{phone}}"
          />
        </view>
        <!-- 验证码输入 + 发送按钮 -->
        <view class="flex-row items-center section_3 mt-21">
          <input
            class="flex-col justify-start items-start text-wrapper_2 view_3 input_2"
            placeholder="请输入验证码"
            type="number"
            bindinput="onInput"
            data-field="code"
            value="{{code}}"
            maxlength="6"
          />
          <view
            class="flex-col justify-start items-center shrink-0 text-wrapper_3 ml-16"
            bindtap="getSmsCode"
          >
            <text class="text_8">
              {{ codeButtonText }}
            </text>
          </view>
        </view>
        <!-- 身份证号输入 -->
        <view class="flex-col justify-start items-start section_2 mt-21">
          <input
            class="flex-col justify-start items-start text-wrapper_4 view_4 input_3"
            placeholder="请输入身份证号"
            type="idcard"
            bindinput="onInput"
            data-field="idcard"
            maxlength="18"
            value="{{idcard}}"
          />
        </view>
        <!-- 上传简历 -->
        <view class="flex-col items-center section_4 mt-21" bindtap="chooseResume">
          <image
            class="image_4"
            src="./images/resume.png"
          />
          <text class="{{resumeUploaded?'upload-success-text':'font_2 text_10 mt-12'}}">
            {{ resumeUploaded ? '简历上传成功！' : '点击上传简历' }}
          </text>
        </view>
        <!-- 提交按钮 -->
        <view class="flex-col justify-start items-center text-wrapper_5 mt-21" bindtap="handleSubmit">
          <text class="text_11">提交申请</text>
        </view>
      </view>
    </view>
    <view class="flex-row justify-center items-center relative group_4 mt-28" bind:tap="gotoQuery">
      <image
        class="image_2 pos"
        src="./images/right.png"
      />
      <text class="font_2 text_12">我的申请记录</text>
    </view>
  </view>
</view>
