import React from "react";
import {
  Modal,
  ModalOverlay,
  ModalContent,
  ModalHeader,
  ModalBody,
  ModalCloseButton,
  Text,
  Box,
  VStack,
  Divider,
  useColorModeValue
} from "@chakra-ui/react";

const PrivacyPolicyModal = ({ isOpen, onClose }) => {
  const modalBg = useColorModeValue("white", "gray.800");
  const headingColor = useColorModeValue("gray.800", "white");
  const textColor = useColorModeValue("gray.600", "gray.300");

  // Conditional rendering: only render Modal when open
  if (!isOpen) {
    return null;
  }

  return (
    <Modal 
      isOpen={isOpen} 
      onClose={onClose} 
      size="full" 
      scrollBehavior="inside"
      isCentered
    >
      <ModalOverlay bg="blackAlpha.600" />
      <ModalContent 
        maxW="95vw" 
        maxH="95vh" 
        bg={modalBg}
        borderRadius="xl"
        boxShadow="2xl"
        mx={4}
      >
        <ModalHeader 
          fontSize="2xl" 
          fontWeight="bold" 
          color={headingColor}
          borderBottom="1px solid"
          borderColor="gray.200"
          borderRadius="xl xl 0 0"
          py={6}
        >
          隐私政策
        </ModalHeader>
        <ModalCloseButton 
          size="lg"
          _hover={{ bg: "gray.100" }}
        />
        <ModalBody py={8} px={8}>
          <VStack spacing={6} align="stretch">
            <Box bg="blue.50" p={4} borderRadius="md" border="1px solid" borderColor="blue.100">
              <Text fontSize="md" color="blue.600" mb={2} fontWeight="semibold">
                生效日期：2025年1月20日
              </Text>
              <Text fontSize="xl" color={textColor} lineHeight="1.8" mb={4}>
                【北京价值前沿科技有限公司】（以下简称"我们"）深知个人信息对您的重要性，并会尽全力保护您的个人信息安全可靠。我们致力于维持您对我们的信任，恪守以下原则，保护您的个人信息：权责一致原则、目的明确原则、选择同意原则、最少够用原则、确保安全原则、主体参与原则、公开透明原则等。同时，我们承诺，我们将按业界成熟的安全标准，采取相应的安全保护措施来保护您的个人信息。
              </Text>
              <Text fontSize="xl" color={textColor} lineHeight="1.8" fontWeight="medium">
                请在使用我们的产品（或服务）前，仔细阅读并了解本《隐私政策》。
              </Text>
            </Box>

            <Divider />

            <Box>
              <Text fontSize="xl" fontWeight="bold" color={headingColor} mb={4}>
                一、我们如何收集和使用您的个人信息
              </Text>
              <Text fontSize="xl" color={textColor} lineHeight="1.6" mb={4}>
                根据《信息安全技术个人信息安全规范》（GB/T 35273—2020），个人信息是指以电子或者其他方式记录的能够单独或者与其他信息结合识别特定自然人身份或者反映特定自然人活动情况的各种信息。本隐私政策中涉及的个人信息包括：基本信息（包括性别、地址、地区、个人电话号码、电子邮箱）；个人身份信息（包括身份证、护照、相关身份证明等）；网络身份标识信息（包括系统账号、IP地址、口令）；个人上网记录（包括登录记录、浏览记录）；个人常用设备信息（包括硬件型号、操作系统类型、应用安装列表、运行中进程信息、设备MAC地址、软件列表设备识别码如IMEI/android ID/IDFA/IMSI 在内的描述个人常用设备基本情况的信息）；个人位置信息（包括精准定位信息、经纬度等）；
              </Text>
              <Text fontSize="xl" color={textColor} lineHeight="1.6" mb={4}>
                个人敏感信息是指一旦泄露、非法提供或滥用可能危害人身和财产安全，极易导致个人名誉、身心健康受到损害或歧视性待遇等的个人信息，本隐私政策中涉及的个人敏感信息包括：个人身份信息（包括身份证、护照、相关身份证明等）；网络身份识别信息（包括账户名、账户昵称、用户头像、与前述有关的密码）；其他信息（包括个人电话号码、浏览记录、精准定位信息）。对于个人敏感信息，我们将在本政策中进行显著标识，请您仔细阅读。
              </Text>
            </Box>

            <Box pl={4} borderLeft="3px solid" borderColor="green.300" bg="green.50" p={4} borderRadius="md">
              <Text fontSize="xl" fontWeight="semibold" color="green.700" mb={2}>
                （一）手机号注册/登录
              </Text>
              <Text fontSize="xl" color={textColor} lineHeight="1.8" mb={4}>
                当您使用手机号注册/登录服务时，我们会收集您的手机号码、验证码匹配结果、手机系统平台等信息，用于保存您的登录信息，使您在使用不同设备登录时能够同步您的数据。
              </Text>
            </Box>

            <Box pl={4} borderLeft="3px solid" borderColor="purple.300" bg="purple.50" p={4} borderRadius="md">
              <Text fontSize="xl" fontWeight="semibold" color="purple.700" mb={2}>
                （二）第三方登录
              </Text>
              <Text fontSize="xl" color={textColor} lineHeight="1.8" mb={4}>
                当您使用微信/QQ等第三方登录时，我们会收集您第三方的唯一标识、头像、昵称，用于保存您的登录信息，使您在使用不同设备登录时能够同步您的数据。
              </Text>
              <Text fontSize="xl" color={textColor} lineHeight="1.8" mb={4}>
                当您使用微信,微博，QQ 进行三方分享的时候，我们的产品可能会集成第三方的SDK或其他类似的应用程序，用于三方登录以及分享内容到三方平台。您可以登陆以下网址了解相关隐私政策：
              </Text>
              <VStack align="start" spacing={2} pl={4}>
                <Text fontSize="md" color="blue.600" lineHeight="1.6">
                  【新浪微博】微博个人信息保护政策：https://m.weibo.cn/c/privacy
                </Text>
                <Text fontSize="md" color="blue.600" lineHeight="1.6">
                  【微信】微信开放平台开发者服务协议：https://open.weixin.qq.com/cgi-bin/frame?t=news/protocol_developer_tmpl
                </Text>
                <Text fontSize="md" color="blue.600" lineHeight="1.6">
                  【QQ】QQ互联SDK隐私保护声明：https://wiki.connect.qq.com/qq互联sdk隐私保护声明
                </Text>
              </VStack>
            </Box>

            <Box pl={4} borderLeft="3px solid" borderColor="orange.300" bg="orange.50" p={4} borderRadius="md">
              <Text fontSize="xl" fontWeight="semibold" color="orange.700" mb={2}>
                （三）第三方支付
              </Text>
              <Text fontSize="xl" color={textColor} lineHeight="1.8" mb={4}>
                当您使用 微信 支付宝 华为 进行三方支付的时候，我们的产品可能会集成第三方的SDK或其他类似的应用程序，帮助用户在应用内使用三方支付：
              </Text>
              <VStack align="start" spacing={2} pl={4}>
                <Text fontSize="md" color="blue.600" lineHeight="1.6">
                  【支付宝】客户端 SDK 隐私说明：https://opendocs.alipay.com/open/01g6qm
                </Text>
                <Text fontSize="md" color="blue.600" lineHeight="1.6">
                  【微信支付】微信支付服务协议：https://pay.weixin.qq.com/index.php/public/apply_sign/protocol_v2
                </Text>
                <Text fontSize="md" color="blue.600" lineHeight="1.6">
                  【华为支付】SDK数据安全说明：https://developer.huawei.com/consumer/cn/doc/development/HMSCore-Guides/sdk-data-security-0000001050044906
                </Text>
              </VStack>
            </Box>

            <Divider />

            <Box>
              <Text fontSize="xl" fontWeight="bold" color={headingColor} mb={4}>
                二、我们如何使用 Cookie 和同类技术
              </Text>
              <Text fontSize="xl" color={textColor} lineHeight="1.6" mb={4}>
                为确保网站正常运转，我们会在您的计算机或移动设备上存储名为 Cookie 的小数据文件。Cookie 通常包含标识符、站点名称以及一些号码和字符。借助于 Cookie，网站能够存储您的偏好或购物篮内的商品等数据。
              </Text>
            </Box>

            <Divider />

            <Box>
              <Text fontSize="xl" fontWeight="bold" color={headingColor} mb={4}>
                三、我们如何共享、转让、公开披露您的个人信息
              </Text>
              <Text fontSize="xl" color={textColor} lineHeight="1.6" mb={4}>
                我们不会向其他任何公司、组织和个人分享您的个人信息，但以下情况除外：
              </Text>
              <Text fontSize="xl" color={textColor} lineHeight="1.6" mb={2}>
                1、在获取明确同意的情况下共享：获得您的明确同意后，我们会与其他方共享您的个人信息。
              </Text>
              <Text fontSize="xl" color={textColor} lineHeight="1.6" mb={2}>
                2、我们可能会根据法律法规规定，或按政府主管部门的强制性要求，对外共享您的个人信息。
              </Text>
              <Text fontSize="xl" color={textColor} lineHeight="1.6" mb={4}>
                3、与我们的关联公司共享：您的个人信息可能会与我们关联公司共享。我们只会共享必要的个人信息，且受本隐私政策中所声明目的的约束。关联公司如要改变个人信息的处理目的，将再次征求您的授权同意。
              </Text>
              <Text fontSize="xl" color={textColor} lineHeight="1.6" mb={4}>
                我们的关联公司包括：北京价值经纬咨询有限责任公司等。
              </Text>
            </Box>

            <Divider />

            <Box>
              <Text fontSize="xl" fontWeight="bold" color={headingColor} mb={4}>
                四、我们如何保护您的个人信息
              </Text>
              <Text fontSize="xl" color={textColor} lineHeight="1.6" mb={4}>
                我们已使用符合业界标准的安全防护措施保护您提供的个人信息，防止数据遭到未经授权访问、公开披露、使用、修改、损坏或丢失。我们会采取一切合理可行的措施，保护您的个人信息。例如，在您的浏览器与"服务"之间交换数据（如信用卡信息）时受 SSL 加密保护；我们同时对我们网站提供 https 安全浏览方式；我们会使用加密技术确保数据的保密性；我们会使用受信赖的保护机制防止数据遭到恶意攻击；我们会部署访问控制机制，确保只有授权人员才可访问个人信息；以及我们会举办安全和隐私保护培训课程，加强员工对于保护个人信息重要性的认识。
              </Text>
            </Box>

            <Divider />

            <Box>
              <Text fontSize="xl" fontWeight="bold" color={headingColor} mb={4}>
                五、您的权利
              </Text>
              <Text fontSize="xl" color={textColor} lineHeight="1.6" mb={4}>
                按照中国相关的法律、法规、标准，以及其他国家、地区的通行做法，我们保障您对自己的个人信息行使以下权利：
              </Text>
              <Text fontSize="xl" color={textColor} lineHeight="1.6" mb={2}>
                （一）访问您的个人信息
              </Text>
              <Text fontSize="xl" color={textColor} lineHeight="1.6" mb={2}>
                （二）更正您的个人信息
              </Text>
              <Text fontSize="xl" color={textColor} lineHeight="1.6" mb={2}>
                （三）删除您的个人信息
              </Text>
              <Text fontSize="xl" color={textColor} lineHeight="1.6" mb={4}>
                （四）约束信息系统自动决策
              </Text>
              <Text fontSize="xl" color={textColor} lineHeight="1.6" mb={4}>
                如果您无法通过上述链接更正这些个人信息，您可以随时使用我们的 Web 表单联系，或发送电子邮件至admin@valuefrontier.cn。我们将在30天内回复您的更正请求。
              </Text>
            </Box>

            <Divider />

            <Box>
              <Text fontSize="xl" fontWeight="bold" color={headingColor} mb={4}>
                六、我们如何处理儿童的个人信息
              </Text>
              <Text fontSize="xl" color={textColor} lineHeight="1.6" mb={4}>
                我们的产品、网站和服务主要面向成人。如果没有父母或监护人的同意，儿童不得创建自己的用户账户。
              </Text>
              <Text fontSize="xl" color={textColor} lineHeight="1.6" mb={4}>
                对于经父母同意而收集儿童个人信息的情况，我们只会在受到法律允许、父母或监护人明确同意或者保护儿童所必要的情况下使用或公开披露此信息。
              </Text>
              <Text fontSize="xl" color={textColor} lineHeight="1.6" mb={4}>
                尽管当地法律和习俗对儿童的定义不同，但我们将不满 14 周岁的任何人均视为儿童。
              </Text>
              <Text fontSize="xl" color={textColor} lineHeight="1.6" mb={4}>
                如果我们发现自己在未事先获得可证实的父母同意的情况下收集了儿童的个人信息，则会设法尽快删除相关数据。
              </Text>
            </Box>

            <Divider />

            <Box>
              <Text fontSize="xl" fontWeight="bold" color={headingColor} mb={4}>
                七、本隐私政策如何更新
              </Text>
              <Text fontSize="xl" color={textColor} lineHeight="1.6" mb={4}>
                我们可能适时会对本隐私政策进行调整或变更，本隐私政策的任何更新将在用户启动应用时以弹窗形式提醒用户更新内容并提示查看最新的隐私政策，提醒用户重新确认是否同意隐私政策条款，除法律法规或监管规定另有强制性规定外，经调整或变更的内容一经用户确认后将即时生效。
              </Text>
            </Box>

            <Divider />

            <Box>
              <Text fontSize="xl" fontWeight="bold" color={headingColor} mb={4}>
                八、如何联系我们
              </Text>
              <Text fontSize="xl" color={textColor} lineHeight="1.6" mb={4}>
                如果您对本隐私政策有任何疑问、意见或建议，通过以下方式与我们联系：
              </Text>
              <Text fontSize="xl" color={textColor} lineHeight="1.6" mb={4}>
                邮箱：admin@valuefrontier.cn
              </Text>
            </Box>

            <Divider />

            <Box>
              <Text fontSize="xl" fontWeight="bold" color={headingColor} mb={4}>
                九、未成年人保护方面
              </Text>
              <Text fontSize="xl" color={textColor} lineHeight="1.6" mb={4}>
                1、若您是未满18周岁的未成年人，您应在您的监护人监护、指导下并获得监护人同意的情况下，认真阅读并同意本协议后，方可使用价值前沿app及相关服务。若您未取得监护人的同意，监护人可以通过联系价值前沿官方公布的客服联系方式通知价值前沿处理相关账号，价值前沿有权对相关账号的功能、使用进行限制，包括但不限于浏览、发布信息、互动交流等功能。
              </Text>
              <Text fontSize="xl" color={textColor} lineHeight="1.6" mb={4}>
                2、价值前沿重视对未成年人个人信息的保护，未成年用户在填写个人信息时，请加强个人保护意识并谨慎对待，并应在取得监护人的同意以及在监护人指导下正确使用价值前沿app及相关服务。
              </Text>
              <Text fontSize="xl" color={textColor} lineHeight="1.6" mb={4}>
                3、未成年人用户及其监护人理解并确认，如您违反法律法规、本协议内容，则您及您的监护人应依照法律规定承担因此而可能导致的全部法律责任。
              </Text>
            </Box>
          </VStack>
        </ModalBody>
      </ModalContent>
    </Modal>
  );
};

export default PrivacyPolicyModal;