import $ from 'jquery';
import SmoothScroll from 'smooth-scroll/dist/js/smooth-scroll';

$(document).ready(function () {
    // Добавляем заголовок X-CSRFToken для всех AJAX запросов JQuery.
    $.ajaxSetup({
        headers: {
            'X-CSRFToken': $('meta[name="csrf-token"]').attr('content')
        }
    });

    // Инициируем начальное состояние шапки
    updateHeader();

    $(window).on('scroll', function () {
        updateHeader();
    });
});

function updateHeader() {
    const scrollOffset = $(window).scrollTop();
    const headerElement = $('header');
    if (scrollOffset >= 130) {
        headerElement.css('background-color', '#fff');
    } else {
        headerElement.css('background-color', `rgba(255, 255, 255, ${scrollOffset / 130})`);
    }
    if (scrollOffset >= 150) {
        headerElement.addClass('header--shadow');
    } else {
        headerElement.removeClass('header--shadow');
    }
}