@extends('app')

@section('content')
<main>
	<section class="intro">
		<div class="container">
			<div class="intro__wrapper">
				<h1 class="secondary-title">Часто задаваемые вопросы</h1>
				<div class="breadcrumbs">
					<div class="breadcrumbs__inner">
						<ul class="breadcrumbs__list mobile-overflow">
							<li class="breadcrumbs__list-item"><a href="{{ route('showHomePage') }}">Главная</a></li>
							<li class="breadcrumbs__list-item">FAQ</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
	</section>

	<section class="accordion" style="margin: 24px 0;">
		<div class="container">
			<div class="accordion__list">

<!-- Размещение заказа -->
<div class="accordion__item">
  <div class="accordion__item-trigger">
    <div class="trigger__text">Как разместить заказ на ремонт?</div>
    <div class="trigger__img"><span class="line1"></span><span class="line2"></span></div>
  </div>
  <div class="accordion__item-content">
    <div class="content__text">
      Откройте страницу <a href="https://ремонт.рф/orders" target="_blank" rel="noopener">ремонт.рф/orders</a> и нажмите «Создать заказ». 
      Опишите работы, укажите адрес и бюджет, при необходимости добавьте фото — затем отправьте заявку.
    </div>
  </div>
</div>

<!-- Регистрация специалиста -->
<div class="accordion__item">
  <div class="accordion__item-trigger">
    <div class="trigger__text">Как зарегистрироваться как специалист?</div>
    <div class="trigger__img"><span class="line1"></span><span class="line2"></span></div>
  </div>
  <div class="accordion__item-content">
    <div class="content__text">
      Перейдите на <a href="https://ремонт.рф/registrySpecialist" target="_blank" rel="noopener">ремонт.рф/registrySpecialist</a>, 
      заполните профиль (контакты, специализация, город), загрузите портфолио и запросите отзывы — они появятся на вашей странице.
    </div>
  </div>
</div>

<!-- Регистрация поставщика -->
<div class="accordion__item">
  <div class="accordion__item-trigger">
    <div class="trigger__text">Как зарегистрироваться как поставщик?</div>
    <div class="trigger__img"><span class="line1"></span><span class="line2"></span></div>
  </div>
  <div class="accordion__item-content">
    <div class="content__text">
      Откройте <a href="https://ремонт.рф/supplier/register" target="_blank" rel="noopener">ремонт.рф/supplier/register</a>, 
      заполните данные компании (ИП/ООО) и добавьте прайс-лист — после проверки товары попадут в каталог.
    </div>
  </div>
</div>

<!-- Модерация поставщика -->
<div class="accordion__item">
  <div class="accordion__item-trigger">
    <div class="trigger__text">Сколько длится модерация поставщика?</div>
    <div class="trigger__img"><span class="line1"></span><span class="line2"></span></div>
  </div>
  <div class="accordion__item-content">
    <div class="content__text">
      Проверка занимает до 24 часов. Мы сверяем реквизиты и корректность карточек. После одобрения товары становятся видимы в каталоге.
    </div>
  </div>
</div>

<!-- Поднятие товаров -->
<div class="accordion__item">
  <div class="accordion__item-trigger">
    <div class="trigger__text">Как поднять товары поставщика выше в каталоге?</div>
    <div class="trigger__img"><span class="line1"></span><span class="line2"></span></div>
  </div>
  <div class="accordion__item-content">
    <div class="content__text">
      В личном кабинете поставщика используйте действие «Поднять» рядом с нужным товаром. 
      Поднятие временно повышает видимость в списках и поиске. Срок и условия указаны на странице поднятия в кабинете.
    </div>
  </div>
</div>

<!-- Поднятие анкеты специалиста -->
<div class="accordion__item">
  <div class="accordion__item-trigger">
    <div class="trigger__text">Как поднять анкету специалиста в списках?</div>
    <div class="trigger__img"><span class="line1"></span><span class="line2"></span></div>
  </div>
  <div class="accordion__item-content">
    <div class="content__text">
      В личном кабинете специалиста нажмите «Поднять анкету». 
      Анкета поднимается в выдаче в выбранной категории/городе на ограниченное время. Подробности — в интерфейсе поднятия.
    </div>
  </div>
</div>

<!-- Оплата и доставка -->
<div class="accordion__item">
  <div class="accordion__item-trigger">
    <div class="trigger__text">Вы занимаетесь оплатой и доставкой?</div>
    <div class="trigger__img"><span class="line1"></span><span class="line2"></span></div>
  </div>
  <div class="accordion__item-content">
    <div class="content__text">
      Нет. Ремонт.рф — информационная платформа. Мы не принимаем оплату и не организуем доставку. 
      Покупка и логистика согласуются напрямую между клиентом и поставщиком/исполнителем.
    </div>
  </div>
</div>

<!-- Мы ничего не продаём -->
<div class="accordion__item">
  <div class="accordion__item-trigger">
    <div class="trigger__text">Ремонт.рф сам продаёт товары или услуги?</div>
    <div class="trigger__img"><span class="line1"></span><span class="line2"></span></div>
  </div>
  <div class="accordion__item-content">
    <div class="content__text">
      Нет. Мы не продаём товары и не оказываем услуги. Площадка соединяет клиентов со специалистами и поставщиками, 
      предоставляя удобный каталог и инструменты для продвижения.
    </div>
  </div>
</div>

<!-- Связь с исполнителем/поставщиком -->
<div class="accordion__item">
  <div class="accordion__item-trigger">
    <div class="trigger__text">Как связаться со специалистом или поставщиком?</div>
    <div class="trigger__img"><span class="line1"></span><span class="line2"></span></div>
  </div>
  <div class="accordion__item-content">
    <div class="content__text">
      Используйте контакты на карточке (телефон, мессенджер) или кнопку «Перейти в магазин/контакты». 
      Если телефон скрыт, отправьте запрос через форму на странице.
    </div>
  </div>
</div>

<!-- Почему моя карточка низко в списке -->
<div class="accordion__item">
  <div class="accordion__item-trigger">
    <div class="trigger__text">Почему мой товар/анкета показываетcя не вверху?</div>
    <div class="trigger__img"><span class="line1"></span><span class="line2"></span></div>
  </div>
  <div class="accordion__item-content">
    <div class="content__text">
      На позицию влияют: актуальность и полнота карточки, регион/категория, активность и наличие поднятия. 
      Заполните профиль, добавьте качественные фото, собирайте отзывы и используйте функцию «Поднять».
    </div>
  </div>
</div>

<!-- Смена города -->
<div class="accordion__item">
  <div class="accordion__item-trigger">
    <div class="trigger__text">Как изменить город показа?</div>
    <div class="trigger__img"><span class="line1"></span><span class="line2"></span></div>
  </div>
  <div class="accordion__item-content">
    <div class="content__text">
      Нажмите на название города в шапке сайта и выберите нужный. 
      Выдача и списки с товарами/специалистами обновятся под выбранный регион.
    </div>
  </div>
</div>


			</div>
		</div>
	</section>
</main>

<script>
	document.addEventListener('DOMContentLoaded', function () {
		const items = document.querySelectorAll('.accordion__item-trigger');
		items.forEach(function (item) {
			item.addEventListener('click', function () {
				const parent = item.parentNode;
				if (parent.classList.contains('accordion__item-active')) {
					parent.classList.remove('accordion__item-active');
				} else {
					document.querySelectorAll('.accordion__item').forEach(function (child) {
						child.classList.remove('accordion__item-active');
					});
					parent.classList.add('accordion__item-active');
				}
			});
		});
	});
</script>
@endsection