script.js

const year = document.getElementById('year');
if (year) year.textContent = new Date().getFullYear();

const lightbox = document.getElementById('lightbox');
const lightboxImage = document.getElementById('lightboxImage');
const lightboxCaption = document.getElementById('lightboxCaption');
const closeButton = document.querySelector('.lightbox-close');

for (const trigger of document.querySelectorAll('.gallery-item, .lightbox-trigger')) {
  trigger.addEventListener('click', () => {
    if (!lightbox || !lightboxImage || !lightboxCaption) return;
    lightboxImage.src = trigger.dataset.image || '';
    lightboxCaption.textContent = trigger.dataset.caption || '';
    lightbox.showModal();
  });
}

closeButton?.addEventListener('click', () => lightbox?.close());
lightbox?.addEventListener('click', (event) => {
  const rect = lightbox.getBoundingClientRect();
  const inside =
    rect.top <= event.clientY &&
    event.clientY <= rect.top + rect.height &&
    rect.left <= event.clientX &&
    event.clientX <= rect.left + rect.width;
  if (!inside) lightbox.close();
});

document.addEventListener('keydown', (event) => {
  if (event.key === 'Escape' && lightbox?.open) {
    lightbox.close();
  }
});

const form = document.getElementById('requestForm');
const waSend = document.getElementById('waSend');
const tgSend = document.getElementById('tgSend');
const copyRequest = document.getElementById('copyRequest');
const requestNote = document.getElementById('requestNote');

function buildRequestText(lang = 'ru') {
  const name = document.getElementById('clientName')?.value.trim() || '—';
  const phone = document.getElementById('clientPhone')?.value.trim() || '—';
  const car = document.getElementById('carModel')?.value.trim() || '—';
  const route = document.getElementById('routeText')?.value.trim() || '—';
  const problem = document.getElementById('problemText')?.value.trim() || '—';

  if (lang === 'uk') {
    return [
      'Добрий день! Потрібен евакуатор.',
      `Ім\'я: ${name}`,
      `Телефон: ${phone}`,
      `Автомобіль: ${car}`,
      `Маршрут: ${route}`,
      `Що сталося: ${problem}`
    ].join('\n');
  }

  if (lang === 'en') {
    return [
      'Hello! I need a tow truck.',
      `Name: ${name}`,
      `Phone: ${phone}`,
      `Vehicle: ${car}`,
      `Route: ${route}`,
      `What happened: ${problem}`
    ].join('\n');
  }

  return [
    'Здравствуйте! Нужен эвакуатор.',
    `Имя: ${name}`,
    `Телефон: ${phone}`,
    `Автомобиль: ${car}`,
    `Маршрут: ${route}`,
    `Что случилось: ${problem}`
  ].join('\n');
}

function setNote(text, type = 'default') {
  if (!requestNote) return;
  requestNote.textContent = text;
  requestNote.dataset.state = type;
}

if (form) {
  const lang = form.dataset.lang || document.documentElement.lang || 'ru';

  waSend?.addEventListener('click', () => {
    const text = buildRequestText(lang);
    const url = `https://wa.me/380661019851?text=${encodeURIComponent(text)}`;
    window.open(url, '_blank', 'noopener,noreferrer');
    setNote(
      lang === 'uk'
        ? 'Відкрили WhatsApp із готовим текстом заявки.'
        : lang === 'en'
          ? 'Opened WhatsApp with a prepared request message.'
          : 'Открыли WhatsApp с готовым текстом заявки.',
      'success'
    );
  });

  tgSend?.addEventListener('click', async () => {
    const text = buildRequestText(lang);
    try {
      await navigator.clipboard.writeText(text);
      setNote(
        lang === 'uk'
          ? 'Текст заявки скопійовано. Telegram відкривається окремо — просто вставте повідомлення в чат.'
          : lang === 'en'
            ? 'Request text copied. Telegram opens separately — just paste the message into the chat.'
            : 'Текст заявки скопирован. Telegram открывается отдельно — просто вставьте сообщение в чат.',
        'success'
      );
    } catch {
      setNote(
        lang === 'uk'
          ? 'Не вдалося автоматично скопіювати текст. Ви все одно можете відкрити Telegram.'
          : lang === 'en'
            ? 'Could not copy automatically. You can still open Telegram.'
            : 'Не удалось автоматически скопировать текст. Вы всё равно можете открыть Telegram.',
        'warning'
      );
    }
    window.open('https://t.me/+380661019851', '_blank', 'noopener,noreferrer');
  });

  copyRequest?.addEventListener('click', async () => {
    const text = buildRequestText(lang);
    try {
      await navigator.clipboard.writeText(text);
      setNote(
        lang === 'uk' ? 'Текст заявки скопійовано в буфер обміну.' : lang === 'en' ? 'Request text copied to clipboard.' : 'Текст заявки скопирован в буфер обмена.',
        'success'
      );
    } catch {
      setNote(
        lang === 'uk'
          ? 'Не вдалося скопіювати автоматично. Спробуйте ще раз або виділіть текст вручну.'
          : lang === 'en'
            ? 'Could not copy automatically. Try again or select the text manually.'
            : 'Не удалось скопировать автоматически. Попробуйте ещё раз или выделите текст вручную.',
        'warning'
      );
    }
  });
}