window.onload = () => {
    const callBtn1 = document.getElementById('callButton1');
    const callBtn2 = document.getElementById('callButton2');
    const phoneNumber = '+79273093095';

    callBtn1.addEventListener('click', () => { handleCall(phoneNumber) });
    callBtn2.addEventListener('click', () => { handleCall(phoneNumber) });

    // Инициализация слайдера
    const sliderContainer = document.querySelector('.slider');
    const slides = document.querySelectorAll('.slider img');
    const prevBtn = document.querySelector('.slider-prev');
    const nextBtn = document.querySelector('.slider-next');
    const indicatorContainer = document.getElementById('sliderIndicator');
    let currentSlide = 0;
    const slideCount = slides.length;

    // Создаем индикаторы (точки)
    function createIndicators() {
        for (let i = 0; i < slideCount; i++) {
            const dot = document.createElement('div');
            dot.classList.add('slider-dot');
            if (i === 0) dot.classList.add('active');

            dot.addEventListener('click', () => {
                currentSlide = i;
                updateSlider();
            });

            indicatorContainer.appendChild(dot);
        }
    }

    function updateSlider() {
        const offset = -currentSlide * 100;
        sliderContainer.style.transform = `translateX(${offset}%)`;

        // Обновляем активную точку
        document.querySelectorAll('.slider-dot').forEach((dot, index) => {
            dot.classList.toggle('active', index === currentSlide);
        });
    }

    nextBtn.addEventListener('click', () => {
        currentSlide = (currentSlide + 1) % slideCount;
        updateSlider();
        resetAutoSlide(); // Сброс автослайда при ручном управлении
    });

    prevBtn.addEventListener('click', () => {
        currentSlide = (currentSlide - 1 + slideCount) % slideCount;
        updateSlider();
        resetAutoSlide(); // Сброс автослайда при ручном управлении
    });

    // Автопрокрутка
    let slideInterval;

    function startAutoSlide() {
        slideInterval = setInterval(() => {
            currentSlide = (currentSlide + 1) % slideCount;
            updateSlider();
        }, 5000);
    }

    function resetAutoSlide() {
        clearInterval(slideInterval);
        startAutoSlide();
    }

    // Останавливаем автослайд при наведении
    sliderContainer.addEventListener('mouseenter', () => {
        clearInterval(slideInterval);
    });

    sliderContainer.addEventListener('mouseleave', () => {
        startAutoSlide();
    });

    // Инициализация
    createIndicators();
    updateSlider();
    startAutoSlide();
};