---
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}}
---
{{#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 categories=categories columns=3}}
    {{/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"}}}
    {{#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/blog/home_blog  blog=blog}}
    {{> 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 fsel=document.getElementById("first_select");
    for(var i=0;i<onearr.length;i++){
        var opt2 = new Option(onearr[i].name,onearr[i].value);
        fsel.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(){
         var  first=document.getElementById("first_select").value;
         var  cate;
         for(var i=0;i<onearr.length;i++){
              if(onearr[i].value==first){
                twoarr=onearr[i].children;
              }
         }
         var second= document.getElementById("second_select");
         second.innerHTML="";
         var opt2 = new Option("CHOOSE A Model Number","");
         second.options.add(opt2);
         for(var i=0;i<twoarr.length;i++){
          var opt2 = new Option(twoarr[i].name,twoarr[i].value);
           second.options.add(opt2);
           }
        }

    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>