<script setup lang="ts">
import AppDialog from "./AppDialog.vue";

defineProps<{ policy: "agreement" | "privacy" }>();
defineEmits<{ close: [] }>();
</script>

<template>
  <AppDialog
    :title="policy === 'agreement' ? '用户协议' : '隐私政策'"
    :labelled-by="policy === 'agreement' ? 'user-agreement-title' : 'privacy-policy-title'"
    @close="$emit('close')"
  >
    <div v-if="policy === 'agreement'" class="policy-copy">
      <p>欢迎使用大本营答疑助手。登录并使用本服务前，请阅读并理解本协议。</p>
      <h3>一、服务说明</h3>
      <p>本服务面向已登记学员提供知识问答。回答内容用于学习和信息参考，不替代专业意见。</p>
      <h3>二、账号使用</h3>
      <p>请使用本人登记手机号登录，不得转让账号、冒用他人身份或利用本服务进行违法违规活动。</p>
      <h3>三、使用规范</h3>
      <p>请勿提交违法、有害或侵犯他人权益的内容。为保障服务安全，系统可能记录必要的登录和问答日志。</p>
      <h3>四、服务变更</h3>
      <p>因维护、升级或不可抗力可能暂时中断服务，我们会在合理范围内尽快恢复。</p>
    </div>
    <div v-else class="policy-copy">
      <p>我们重视你的个人信息安全，并按照最小必要原则处理登录和服务数据。</p>
      <h3>一、收集的信息</h3>
      <p>登录时处理手机号和验证码；使用过程中记录必要的会话、问答和安全审计信息。</p>
      <h3>二、使用目的</h3>
      <p>上述信息仅用于身份验证、账号登录、提供答疑服务、保障系统安全和排查服务问题。</p>
      <h3>三、信息保护</h3>
      <p>我们采取访问控制、传输保护、日志审计等措施保护信息，不会将验证码或登录凭证用于无关用途。</p>
      <h3>四、你的权利</h3>
      <p>如需查询、更正或处理账号信息，请通过工作人员提供的正式渠道联系我们。</p>
    </div>
    <template #footer>
      <button type="button" class="dialog-confirm" @click="$emit('close')">我知道了</button>
    </template>
  </AppDialog>
</template>
