Проверить доступность сайта

document.addEventListener('DOMContentLoaded', function() {
  
  const form = document.getElementById('formHttpCheck');
  if (form) {
    form.addEventListener('submit', function(e) {
      const urlInput = document.getElementById('url');
      if (urlInput && urlInput.value.trim() === '') {
        e.preventDefault();
        alert("Не указан адрес страницы (URL)");
      } else {
        const submitButton = document.getElementById('btnSubmit');
        const resultElement = document.getElementById('result');
        
        if (submitButton) {
          submitButton.disabled = true;
        }
        
        if (resultElement) {
          resultElement.innerHTML = "Выполняем запрос...";
        }
      }
    });
  }
  
  const urlInput = document.getElementById('url');
  if (urlInput) {
    urlInput.focus();
  }
  
  const socialLinks = document.getElementById('social-links');
  if (socialLinks) {
    setTimeout(function() {
      socialLinks.style.display = 'block';
      socialLinks.style.opacity = '0';
      socialLinks.style.transition = 'opacity 400ms';
      
      // Запускаем анимацию после установки начальных стилей
      setTimeout(function() {
        socialLinks.style.opacity = '1';
      }, 10);
    }, 2000);
  }

  const secondAccordion = document.getElementById('panelsStayOpen-headingOne');
  if (secondAccordion) {
    // Создаем наблюдатель за видимостью элемента
    const observer = new IntersectionObserver((entries) => {
      entries.forEach(entry => {
        if (entry.isIntersecting) {
          // Элемент появился в видимой области
          setTimeout(function() {
            const collapseElement = bootstrap.Collapse.getInstance(document.getElementById('panelsStayOpen-collapseOne')) || 
              new bootstrap.Collapse(document.getElementById('panelsStayOpen-collapseOne'));
            collapseElement.show();
            
            // Отключаем наблюдение после срабатывания
            observer.unobserve(secondAccordion);
          }, 1000);
        }
      });
    }, {
      threshold: 0.1, // Сработает когда 10% элемента видно
      rootMargin: '50px' // Небольшой запас для плавности
    });

    // Начинаем наблюдение за элементом аккордеона
    observer.observe(secondAccordion);
  }

  var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'))
  var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) {
    return new bootstrap.Tooltip(tooltipTriggerEl, {
      trigger : 'hover'
    })
  });

  const objUrl = document.getElementById('url');
  const objResult = document.getElementById('result');
  if (objUrl && objResult) {
    if (objUrl.value != '') objResult.scrollIntoView({ behavior: 'smooth', block: 'start' });
  }
});