---
products:
    new:
        limit: {{theme_settings.homepage_new_products_count}}
    featured:
        limit: {{theme_settings.homepage_featured_products_count}}
    top_sellers:
        limit: {{theme_settings.homepage_top_products_count}}
carousel: {{theme_settings.homepage_show_carousel}}
blog:
    recent_posts:
        limit: {{theme_settings.homepage_blog_posts_count}}
categories:
    description: true
---
{{#partial "hero"}}
    {{{region name="home_below_menu"}}}
    {{#if carousel}}
        {{> components/carousel arrows=theme_settings.homepage_show_carousel_arrows play_pause_button=theme_settings.homepage_show_carousel_play_pause_button}}
    {{/if}}
    {{{region name="home_below_carousel"}}}
{{/partial}}

{{#partial "page"}}

    {{#each shipping_messages}}
        {{> components/common/alert/alert-info message}}
    {{/each}}

<div class="main full home">
    {{#if categories}}
        {{> components/products/new}}
    {{/if}}
    {{{region name="home_below_new_products"}}}

    {{> components/common/pro/featuredproduct products=products.featured columns=theme_settings.homepage_top_products_column_count}}

    {{#if products.featured}}
    {{{region name="home_featured_product"}}}
    {{/if}}
    {{{region name="home_below_featured_products"}}}

    {{> components/common/shop_categories categories=categories}}

    {{#if products.top_sellers.a}}
        {{> components/products/top products=products.top_sellers columns=theme_settings.homepage_top_products_column_count}}
    {{/if}}
    {{{region name="home_below_top_products"}}}



    {{> components/products/customer}}


</div>
{{/partial}}


{{> layout/base}}
{{> components/common/homefliter}}
<script>
var onearr=[];
var twoarr=[];
var categoryarr=[];

window.onload = function () {
    console.log("product:"+'{{blog.name}}');
        //$(".banners")[0].style.padding="0px";
        //$(".banner")[0].style.maxWidth="100%";

        // setTimeout(function(){
        // var img= $(".slick-center")[0].children[0].children[0].children[0].children[0].children[0];
        // img.style.width="90%";
        // img.style.border="5px solid #fa943e";
        // img.style.top="50%";
        // img.style.marginTop = "-95px";
        //
        // document.getElementById("productname").innerHTML=$(".slick-center")[0].getAttribute("productname");
        // document.getElementById("parebutton").style.display="block";
        // document.getElementById("nextbutton").style.display="block";
        // $(".slick-list.draggable")[0].style.maxWidth="1180px";
        // $(".slick-list.draggable")[0].style.margin="auto";
        // $(".slick-list.draggable")[0].style.height="100%";
        // $(".slick-list.draggable")[1].style.height="100%";
        // $(".slick-list.draggable")[1].style.padding="50px 50px 0px";
        // $(".slick-track")[0].style.maxHeight="351px";
        // },10)

    onearr = homefliter;
    var family_select = document.getElementById("first-select");
    for (let family of Object.keys(onearr)) {
        var opt2 = new Option(family, family);
        family_select.options.add(opt2);
    }

    fetch('/graphql', {
        method: 'POST',
        credentials: 'same-origin',
        headers: {
            'Content-Type': 'application/json',
            'Authorization': 'Bearer {{ settings.storefront_api.token }}'
        },
        body: JSON.stringify({
            query: `
            query MyFirstQuery {
                site {
                categoryTree{
                  name
                  path
                  entityId
                  description
                  children{
                    name
                  path
                  entityId
                  description
                  }
                }
              }
            }
            `
        }),
    })
    .then(res => res.json())
    .then(json => {
        console.log('test',json);
        var arr=json.data.site.categoryTree;
        $(arr).each(function(i,v){
            if(v.name=="Moxa"){
                categoryarr=v.children;
            }
        })
        var catIdParent = json.data.site.categoryTree[0].children;
        var catIdParentLength = catIdParent.length;
        for(i = 0; i < catIdParentLength; i++){
            //console.log(i)
            var catId = arr[0].children[i].entityId;
            $(`.productItem#${catId} .productDesc`).html(arr[0].children[i].description)
        }

        // for(var i=0;i<categoryarr.length;i++){
        //     if($(".slick-center")[0].getAttribute("productid")==categoryarr[i].entityId){
        //         document.getElementById("productid").innerHTML=categoryarr[i].description;
        //         $("#carhref").attr("href","/products?categorie="+categoryarr[i].name+"&grade=2");
        //     }
        // }
    });

}

function finddiv() {
    var first = document.getElementById("first-select").value;
    var second = document.getElementById("second-select").value;
    if (first == "" || second == "") {
        if (first == "") {
            $("#selectspan").text("Please Select Moxa Product Family Name");
        } else {
            $("#selectspan").text("Please Select Model Number");
        }

    } else {
        $("#selectspan").text("");
        window.open("/search.php?search_query=" + first + "-" + second, "_blank");
    }
}

function change() {
    $("#selectspan").text("");
    var first = document.getElementById("first-select").value;
    twoarr = onearr[first];
    var second = document.getElementById("second-select");
    second.innerHTML = "";
    var opt2 = new Option("CHOOSE A Model Number", "");
    second.options.add(opt2);

    if (first && twoarr) {
        for (var i = 0; i < twoarr.length; i++) {
            var opt2 = new Option(twoarr[i], twoarr[i]);
            second.options.add(opt2);
        }
    }
}
$('#first-select').on('change',function(){
    console.log($(this).val())
    var cssClass1 = '--hasValue';
    var cssClass2 = '--show';
    if($(this).val() == '') {
        $(this).removeClass(cssClass1)
        $('#second-select').removeClass(cssClass2)
    }else{
        $(this).addClass(cssClass1)
        $('#second-select').addClass(cssClass2)
    }
})
function addCart(p) {
    console.log(123);
    console.log(p);
    var data = {
        'action': 'add',
        'product_id': p,
        'qty[]': '1'
    };

    jQuery.post("/remote/v1/cart/add", data, function(response) {
        console.log(response);
    });
    parent.location.reload();

}

function up(e) {
    var parent = $(e).parent();
    // if($(parent).css("height")=="125px"){
    //  $($(e).children()[0]).attr("src","{{cdn 'img/bg/featured-products-accordion-arrow-selected.png'}}");
    //  $(parent).css("height","175px");
    //  $(parent[0].children[0].children[parent[0].children[0].children.length-1]).css("-webkit-line-clamp","4");
    // }else{
    //  $($(e).children()[0]).attr("src","{{cdn 'img/bg/featured-products-accordion-arrow.png'}}");
    //  $(parent).css("height","125px");
    //  $(parent[0].children[0].children[parent[0].children[0].children.length-1]).css("-webkit-line-clamp","1");
    // }
    if ($(parent).hasClass('--active')) {
        $(parent).removeClass('--active');
        $($(e).children()[0]).attr("src", "{{cdn 'img/bg/featured-products-accordion-arrow.png'}}");
    } else {
        $(parent).addClass('--active');
        $($(e).children()[0]).attr("src", "{{cdn 'img/bg/featured-products-accordion-arrow-selected.png'}}");
    }
}

</script>