<template>
  <section id="faq" class="px-6 py-20 md:px-12 max-w-4xl mx-auto">
    <h2 class="text-3xl md:text-4xl font-bold text-center mb-14">
      Часто задаваемые вопросы
    </h2>

    <div class="space-y-4">
      <details
        v-for="(item, index) in faqItems"
        :key="index"
        class="group bg-white dark:bg-gray-900 rounded-2xl border border-gray-200 dark:border-gray-800 overflow-hidden transition-colors hover:border-blue-300 dark:hover:border-blue-700"
      >
        <summary class="flex items-center justify-between px-6 py-5 cursor-pointer list-none">
          <span class="font-medium text-left pr-4">{{ item.question }}</span>
          <ChevronDown
            class="w-5 h-5 shrink-0 text-gray-400 transition-transform duration-300 group-open:rotate-180"
          />
        </summary>
        <div class="px-6 pb-5 text-gray-500 dark:text-gray-400 leading-relaxed" v-html="item.answer"></div>
      </details>
    </div>
  </section>
</template>

<script setup>
import { ChevronDown } from '@lucide/vue'

const faqItems = [
  {
    question: 'Как начать пользоваться uVPN?',
    answer: 'Откройте бота <a href="https://t.me/uvpn_official_bot" target="_blank" rel="noopener" class="text-blue-600 dark:text-blue-400">@uVPN</a> в Telegram, нажмите «Старт», выберите тариф или активируйте 7 дней бесплатно. Конфигурация придёт автоматически — подключение займёт 30 секунд. При недоступности Telegram воспользуйтесь <a href="https://app.uvpn.shop" target="_blank" class="text-blue-600 dark:text-blue-400">нашим сайтом</a>.'
  },
  {
    question: 'Нужно ли устанавливать отдельное приложение?',
    answer: 'Нет. uVPN работает через стандартные протоколы Xray — настройка в один клик. Поддерживаются iOS, Android, Windows, macOS, Linux и Smart TV.'
  },
  {
    question: 'Какая реальная скорость соединения?',
    answer: 'Наши серверы поддерживают до 10 Гбит/с. Для стриминга 4K достаточно 25 Мбит/с — этого у нас с запасом. Реальная скорость зависит от вашего провайдера и выбранного сервера.'
  },
  {
    question: 'Есть ли гарантия возврата денег?',
    answer: 'Да. Если uVPN вам не подойдёт по любой причине, мы вернём деньги в течение 30 дней без вопросов — просто напишите в поддержку через Telegram.'
  },
  {
    question: 'Сколько устройств можно подключить одновременно?',
    answer: 'Lite — до 3 устройств, Pro — до 5 устройств, Ultra — до 10 устройств одновременно. Для личного пользования лучший выбор Lite, для себя и друга — Pro. Для семьи или небольшого офиса идеально подойдёт Ultra.'
  },
  {
    question: 'Хранит ли uVPN логи моей активности?',
    answer: 'Нет. Мы придерживаемся строгой политики no-log: не сохраняем историю посещений, IP-адреса, время подключений и другие персональные данные.'
  },
  {
    question: 'Как оплатить подписку?',
    answer: 'Оплата принимается через мини-приложение в Telegram или на <a href="https://app.uvpn.shop" target="_blank">сайте. Доступны банковские карты (Visa, Mastercard, МИР), СБП. Автосписания нет — продление только по вашему желанию.'
  },
  {
    question: 'Что делать, если VPN перестал работать?',
    answer: 'Обновите конфиги в вашем клиенте. Если не помогло — напишите в поддержку, мы отвечаем в течение 15 минут.'
  }
]
</script>