$(document).ready(function () {
    $('#hamburger').click(function () {
        $(this).toggleClass('open');
        $('.menu').toggleClass('active');
    });
    let mCategory = $('#m-category');
    var tabTitles = $(".tab-title");
    var tabContents = $(".tab-content");
    // #m-category button click event
    mCategory.on('click', function () {
        $('.tab-titles').toggleClass('open');

    });
    tabTitles.each(function () {
        $(this).on("click", function () {
            var activeTab = $(this).attr("data-tab");

            tabTitles.removeClass("active");
            tabContents.removeClass("active");

            $(this).addClass("active");

            var activeContent = $(`.tab-content[data-tab="${activeTab}"]`);
            activeContent.addClass("active");
        });
    });
    $('.productItem').click(function (e) {
        e.preventDefault();

        let modal = $('#modal');
        let closeIcon = $('.close');

        modal.css('display', 'flex');
        $('body').css('overflow', 'hidden');

        let id = $(this).attr('id');

        $.ajax({
            url: '../../app/settings.php',
            type: 'POST',
            data: {id: id},
            success: function (response) {
                let product = JSON.parse(response);
                let productName = product.ad;
                let productImg = product.img;
                let productPrice = product.fiyat;
                let productDesc = product.aciklama;
                let productCate = product.kategori_ad;
                let productCateURL = '/kategori/' + product.kategori_url;
                let img = "/uploads/" + product.kategori_url + "/" + product.img;

                $('#modal-content .productDetails .product-img img').attr('src', img);
                $('#modal-content .productDetails .product-detail .productName').text(productName);
                $('#modal-content .productDetails .product-detail .productPrice').text(productPrice).append('<span class="symbol">₺</span>');
                $('#modal-content .productDetails .product-detail .productDesc').html(productDesc);
                $('#modal-content .productDetails .product-detail .productTag .productCate a').text(productCate).attr('href', productCateURL);
            }
        });

        closeIcon.on('click', function () {
            modal.css('display', 'none');
            $('body').css('overflow', 'auto');
        });
    });
});