const faqsData = [
	{
		category: 'index',
		question: 'Какие способы оплаты доступны?',
		answer: 'Мы принимаем оплату банковскими картами МИР, криптовалютой, а также банковскими картами VISA/MC, выпущенными странами, которые поддерживаются платёжной системой на момент оплаты.'
	},
	{
		category: 'index',
		question: 'Как запросить возврат средств?',
		answer: 'Для оформления возврата создайте тикет в панели управления, указав номер заказа и причину отказа. Запрос рассматривается после проверки условий возврата.'
	},
	{
		category: 'index',
		question: 'На каких условиях осуществляется возврат?',
		answer: 'Возврат доступен для заказов со сроком оплаты 1 месяц и более. Сумма возврата рассчитывается пропорционально фактически использованному времени аренды сервера и использованию ресурсов. Для заказов со сроком оплаты 1 неделя возврат не предусмотрен. Возврат также недоступен для услуг, отключённых из-за жалоб или нарушений правил сервиса.'
	},
	{
		category: 'index',
		question: 'Куда возвращаются средства?',
		answer: 'Возврат выполняется только в ту платёжную систему, с которой была произведена оплата. По желанию клиента средства также могут быть зачислены на внутренний баланс сервиса для дальнейшего использования.'
	},
	{
		category: 'index',
		question: 'Как работает техническая поддержка?',
		answer: 'Техническая поддержка работает 24/7. Основной способ связи — тикет-система на сайте racbox.ru. Почта support@racbox.ru используется для восстановления аккаунта и в случаях, когда нужно передать изображение или дополнительные материалы.'
	},

	{
		category: 'vps',
		question: 'Какая скорость подключения у VDS?',
		answer: 'Скорость порта подключения на VDS — это максимальная пропускная способность канала. Фактическая скорость может быть ниже, так как на VPS используется shared-канал, и нагрузка зависит от общей активности клиентов.'
	},
	{
		category: 'vps',
		question: 'Что делать, если упала скорость интернета на сервере?',
		answer: 'Наши тарифы не предусматривают гарантированную скорость, так как используется shared-канал. Для начала проверьте, что проблема действительно на стороне сервера: установите Speedtest по инструкции Ookla и пришлите нам результат в тикете.'
	},
	{
		category: 'vps',
		question: 'Можно ли установить MikroTik CHR?',
		answer: 'Да, мы можем загрузить готовый VMDK- или OVA-образ. После этого сервер можно будет настроить через консоль в панели управления. Для ускорения выполнения запроса лучше сразу прислать ссылку на нужную версию образа.'
	},
	{
		category: 'vps',
		question: 'Какие действия доступны для управления сервером?',
		answer: 'В панели управления доступны переустановка и перезагрузка сервера. Также вы можете использовать веб-консоль для базового управления системой.'
	},
	{
		category: 'vps',
		question: 'Можно ли сменить локацию сервера?',
		answer: 'Да, по обращению в техническую поддержку мы можем единоразово сменить локацию сервера через переустановку без переноса данных. При смене локации IP-адрес сервера изменится.'
	},
	{
		category: 'vps',
		question: 'Какие процессоры используются на VDS?',
		answer: 'В зависимости от площадки используются Intel Xeon E5-2680 v4, Xeon Platinum 8160, Xeon Platinum 8260M, Xeon Gold 6248, а также некоторые другие CPU в отдельных локациях. Выдача конкретного процессора не гарантируется, ресурсы распределяются динамически.'
	},
	{
		category: 'vps',
		question: 'Какие операционные системы доступны?',
		answer: 'На большинстве тарифов доступны Windows Server 2019/2022 Ru/En, Windows 10 Ru/En, CentOS 7/8/9, Debian 10/11/12, Ubuntu 18.04/20.04/22.04/24.04 LTS. Тарифы MINI и конфигурации ниже 2 CPU, 2 GB RAM и 20 GB диска не поддерживают установку Windows. При необходимости можно загрузить свой VMDK или OVF-образ.'
	},
	{
		category: 'vps',
		question: 'Делаете ли вы резервные копии?',
		answer: 'Автоматические резервные копии серверов не выполняются. При этом доступно создание бесплатного снапшота, который хранится до 7 дней.'
	},
	{
		category: 'vps',
		question: 'Можно ли заказать дополнительные ресурсы?',
		answer: 'Да, по запросу можно приобрести дополнительные мощности для VDS. Стоимость: CPU — 125 руб. за 1 ядро, RAM — 100 руб. за 1 ГБ, SSD — 5 руб. за 1 ГБ, IPv4 — 150 руб. за 1 адрес.'
	},
	{
		category: 'vps',
		question: 'Число ядер не соответствует тарифу',
		answer: 'Сначала попробуйте переустановить сервер. Если проблема сохраняется, создайте тикет в техническую поддержку.'
	},
	{
		category: 'vps',
		question: 'Сервер долго находится в статусе «В очереди»',
		answer: 'Обычно установка сервера занимает около 10 минут. Во время высокой нагрузки или технических работ срок может увеличиться. Если ожидание превышает 2 часа, обратитесь в техническую поддержку.'
	},
	{
		category: 'vps',
		question: 'Нет подключения к серверу',
		answer: 'Проверьте, что вы используете правильный протокол подключения: SSH для Linux и RDP для Windows. После этого попробуйте перезагрузить сервер. Если проблема не решилась, создайте тикет в поддержку.'
	},
	{
		category: 'vps',
		question: 'Какие IP-адреса выдаются?',
		answer: 'На всех тарифах выдаются IPv4 и IPv6 адреса. Бесплатная замена IP возможна только в течение первых суток после выдачи сервера, если выданный адрес оказался заблокирован. Также доступна платная замена IP за 200 рублей, при этом адрес выбирается случайным образом из свободного пула.'
	},
	{
		category: 'vps',
		question: 'Почему сайты неправильно определяют геолокацию IP?',
		answer: 'Разные сервисы используют разные геобазы, и обновление данных в них происходит не одновременно. Если геолокация критична для вашей задачи, напишите нам в течение первых суток после заказа — при наличии свободных адресов мы постараемся помочь.'
	},
	{
		category: 'vps',
		question: 'Как продлевается сервер?',
		answer: 'При положительном балансе продление происходит автоматически. Если средств недостаточно для полного продления, услуга может продлеваться посуточно из расчёта 1/25 ежемесячной стоимости в сутки. Для этого должна быть включена опция автоматического продления. При длительном отсутствии средств сервер удаляется.'
	},

	{
		category: 'dedicated',
		question: 'Можно ли заказать нестандартную конфигурацию выделенного сервера?',
		answer: 'Да, если вам требуется индивидуальная конфигурация, напишите в техническую поддержку. Мы проверим доступные варианты и предложим подходящее решение.'
	},
	{
		category: 'dedicated',
		question: 'Как получить договор для юридического лица?',
		answer: 'Оплата от юридических лиц принимается на расчётный счёт. Для получения договора нужно обратиться через техническую поддержку и предоставить карточку организации.'
	},

	{
		category: 'colocation',
		question: 'Можно ли обсудить индивидуальные условия размещения оборудования?',
		answer: 'Да, по услугам colocation условия согласуются индивидуально. Напишите в техническую поддержку с параметрами оборудования, требованиями по питанию, сети и размещению.'
	},

	{
		category: 'about',
		question: 'Как работает реферальная программа?',
		answer: 'Вы можете делиться своей реферальной ссылкой и получать 10% от суммы пополнений приглашённых клиентов. Реферальная ссылка находится в разделе «Аккаунт → Настройки → Реферальная программа».'
	},
	{
		category: 'about',
		question: 'Как вывести реферальные средства?',
		answer: 'Для вывода реферальных средств или их зачисления на баланс аккаунта необходимо создать запрос в техническую поддержку.'
	}
];

const faqContainer = document.getElementById('faqContainer');

const path = window.location.pathname;
/* для реального url */
/* const currentCategory = path.split('/').filter(Boolean)[0] || 'vds'; */

/* для проверки на html */
const fileName = window.location.pathname.split('/').pop();
const currentCategory = fileName.replace('.html', '') || 'index';
const filteredFaqs = faqsData.filter(faq => faq.category === currentCategory);

faqContainer.innerHTML = filteredFaqs.map((faq, index) => `
<div class="faq-item flex flex-col items-start w-full" data-index="${index}">
	<div class="faq-header shadow flex items-center justify-between w-full cursor-pointer p-4 rounded transition-all">
		<h2 class="text-sm">${faq.question}</h2>
		<span
			class="flex items-center justify-center
				   w-8 h-8
				   rounded-md
				   bg-[var(--color-sec)]
				   transition-colors duration-300
				   hover:bg-[var(--color-sec-hover)]">
			<svg
			  class="faq-icon transition-transform duration-500 ease-in-out"
			  width="16" height="16" viewBox="0 0 18 18" fill="none"
			  xmlns="http://www.w3.org/2000/svg">
			  <path
				d="m4.5 7.2 3.793 3.793a1 1 0 0 0 1.414 0L13.5 7.2"
				stroke="var(--color-primary)"
				stroke-width="1.5"
				stroke-linecap="round"
				stroke-linejoin="round" />
			</svg>
		  </span>
	</div>
	<p class="faq-answer w-full text-sm text-gray-700 px-4 max-h-0 opacity-0 -translate-y-2 transition-all duration-500 ease-in-out">
		${faq.answer}
	</p>
</div>
`).join('');

let openIndex = null;

document.querySelectorAll('.faq-header').forEach((header, index) => {
	header.addEventListener('click', () => {
		const allAnswers = document.querySelectorAll('.faq-answer');
		const allIcons = document.querySelectorAll('.faq-icon');

		allAnswers.forEach((el, i) => {
			if (i === index) {
				const isOpen = el.classList.contains('opacity-100');
				el.classList.toggle('opacity-100', !isOpen);
				el.classList.toggle('max-h-[300px]', !isOpen);
				el.classList.toggle('translate-y-0', !isOpen);
				el.classList.toggle('pt-4', !isOpen);
				el.classList.toggle('max-h-0', isOpen);
				el.classList.toggle('-translate-y-2', isOpen);
				allIcons[i].classList.toggle('rotate-180', !isOpen);
			} else {
				el.classList.remove('opacity-100', 'max-h-[300px]', 'translate-y-0', 'pt-4');
				el.classList.add('max-h-0', '-translate-y-2');
				allIcons[i].classList.remove('rotate-180');
			}
		});
	});
});