import { ScrollView, StyleSheet, Text, View } from 'react-native';
import { colors } from '../../../src/theme';
import { useOnboarding } from '../../../src/hooks';
import { ScreenShell } from '../ui/ScreenShell';

const PARAGRAPHS = [
  '一、总则。欢迎使用有职求职招聘平台。在使用本服务前，请您务必仔细阅读并透彻理解本《用户协议》与《隐私政策》的全部内容。',
  '二、账号注册。您确认，在您开始注册程序使用有职服务前，您应当具备中华人民共和国法律规定的与您行为相适应的民事行为能力。',
  '三、信息收集。为向您提供职位推荐、企业认证等服务，我们可能收集您的手机号、简历信息、位置信息等。我们承诺严格依照《隐私政策》使用并保护上述信息。',
  '四、未成年人保护。本平台服务主要面向年满 18 周岁的用户。如您未满 18 周岁，请在监护人陪同下使用，并确保已取得监护人同意。',
  '五、用户行为规范。您承诺不利用有职平台制作、发布、传播任何违反法律法规或公序良俗的信息，不从事任何干扰平台正常运营的行为。',
  '六、责任限制。在法律允许的最大范围内，有职对您因使用或无法使用本服务而导致的任何间接、偶然或后果性损害不承担责任。',
  '七、协议变更。有职保留在必要时修改本条款的权利，修改后的条款将在平台公示后生效。',
];

export function B2Agreement() {
  const { back, meta } = useOnboarding();

  return (
    <ScreenShell time={meta.time} battery={meta.battery} title="用户协议 / 隐私政策" showBack onBack={back}>
      <ScrollView style={styles.body} showsVerticalScrollIndicator={false}>
        <Text style={styles.h}>有职用户协议与隐私政策</Text>
        {PARAGRAPHS.map((p, i) => (
          <Text key={i} style={styles.p}>
            {p}
          </Text>
        ))}
        <View style={{ height: 20 }} />
      </ScrollView>
    </ScreenShell>
  );
}

const styles = StyleSheet.create({
  body: { flex: 1 },
  h: { fontSize: 18, fontWeight: '800', color: colors.textPrimary, marginBottom: 14 },
  p: { fontSize: 14, color: colors.textSecondary, lineHeight: 24, marginBottom: 14 },
});