<!-- polacyPrivacy.vue -->
<template>
  <div class="privacy-page">
    <div class="container">
      <div class="page-header">
        <h1 class="page-title">Политика конфиденциальности</h1>
        <div class="page-actions">
          <button class="btn btn-primary" @click="downloadDocument">
            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
              <path d="M.5 9.9a.5.5 0 0 1 .5.5v2.5a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-2.5a.5.5 0 0 1 1 0v2.5a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2v-2.5a.5.5 0 0 1 .5-.5z"/>
              <path d="M7.646 11.854a.5.5 0 0 0 .708 0l3-3a.5.5 0 0 0-.708-.708L8.5 10.293V1.5a.5.5 0 0 0-1 0v8.793L5.354 8.146a.5.5 0 1 0-.708.708l3 3z"/>
            </svg>
            Скачать PDF
          </button>
        </div>
      </div>

      <div class="document-container">
        <div class="document-content">
          <h2>ПОЛИТИКА КОНФИДЕНЦИАЛЬНОСТИ</h2>
          
          <h3>Общие положения</h3>
          <p>Настоящая Политика конфиденциальности (далее – «Политика») определяет порядок обработки и защиты Обществом с ограниченной ответственностью «Информационно консультационный центр ЯЛ АРБА» (далее – «Общество», «Мы») информации о физических лицах (далее – «Пользователи», «Вы»), которая может быть получена Обществом при использовании Пользователями сайтов, мобильных приложений и иных сервисов, входящих в экосистему «ЯЛ АРБА» (далее – «Сервисы»).</p>
          <p>Используя наши Сервисы, Вы выражаете свое безоговорочное согласие с условиями данной Политики. Если Вы не согласны с этими условиями, не используйте наши Сервисы.</p>

          <h3>1. Оператор персональных данных</h3>
          <p>Оператором ваших персональных данных является:</p>
          <p>ОБЩЕСТВО С ОГРАНИЧЕННОЙ ОТВЕТСТВЕННОСТЬЮ "ИНФОРМАЦИОННО КОНСУЛЬТАЦИОННЫЙ ЦЕНТР ЯЛ АРБА"</p>
          <p>ИНН: 0234009584</p>
          <p>ОГРН: 1220200038112</p>
          <p>Контактный адрес электронной почты: valitovgaziz@yandex.ru</p>

          <h3>2. Состав и цели обработки персональных данных</h3>
          <p>Мы можем обрабатывать следующие категории ваших данных:</p>
          <ul>
            <li>Данные, предоставляемые при регистрации и использовании Сервисов: имя, фамилия, адрес электронной почты, номер телефона, данные аккаунта в социальных сетях (если используется для входа).</li>
            <li>Данные, создаваемые при использовании Сервисов: история поисковых запросов, бронирований, покупок, предпочтения, отзывы и рейтинги, данные о взаимодействии с контентом предпринимателей.</li>
            <li>Технические данные: IP-адрес, данные cookie-файлов, информация о браузере и устройстве, журналы доступа.</li>
          </ul>
          <p>Цели обработки:</p>
          <ul>
            <li>Предоставление доступа к функционалу Сервисов (для предпринимателей – размещение услуг, для туристов – поиск и бронирование).</li>
            <li>Связь с Пользователем для информирования о заказах, услугах и изменениях в Сервисах.</li>
            <li>Аналитика и улучшение работы Сервисов, разработка новых функций.</li>
            <li>Обеспечение безопасности и предотвращение мошенничества.</li>
            <li>Выполнение требований применимого законодательства.</li>
          </ul>

          <h3>3. Условия обработки персональных данных</h3>
          <p>Обработка ваших персональных данных осуществляется с вашего согласия, выражаемого путем совершения конклюдентных действий (регистрация в Сервисе, отметка о согласии в чекбоксе, использование функционала). Мы принимаем все необходимые меры для защиты ваших данных от несанкционированного доступа, изменения, раскрытия или уничтожения.</p>

          <h3>4. Передача персональных данных</h3>
          <p>Мы не передаем ваши персональные данные третьим лицам, за исключением случаев:</p>
          <ul>
            <li>Когда это необходимо для оказания услуги (например, передача данных туриста предпринимателю для выполнения бронирования).</li>
            <li>По требованию уполномоченных государственных органов в соответствии с законодательством РФ.</li>
            <li>При реорганизации Общества (например, слиянии) с уведомлением пользователей.</li>
          </ul>

          <h3>5. Права субъекта персональных данных</h3>
          <p>Вы имеете право:</p>
          <ul>
            <li>На доступ к своим персональным данным, их уточнение и блокирование.</li>
            <li>На отзыв согласия на обработку персональных данных.</li>
            <li>На удаление своих персональных данных.</li>
            <li>На обжалование действий или бездействия Оператора в уполномоченный орган.</li>
          </ul>
          <p>Для реализации этих прав направьте запрос по контактному адресу электронной почты, указанному в разделе 1.</p>

          <h3>6. Заключительные положения</h3>
          <p>Мы вправе вносить изменения в настоящую Политику. Новая редакция вступает в силу с момента ее размещения в соответствующем Сервисе, если иное не предусмотрено новой редакцией Политики.</p>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'PolacyPrivacy',
  methods: {
    downloadDocument() {
      // В реальном приложении здесь будет логика скачивания документа
      alert('Функция скачивания PDF будет реализована в бэкенде');
    }
  }
}
</script>

<style scoped>
.privacy-page {
  padding: var(--space-xl) 0;
  background: var(--bg-secondary);
  min-height: 100vh;
}

.page-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: var(--space-xl);
  padding-bottom: var(--space-lg);
  border-bottom: 1px solid var(--border-light);
}

.page-title {
  font-family: var(--font-heading);
  font-size: var(--text-3xl);
  color: var(--text-primary);
  margin-bottom: 0;
}

.page-actions {
  display: flex;
  gap: var(--space-md);
}

.document-container {
  background: var(--bg-primary);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
  border: 1px solid var(--border-light);
  overflow: hidden;
}

.document-content {
  padding: var(--space-2xl);
  max-height: 70vh;
  overflow-y: auto;
}

.document-content h2 {
  text-align: center;
  margin-bottom: var(--space-xl);
  color: var(--primary-600);
}

.document-content h3 {
  margin-top: var(--space-xl);
  margin-bottom: var(--space-md);
  color: var(--primary-500);
}

.document-content p {
  margin-bottom: var(--space-md);
  line-height: var(--leading-relaxed);
}

.document-content ul {
  margin-bottom: var(--space-md);
  padding-left: var(--space-lg);
}

.document-content li {
  margin-bottom: var(--space-xs);
  line-height: var(--leading-relaxed);
}

@media (max-width: 768px) {
  .page-header {
    flex-direction: column;
    gap: var(--space-md);
    align-items: flex-start;
  }
  
  .document-content {
    padding: var(--space-lg);
  }
}
</style>