{% extends theme.template.wide|template %}

{% block title %}
    <title>{{wp_title}} | {{site.name}}</title>
{% endblock title %}

{% block css %}
    <link rel="stylesheet" href="{{css_links(theme)}}">
    {{wp_head}}
    <style type="text/css">
        {% include theme.layouts.main_nav.style|template %}
        {% include theme.layouts.footer_nav.style|template %}
    </style>
{% endblock css %}

{% block javascript_lib %} 
    {{wp_footer}}
{% endblock javascript_lib %}


{% block javascript_local %}
    {% include theme.layouts.main_nav.site_nav|template %}
{% endblock javascript_local %}

{% block navigation_header %}
    {% set menu = get_nav_menu("main", get_block_data(theme, "nav", "wide")) %} 
    {% set layout = theme.layouts.main_nav %}
    {% set block = get_block_data(theme, "nav", "wide") %}
    {% include layout.template|template with { "menu" : menu, "theme" : theme, "block" : block, "self" : layout } only %}
{% endblock navigation_header %}


{% block body_class %} {{function("get_body_class", "")|join(' ')}} {% endblock body_class %}

{% block content_1 %}
    <div class="product_list-page">

        {% do action('woocommerce_before_main_content') %}
        <header class="woocommerce-products-header">
            {% do action('woocommerce_archive_description') %}
        </header>
        <div class="before-shop-loop">
            {{function("get_product_search_form")}}
            {% do action( 'woocommerce_before_shop_loop') %}
        </div>

        <div class="loop row">
            <ul class="products_gallery thumbs">
                {% for post in products %}
                    {#
                     * woocommerce_shop_loop hook.
                     *
                     * @hooked WC_Structured_Data::generate_product_data() - 10
                    #}
                    {% do action( 'woocommerce_shop_loop') %}

                    {% include ["woocommerce/tease-product.twig"] %}

                {% endfor %}
            </ul>
        </div>

        {% do action('woocommerce_after_shop_loop') %}
        {% do action('woocommerce_after_main_content') %}

    </div>  
{% endblock  %}

{% block content_2 %}
{% endblock %} 

{% block content_3 %}
{% endblock %} 

{% block content_4 %}
{% endblock %}

{% block content_5 %}
{% endblock %}

{% block content_6 %} 
{% endblock %}

{% block content_footer %} 
    <!--Footer Continer Starts here--> 
    {{footer_widgets | safe}} 
    <!--Footer Continer Ends here--> 
{% endblock content_footer %}

{% block navigation_footer %}
    {% set menu = get_nav_menu("footer" , get_block_data(theme, "nav", "wide")) %}
    {% set layout = theme.layouts.footer_nav %}
    {% set block = get_block_data(theme, "nav", "wide") %}
    {% include layout.template|template with { "menu" : menu, "theme" : theme, "block" : block, "self" : layout } only %}
{% endblock navigation_footer %}
