<template>
  <view class="page-agreement">
    <!-- 头部 -->
    <view class="page-header">
      <view class="back-btn" @tap="goBack">
        <u-icon name="arrow-left" size="20" color="#333"></u-icon>
      </view>
      <text class="header-title">{{ title }}</text>
      <view class="placeholder"></view>
    </view>

    <!-- 内容区域 -->
    <scroll-view scroll-y class="content-scroll">
      <view class="content-wrap">
        <!-- 用户协议 -->
        <view v-if="type === 'user'" class="agreement-content">
          <text class="content-title">品住会用户服务协议</text>
          <text class="update-time">更新日期：2026年5月8日</text>
          <text class="update-time">生效日期：2026年5月8日</text>

          <view class="section">
            <text class="section-title">一、协议的范围</text>
            <text class="section-text">
              1.1 本协议是您与品住会平台（以下简称"本平台"）之间关于使用本平台服务所订立的协议。
            </text>
            <text class="section-text">
              1.2 本平台的所有权和运营权归品住会所有。
            </text>
            <text class="section-text">
              1.3 用户在注册之前，应当仔细阅读本协议，并同意遵守本协议后方可成为注册用户。一旦注册成功，则用户与本平台之间自动形成协议关系，用户应当受本协议的约束。
            </text>
          </view>

          <view class="section">
            <text class="section-title">二、服务内容</text>
            <text class="section-text">
              2.1 本平台提供的服务包括但不限于：酒店、民宿、短租、青旅等住宿信息的展示、预订、支付等服务。
            </text>
            <text class="section-text">
              2.2 本平台仅作为交易信息平台，为用户与商家提供信息发布和交易撮合服务。
            </text>
            <text class="section-text">
              2.3 本平台有权根据业务发展需要，对服务内容进行调整和变更。
            </text>
          </view>

          <view class="section">
            <text class="section-title">三、用户注册</text>
            <text class="section-text">
              3.1 用户在使用本平台服务前需要注册一个账号。账号应当使用手机号码绑定注册。
            </text>
            <text class="section-text">
              3.2 用户应当提供真实、准确、完整的个人信息，并及时更新。如因信息不真实而引起的问题，由用户承担全部责任。
            </text>
            <text class="section-text">
              3.3 用户应当妥善保管账号和密码，因用户保管不善可能导致账号被盗用或密码失窃，责任由用户自行承担。
            </text>
          </view>

          <view class="section">
            <text class="section-title">四、用户行为规范</text>
            <text class="section-text">
              4.1 用户在使用本平台服务时，必须遵守中华人民共和国相关法律法规。
            </text>
            <text class="section-text">
              4.2 用户不得利用本平台从事违法违规活动，包括但不限于：发布虚假信息、侵犯他人知识产权、传播违法信息等。
            </text>
            <text class="section-text">
              4.3 用户应当文明使用平台服务，不得恶意评价、恶意投诉或进行其他不当行为。
            </text>
          </view>

          <view class="section">
            <text class="section-title">五、订单与支付</text>
            <text class="section-text">
              5.1 用户在本平台下单后，应当按照订单约定的时间和方式完成支付。
            </text>
            <text class="section-text">
              5.2 订单一经确认，用户应当按照订单约定履行义务。如需取消或变更订单，应当遵守平台的退改规则。
            </text>
            <text class="section-text">
              5.3 本平台支持多种支付方式，用户应当选择合法、安全的支付渠道完成支付。
            </text>
          </view>

          <view class="section">
            <text class="section-title">六、退款与售后</text>
            <text class="section-text">
              6.1 用户如需申请退款，应当按照平台规定的流程和时限提出申请。
            </text>
            <text class="section-text">
              6.2 退款金额和方式将根据订单实际情况和商家政策确定。
            </text>
            <text class="section-text">
              6.3 如遇服务质量问题，用户可通过平台客服渠道进行投诉和反馈。
            </text>
          </view>

          <view class="section">
            <text class="section-title">七、知识产权</text>
            <text class="section-text">
              7.1 本平台的所有内容，包括但不限于文字、图片、音频、视频、软件、程序、版面设计等，均受著作权、商标权及其他知识产权法律法规的保护。
            </text>
            <text class="section-text">
              7.2 未经本平台书面许可，任何人不得擅自使用、复制、修改、传播本平台的内容。
            </text>
          </view>

          <view class="section">
            <text class="section-title">八、免责声明</text>
            <text class="section-text">
              8.1 本平台对商家发布的信息不承担审核义务，用户应当自行判断信息的真实性和合法性。
            </text>
            <text class="section-text">
              8.2 因不可抗力或其他本平台无法控制的原因导致的服务中断或延误，本平台不承担责任。
            </text>
            <text class="section-text">
              8.3 用户与商家之间的纠纷，应当由双方自行协商解决，本平台可提供必要的协助。
            </text>
          </view>

          <view class="section">
            <text class="section-title">九、协议的变更</text>
            <text class="section-text">
              9.1 本平台有权根据业务发展需要修改本协议条款。
            </text>
            <text class="section-text">
              9.2 协议变更后，本平台将在平台上公布修改后的协议。用户继续使用本平台服务，即视为同意修改后的协议。
            </text>
          </view>

          <view class="section">
            <text class="section-title">十、法律适用与争议解决</text>
            <text class="section-text">
              10.1 本协议的订立、执行和解释及争议的解决均应适用中华人民共和国法律。
            </text>
            <text class="section-text">
              10.2 如双方就本协议内容或其执行发生任何争议，双方应尽量友好协商解决；协商不成时，任何一方均可向本平台所在地人民法院提起诉讼。
            </text>
          </view>

          <view class="section">
            <text class="section-title">十一、联系方式</text>
            <text class="section-text">
              如您对本协议有任何疑问，请通过以下方式联系我们：
            </text>
            <text class="section-text">客服电话：400-888-8888</text>
            <text class="section-text">客服邮箱：service@pinzhuhui.com</text>
          </view>
        </view>

        <!-- 隐私政策 -->
        <view v-else-if="type === 'privacy'" class="agreement-content">
          <text class="content-title">品住会隐私政策</text>
          <text class="update-time">更新日期：2026年5月8日</text>
          <text class="update-time">生效日期：2026年5月8日</text>

          <view class="section">
            <text class="section-title">引言</text>
            <text class="section-text">
              品住会（以下简称"我们"）深知个人信息对您的重要性，我们将按照法律法规要求，采取相应的安全保护措施，尽力保护您的个人信息安全可控。
            </text>
            <text class="section-text">
              本隐私政策将帮助您了解以下内容：
            </text>
            <text class="section-text">• 我们如何收集和使用您的个人信息</text>
            <text class="section-text">• 我们如何使用Cookie和同类技术</text>
            <text class="section-text">• 我们如何共享、转让、公开披露您的个人信息</text>
            <text class="section-text">• 我们如何保护您的个人信息</text>
            <text class="section-text">• 您如何管理您的个人信息</text>
          </view>

          <view class="section">
            <text class="section-title">一、我们如何收集和使用您的个人信息</text>
            <text class="section-text">
              1.1 我们收集的信息类型
            </text>
            <text class="section-text">
              （1）账号信息：当您注册账号时，我们会收集您的手机号码、昵称、头像等信息。
            </text>
            <text class="section-text">
              （2）订单信息：当您使用预订服务时，我们会收集您的姓名、联系方式、入住时间等信息。
            </text>
            <text class="section-text">
              （3）支付信息：当您进行支付时，我们会收集您的支付方式、交易金额等信息。
            </text>
            <text class="section-text">
              （4）设备信息：我们会收集您的设备型号、操作系统版本、设备标识符等信息。
            </text>
            <text class="section-text">
              （5）位置信息：在您授权的情况下，我们会收集您的地理位置信息，以便为您推荐附近的住宿。
            </text>
          </view>

          <view class="section">
            <text class="section-title">二、我们如何使用您的个人信息</text>
            <text class="section-text">
              2.1 为您提供服务：我们使用您的个人信息来完成订单、处理支付、提供客户服务等。
            </text>
            <text class="section-text">
              2.2 改进我们的服务：我们会分析用户行为数据，以优化产品功能和用户体验。
            </text>
            <text class="section-text">
              2.3 安全保障：我们使用您的信息来维护平台安全，防止欺诈和违法行为。
            </text>
            <text class="section-text">
              2.4 营销推广：在您同意的情况下，我们会向您发送优惠信息和活动通知。
            </text>
          </view>

          <view class="section">
            <text class="section-title">三、我们如何使用Cookie和同类技术</text>
            <text class="section-text">
              3.1 Cookie是一种小型文本文件，当您访问我们的平台时，会被存储在您的设备上。
            </text>
            <text class="section-text">
              3.2 我们使用Cookie来识别您的身份、记住您的偏好设置、分析平台使用情况。
            </text>
            <text class="section-text">
              3.3 您可以通过浏览器设置管理或删除Cookie，但这可能会影响您使用我们的服务。
            </text>
          </view>

          <view class="section">
            <text class="section-title">四、我们如何共享、转让、公开披露您的个人信息</text>
            <text class="section-text">
              4.1 共享：我们不会与第三方共享您的个人信息，除非：
            </text>
            <text class="section-text">
              （1）获得您的明确同意
            </text>
            <text class="section-text">
              （2）为完成订单需要向商家提供必要信息
            </text>
            <text class="section-text">
              （3）根据法律法规或政府要求
            </text>
            <text class="section-text">
              4.2 转让：我们不会将您的个人信息转让给任何公司、组织和个人，除非获得您的明确同意。
            </text>
            <text class="section-text">
              4.3 公开披露：我们不会公开披露您的个人信息，除非获得您的明确同意或法律法规要求。
            </text>
          </view>

          <view class="section">
            <text class="section-title">五、我们如何保护您的个人信息</text>
            <text class="section-text">
              5.1 我们采用行业标准的安全技术和管理措施来保护您的个人信息。
            </text>
            <text class="section-text">
              5.2 我们会对员工进行数据安全培训，并与处理个人信息的员工签署保密协议。
            </text>
            <text class="section-text">
              5.3 我们会定期进行安全评估，及时发现和修复安全漏洞。
            </text>
            <text class="section-text">
              5.4 如发生个人信息泄露等安全事件，我们会及时通知您并采取补救措施。
            </text>
          </view>

          <view class="section">
            <text class="section-title">六、您如何管理您的个人信息</text>
            <text class="section-text">
              6.1 访问和更新：您可以通过账号设置页面查看和修改您的个人信息。
            </text>
            <text class="section-text">
              6.2 删除：您可以通过联系客服申请删除您的个人信息。
            </text>
            <text class="section-text">
              6.3 撤回同意：您可以通过系统设置撤回您对某些信息收集的授权。
            </text>
            <text class="section-text">
              6.4 注销账号：您可以通过联系客服申请注销账号，注销后我们将停止为您提供服务，并删除您的个人信息。
            </text>
          </view>

          <view class="section">
            <text class="section-title">七、未成年人保护</text>
            <text class="section-text">
              7.1 我们非常重视未成年人的个人信息保护。
            </text>
            <text class="section-text">
              7.2 如您为未成年人，请在监护人的陪同下阅读本政策，并在监护人同意的情况下使用我们的服务。
            </text>
            <text class="section-text">
              7.3 如您是未成年人的监护人，请您关注未成年人是否在您的授权同意下使用我们的服务。
            </text>
          </view>

          <view class="section">
            <text class="section-title">八、隐私政策的变更</text>
            <text class="section-text">
              8.1 我们可能会适时修订本隐私政策。
            </text>
            <text class="section-text">
              8.2 当隐私政策发生变更时，我们会在平台上发布更新后的版本，并通过适当方式提醒您。
            </text>
            <text class="section-text">
              8.3 如您继续使用我们的服务，即表示您同意接受修订后的隐私政策。
            </text>
          </view>

          <view class="section">
            <text class="section-title">九、如何联系我们</text>
            <text class="section-text">
              如您对本隐私政策有任何疑问、意见或建议，请通过以下方式联系我们：
            </text>
            <text class="section-text">客服电话：400-888-8888</text>
            <text class="section-text">客服邮箱：service@pinzhuhui.com</text>
            <text class="section-text">
              我们将在15个工作日内回复您的请求。
            </text>
          </view>
        </view>

        <!-- 商家服务协议 -->
        <view v-else-if="type === 'merchant'" class="agreement-content">
          <text class="content-title">品住会商家服务协议</text>
          <text class="update-time">更新日期：2026年5月8日</text>
          <text class="update-time">生效日期：2026年5月8日</text>

          <view class="section">
            <text class="section-title">一、协议的范围</text>
            <text class="section-text">
              1.1 本协议是商家与品住会平台（以下简称"本平台"）之间关于使用本平台商家服务所订立的协议。
            </text>
            <text class="section-text">
              1.2 商家在入驻本平台前，应当仔细阅读本协议，并同意遵守本协议后方可成为平台商家。
            </text>
          </view>

          <view class="section">
            <text class="section-title">二、商家入驻</text>
            <text class="section-text">
              2.1 商家应当提供真实、准确、完整的营业执照、经营许可证等资质文件。
            </text>
            <text class="section-text">
              2.2 商家应当确保其经营行为符合国家法律法规要求。
            </text>
            <text class="section-text">
              2.3 本平台有权对商家资质进行审核，审核通过后方可开通店铺。
            </text>
          </view>

          <view class="section">
            <text class="section-title">三、商家义务</text>
            <text class="section-text">
              3.1 商家应当确保发布的房源信息真实、准确、完整。
            </text>
            <text class="section-text">
              3.2 商家应当按照订单约定提供服务，不得擅自取消订单或拒绝接待。
            </text>
            <text class="section-text">
              3.3 商家应当及时处理用户投诉和售后问题。
            </text>
            <text class="section-text">
              3.4 商家应当遵守平台规则，不得从事违法违规活动。
            </text>
          </view>

          <view class="section">
            <text class="section-title">四、费用与结算</text>
            <text class="section-text">
              4.1 本平台将按照约定的比例收取服务费用。
            </text>
            <text class="section-text">
              4.2 结算周期和方式由双方另行约定。
            </text>
            <text class="section-text">
              4.3 商家应当按时缴纳平台服务费，逾期未缴纳的，本平台有权暂停或终止服务。
            </text>
          </view>

          <view class="section">
            <text class="section-title">五、违约责任</text>
            <text class="section-text">
              5.1 如商家违反本协议约定，本平台有权采取警告、限制功能、暂停服务、终止合作等措施。
            </text>
            <text class="section-text">
              5.2 因商家违约给用户或平台造成损失的，商家应当承担赔偿责任。
            </text>
          </view>

          <view class="section">
            <text class="section-title">六、协议的变更和终止</text>
            <text class="section-text">
              6.1 本平台有权根据业务发展需要修改本协议条款。
            </text>
            <text class="section-text">
              6.2 商家可以申请退出平台，但应当提前30天通知本平台，并妥善处理未完成的订单。
            </text>
          </view>

          <view class="section">
            <text class="section-title">七、联系方式</text>
            <text class="section-text">
              如您对本协议有任何疑问，请通过以下方式联系我们：
            </text>
            <text class="section-text">商家客服电话：400-888-8888</text>
            <text class="section-text">商家客服邮箱：merchant@pinzhuhui.com</text>
          </view>
        </view>
      </view>
    </scroll-view>
  </view>
</template>

<script setup lang="ts">
import { ref, onMounted } from 'vue';

const type = ref('user');
const title = ref('用户服务协议');

onMounted(() => {
  const pages = getCurrentPages();
  const page = pages[pages.length - 1] as any;
  const options = page.options || page.$page?.options || {};

  type.value = options.type || 'user';

  if (type.value === 'user') {
    title.value = '用户服务协议';
  } else if (type.value === 'privacy') {
    title.value = '隐私政策';
  } else if (type.value === 'merchant') {
    title.value = '商家服务协议';
  }
});

function goBack() {
  uni.navigateBack();
}
</script>

<style lang="scss" scoped>
@import '@/static/styles/common.scss';

.page-agreement {
  min-height: 100vh;
  background: $bg-page;
  display: flex;
  flex-direction: column;
}

/* 页面头部 */
.page-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: $spacing-lg $spacing-2xl;
  background: $bg-card;
  border-bottom: 1rpx solid $border-light;
  flex-shrink: 0;
}

.back-btn {
  width: 64rpx;
  height: 64rpx;
  display: flex;
  align-items: center;
  justify-content: center;
  background: $bg-page;
  border-radius: $radius-round;
  transition: all 0.2s ease;

  &:active {
    background: $bg-hover;
  }
}

.header-title {
  font-size: $font-lg;
  font-weight: $font-semibold;
  color: $text-primary;
}

.placeholder {
  width: 64rpx;
}

/* 内容区域 */
.content-scroll {
  flex: 1;
  padding: $spacing-2xl;
  box-sizing: border-box;
}

.content-wrap {
  background: $bg-card;
  border-radius: $radius-lg;
  padding: 40rpx $spacing-2xl;
  border: 1rpx solid $border-light;
  box-sizing: border-box;
  width: 100%;
  overflow: hidden;
}

.agreement-content {
  display: flex;
  flex-direction: column;
}

.content-title {
  font-size: $font-xl;
  font-weight: $font-semibold;
  color: $text-primary;
  text-align: center;
  margin-bottom: $spacing-xl;
}

.update-time {
  font-size: $font-sm;
  color: $text-secondary;
  text-align: center;
  margin-bottom: $spacing-xs;
}

.section {
  margin-top: 40rpx;
  display: flex;
  flex-direction: column;
  gap: $spacing-md;
}

.section-title {
  font-size: $font-md;
  font-weight: $font-semibold;
  color: $text-primary;
  margin-bottom: $spacing-xs;
}

.section-text {
  font-size: $font-base;
  color: $text-secondary;
  line-height: 1.8;
  text-align: justify;
  word-wrap: break-word;
  word-break: break-all;
}
</style>
