import Box from '@mui/material/Box'
import Paper from '@mui/material/Paper'
import Typography from '@mui/material/Typography'
import { STORE_EMAIL } from '@/shared/config'

const OP_NAME = 'Индивидуальный предприниматель Новоселова Наталия Владимировна'
const OP_INN = '402900832341'
const OP_OGRN = '305402922700051'
const OP_ADDR = '248000, Россия, г. Калуга, ул. Никитина, д. 12А'
const SITE_URL = window.location.origin

const sections = [
  {
    title: '1. Общие положения',
    items: [
      `1.1. Настоящая Политика конфиденциальности (далее — Политика) действует в отношении всех персональных данных, которые ${OP_NAME} (далее — Оператор) может получить от Пользователя во время использования сайта ${SITE_URL}.`,
      `1.2. ИНН Оператора: ${OP_INN}`,
      `1.3. ОГРН/ОГРНИП Оператора: ${OP_OGRN}`,
      `1.4. Адрес Оператора: ${OP_ADDR}`,
      `1.5. Контактный email: ${STORE_EMAIL}`,
    ],
  },
  {
    title: '2. Персональные данные, которые обрабатывает Оператор',
    items: [
      '2.1. Оператор обрабатывает следующие персональные данные Пользователей:',
      '— фамилия, имя, отчество;',
      '— адрес электронной почты;',
      '— номер телефона;',
      '— данные файлов cookie;',
      '— данные о действиях на сайте (аналитика);',
      '— адрес доставки и геолокационные координаты.',
    ],
  },
  {
    title: '3. Цели обработки персональных данных',
    items: [
      '3.1. Оператор обрабатывает персональные данные в следующих целях:',
      '— идентификация Пользователя;',
      '— оказание услуг / продажа товаров;',
      '— направление уведомлений и информационных сообщений;',
      '— улучшение качества работы сайта;',
      '— построение персонализированных предложений и рекомендаций.',
    ],
  },
  {
    title: '4. Правовые основания обработки',
    items: [
      '4.1. Оператор обрабатывает персональные данные на основании:',
      '— Федерального закона от 27.07.2006 № 152-ФЗ «О персональных данных»;',
      '— согласия субъекта персональных данных;',
      '— договора, стороной которого является субъект;',
      '— договорных отношений с контрагентами и исполнителями услуг (доставка, платёжные сервисы).',
    ],
  },
  {
    title: '5. Порядок и условия обработки',
    items: [
      '5.1. Обработка осуществляется путём сбора, записи, систематизации, накопления, хранения, уточнения, извлечения, использования, передачи, обезличивания, блокирования, удаления и уничтожения персональных данных.',
      '5.2. Обработка осуществляется автоматизированным и неавтоматизированным способами.',
      '5.3. Срок хранения персональных данных: не более 7 лет с момента последнего обращения Пользователя либо до момента отзыва согласия на обработку.',
    ],
  },
  {
    title: '6. Передача персональных данных третьим лицам',
    items: [
      '6.1. Оператор может передать персональные данные третьим лицам в следующих случаях:',
      '— с согласия субъекта;',
      '— по требованию законодательства РФ;',
      '— для выполнения договорных обязательств (перечень третьих лиц): службы доставки, платёжные агрегаторы, сервисы аналитики (Яндекс.Метрика).',
    ],
  },
  {
    title: '7. Права субъекта персональных данных',
    items: [
      '7.1. Пользователь имеет право на доступ к своим данным, их уточнение, блокирование или уничтожение.',
      '7.2. Для реализации своих прав Пользователь может направить запрос на электронный адрес: ' + STORE_EMAIL,
    ],
  },
]

export function PrivacyPolicyPage() {
  return (
    <Box sx={{ maxWidth: 800, mx: 'auto', py: { xs: 3, md: 5 }, px: { xs: 2, md: 0 } }}>
      <Typography
        variant="h4"
        component="h1"
        gutterBottom
        sx={{ fontWeight: 700, fontSize: { xs: '1.5rem', md: '2rem' } }}
      >
        Политика конфиденциальности
      </Typography>

      <Typography
        variant="body2"
        color="text.secondary"
        sx={{ mb: 4, pb: 3, borderBottom: '1px solid', borderColor: 'divider' }}
      >
        Политика в отношении обработки персональных данных.
      </Typography>

      <Box component="section" sx={{ display: 'flex', flexDirection: 'column', gap: 3 }}>
        {sections.map((section) => (
          <Paper
            key={section.title}
            variant="outlined"
            sx={{
              p: { xs: 2, md: 3 },
              borderRadius: 3,
              bgcolor: 'background.paper',
              borderLeft: '4px solid',
              borderLeftColor: 'primary.main',
            }}
          >
            <Typography
              variant="h6"
              component="h2"
              gutterBottom
              sx={{ fontWeight: 600, fontSize: '1rem', color: 'primary.main' }}
            >
              {section.title}
            </Typography>

            <Box component="ul" sx={{ m: 0, p: 0, listStyle: 'none' }}>
              {section.items.map((item, idx) => (
                <Box
                  component="li"
                  key={idx}
                  sx={{
                    color: 'text.primary',
                    fontSize: '0.9rem',
                    lineHeight: 1.65,
                    mb: 0.5,
                    '&:last-child': { mb: 0 },
                  }}
                >
                  {item}
                </Box>
              ))}
            </Box>
          </Paper>
        ))}
      </Box>
    </Box>
  )
}
