// Page loading

$(window).load(function () {
    $(".loading").fadeOut(600);
});

// All Sliders

$(function () {
    $('.slider').slick({
        dots: true,
        infinite: true,
        speed: 1000,
        autoplay: true,
        autoplaySpeed: 5000
    });

    $('.urunCarou ul').slick({
        dots: true,
        slidesToShow: 4,
        swipeToSlide: true,
        infinite: true,
        speed: 500,
        autoplay: false,
        autoplaySpeed: 5000,
        responsive: [
            {
                breakpoint: 1200,
                settings: {
                    slidesToShow: 4,
                }
            },
            {
                breakpoint: 991,
                settings: {
                    slidesToShow: 2,
                }
            },
            {
                breakpoint: 400,
                settings: {
                    slidesToShow: 1,
                }
            },
        ]
    });

    // Ürün detay

    $('.detail-gallery .own').slick({
        slidesToShow: 1,
        slidesToScroll: 1,
        arrows: false,
        fade: false,
        asNavFor: '.detail-gallery .thumbs'
    });
    $('.detail-gallery .thumbs').slick({
        slidesToShow: 4,
        slidesToScroll: 1,
        asNavFor: '.detail-gallery .own',
        dots: false,
        focusOnSelect: true,
        swipeToSlide: true,
    });
});

// Kategori Açma & Kapama

$(function () {
    $(".head .cats a").click(function () {
        $(this).toggleClass("icon");
        $(this).parent().find("ul").toggleClass("opened");
        $(this).parent().find("ul").stop().slideToggle(200);
    });
});

// Breadcrumb son ok kaldırma

$(function () {
    $(".breadcrumb li").after('<span>/</span>');
    $(".breadcrumb").children().last().remove();
});

// Desktop ul li class atama

$(function () {
    // İlk ul elementine parent-ul klasını ver
    var parentUL = $(".top-menu").find("ul");
    parentUL.addClass("parent-ul");

    // parent-ul klasının altındaki ul lere sub-ul klasını ver
    var subUL = $(".parent-ul").find("ul");
    subUL.addClass("sub-ul");
    subUL.removeClass("parent-ul");
});

// Side Menü

$(function () {
    // İlk ul elementine parent-ul klasını ver
    var parentUL = $(".side-menu").find("ul");
    parentUL.addClass("parent-ul");

    // parent-ul klasının altındaki ul lere sub-ul klasını ver
    var subUL = $(".parent-ul").find("ul");
    subUL.addClass("sub-ul");
    subUL.removeClass("parent-ul");

    $(".side-menu ul li").each(function () {
        if ($(this).children("ul").length > 0) {
            $(this).append('<span class="arrow"><i class="feather-chevron-right"></i></span>');
        }
    });

    $(".side-menu ul li .arrow").click(function () {
        $(this).toggleClass("icon");

        if ($(this).hasClass("icon")) {
            $(this).html('<i class="feather-chevron-down"></i>');
        }
        else {
            $(this).html('<i class="feather-chevron-right"></i>');
        }

        $(this).prev().toggleClass("opened");
        $(this).prev().slideToggle(200);
    });
});

// Yukarı çık butonu

$(function () {
    var btn = $('#go-to-top');

    $(window).scroll(function () {
        if ($(window).scrollTop() > 400) {
            btn.addClass('show');
        } else {
            btn.removeClass('show');
        }
    });

    btn.on('click', function (e) {
        e.preventDefault();
        $('html, body').animate({ scrollTop: 0 }, 1000, 'easeOutQuart');
    });
});

// Ürün detay galeri carousel

$(function () {
    $('.product-detail .gallery .own').slick({
        slidesToShow: 1,
        slidesToScroll: 1,
        arrows: false,
        fade: true,
        asNavFor: '.product-detail .thumbs ul'
    });
    $('.product-detail .thumbs ul').slick({
        slidesToShow: 4,
        slidesToScroll: 1,
        vertical: true,
        asNavFor: '.product-detail .gallery .own',
        dots: false,
        focusOnSelect: true,
        verticalSwiping: true,
    });
});

// Tab sistemi

$(document).ready(function () {

    $('ul.tabs li').click(function () {
        var tab_id = $(this).attr('data-tab');

        $('ul.tabs li').removeClass('tcurrent');
        $('.tab-content').removeClass('tcurrent');

        $(this).addClass('tcurrent');
        $("#" + tab_id).addClass('tcurrent');
    })

});

// Adet arttırma azaltma
// Ürün Listeleme

$(function () {
    $(".urunCarou ul li").each(function () {
        let arttir = $(this).find(".increase");
        let azalt = $(this).find(".decrease");
        let input = $(this).find("input");
        let adet = parseInt($(this).find("input").attr("value"));

        let norm = $(this).find(".norm");
        let ind = $(this).find(".disc");

        let normFiyat = parseFloat($(this).find(".norm").attr("data-fiyat"));
        let indFiyat = parseFloat($(this).find(".disc").attr("data-fiyat"));

        arttir.click(function () {
            input.val(adet + 1);
            adet++;

            norm.attr("data-fiyat", HesapCarpim(normFiyat, adet));
            ind.attr("data-fiyat", HesapCarpim(indFiyat, adet));
            norm.children("span").text(HesapCarpim(normFiyat, adet));
            ind.children("span").text(HesapCarpim(indFiyat, adet));
            
        });

        azalt.click(function () {
            if (input.val() != 1) {
                input.val(adet - 1);
                adet--;

                norm.attr("data-fiyat", HesapCarpim(normFiyat, adet));
                ind.attr("data-fiyat", HesapCarpim(indFiyat, adet));
                norm.children("span").text(HesapCarpim(normFiyat, adet));
                ind.children("span").text(HesapCarpim(indFiyat, adet));
            }
            else {
                input.val(1);
            }
        });
    });

    function HesapCarpim(fiyat, adet) {
        total = fiyat * adet;
        total = total.toFixed(2);
        total = total.replace(".", ",");
        return total;
    }
});

// Ürün Detay

$(function () {
    let arttir = $(".detail-content .quantity").find(".increase");
    let azalt = $(".detail-content .quantity").find(".decrease");
    let input = $(".detail-content .quantity").find("input");
    let adet = parseInt($(".detail-content .quantity").find("input").attr("value"));

    let norm = $(".detail-content .quantity").find(".norm");
    let ind = $(".detail-content .quantity").find(".disc");

    let normFiyat = parseFloat($(".detail-content .quantity").find(".norm").attr("data-fiyat"));
    let indFiyat = parseFloat($(".detail-content .quantity").find(".disc").attr("data-fiyat"));

    arttir.click(function () {
        input.val(adet + 1);
        adet++;

        norm.attr("data-fiyat", HesapCarpim(normFiyat, adet));
        ind.attr("data-fiyat", HesapCarpim(indFiyat, adet));
        norm.children("span").text(HesapCarpim(normFiyat, adet));
        ind.children("span").text(HesapCarpim(indFiyat, adet));
    });

    azalt.click(function () {
        if (input.val() != 1) {
            input.val(adet - 1);
            adet--;

            norm.attr("data-fiyat", HesapCarpim(normFiyat, adet));
            ind.attr("data-fiyat", HesapCarpim(indFiyat, adet));
            norm.children("span").text(HesapCarpim(normFiyat, adet));
            ind.children("span").text(HesapCarpim(indFiyat, adet));
        }
        else {
            input.val(1);
        }
    });

    function HesapCarpim(fiyat, adet) {
        total = fiyat * adet;
        total = total.toFixed(2);
        total = total.replace(".", ",");
        return total;
    }
});

// Stok checkbox

$(function () {
    $(".sort .left label").prepend('<div class="chck"></div>');

    $(".sort .left label input").change(function () {

        if ($(this).is(":checked"))
            $(this).parent().find(".chck").addClass("clicked");

        else
            $(this).parent().find(".chck").removeClass("clicked");

    });
});

// Filter Marka Checkbox

$(function () {
    $(".filter .marka ul li label").prepend('<div class="chck"></div>');

    $(".filter .marka ul li label input").change(function () {

        if ($(this).is(":checked"))
            $(this).parent().find(".chck").addClass("clicked");

        else
            $(this).parent().find(".chck").removeClass("clicked");

    });
});

// Filter Fiyat Click

$(function () {
    $(".filter .fiyat ul li a").each(function () {
        $(this).click(function () {
            $(".filter .fiyat ul li a").removeClass("active");
            $(this).addClass("active");
        });
    });
});

// Search Button

$(".search").click(function () {
    $(".searchResult").toggleClass("opened");
});
$(".searchResult .closeBtn").click(function () {
    $(".searchResult").removeClass("opened");
});

// Ürün Detay Litre & Kilo seçim

$(".choose a").each(function () {
    $(this).click(function () {
        $(".choose a").removeClass("active");
        $(this).addClass("active");
    });
});

// Mobil

$(window).on('load resize', function () {
    
    if($(window).width() < 992)
    {
        $(".plus").remove();
        $(".top-menu").removeClass("opened");
        $(".top .mobilBtn").remove();
        $(".top").append('<div class="mobilBtn"><i class="feather-menu"></i></div>');

        $(".mobilBtn").click(function () {
            $(".top-menu").toggleClass("opened");
            $(this).toggleClass("clicked");
            if(!$(this).hasClass("clicked"))
                $(this).html('<i class="feather-menu"></i>');
            else
                $(this).html('<i class="feather-x"></i>');
        });

        // Mobilde oka basında alt menü aç
        $(".top-menu ul li").each(function () {
            if ($(this).children("ul").length > 0) {
                $(this).append('<span class="plus"><i class="feather-chevron-right"></i></span>');
            }
        });
        $(".top-menu ul li .plus").click(function () {
            $(this).toggleClass("icon");

            if ($(this).hasClass("icon")) {
                $(this).html('<i class="feather-chevron-down"></i>');
            }
            else {
                $(this).html('<i class="feather-chevron-right"></i>');
            }

            $(this).prev().toggleClass("opened");
        });
    }
    else
    {
        $(".plus").remove();
        $(".top .mobilBtn").remove();

        // Masaüstünde kategori üzerine gelince alt menü aç
        $(".top-menu ul li").hover(function () {
            $(this).find(".sub-ul").toggleClass("opened");
        });
    }

});


// Grup elementleri

$(".grup-elementleri li").each(function () {
    $(this).find("input, textarea").focusin(function () {
        $(this).parent().children("label").not(".element-checkbox label").fadeOut(100);
    });
    $(this).find("select").change(function () {
        $(this).parent().children("label").not(".element-checkbox label").fadeOut(100);
    });
    $(this).find("input, textarea").focusout(function () {
        if ($(this).val() == "" || $(this).val() == null) {
            $(this).parent().children("label").fadeIn(100);
        }
    });
    //$(this).find("input, textarea").removeClass("form-control");
});