<template>
  <div class="comp" v-if="visible">
    <div @click="onOverLayHandler()" class="overlay"></div>
    <div class="border">
      <div class="close" @click="onOverLayHandler()"><img src="@/assets/images/clarms/close.png"></div>
      <div class="modal">
        <div class="modal-content">
          <div class="info-icon">
            <img src="@/assets/images/clarms/info.png">
          </div>
          <div class="message" :class="{'lsp':locale != 'en'}">
            <span>{{$t('policyChangeContact.tax.t1')}}</span>
            <span class="link" @click="toDownLoadTaxForm">{{$t('policyChangeContact.tax.tt')}}</span>
            <span>{{$t('policyChangeContact.tax.t2')}}</span>
          </div>

        </div>
        <div class="modal-form">
          <!-- {{fileName}} -->
        </div>
        <div class="modal-btn-wrap">
          <div class="btn">
            <input type="file" @change="selectImgs" ref="file">
            <van-loading v-if="loading" />{{$t('policyChangeContact.tax.Upload')}}</div>
          <div @click="onSubmitHandler" class="btn" :class="{'disable':iobsKey ==''}">{{$t('policyChangeContact.tax.Submit')}}</div>
        </div>

      </div>
    </div>
  </div>
</template>

<script src="./us-tax-form-upload-comp.js"></script>
<style lang="scss" scoped>
@import "./us-tax-form-upload-comp.scss";
</style>