{#
{% if total_count|default > 0  %}
    <div class="toolbox">
        <div class="toolbox-left">
            <div class="toolbox-info">
                <span>{{ total_count|default }}</span> {{ "product.list.found_product"|trans }}
            </div><!-- End .toolbox-info -->
        </div><!-- End .toolbox-left -->

        <div class="toolbox-right">
            <div class="toolbox-sort">
                <label for="sortby">{{ "product.list.sortby.title"|trans }} :</label>
                <div class="select-custom">
                    <select name="sortby" id="sortby" class="form-control">
                        <option value="newest" {{ filter['sortby']|default == 'newest' ? 'selected' }}>{{ "product.list.sortby.by_newest"|trans }}</option>
                        <option value="name_asc"  {{ filter['sortby']|default == 'name_asc' ? 'selected' }}>{{ "product.list.sortby.by_name_asc"|trans }}</option>
                        <option value="name_desc"  {{ filter['sortby']|default == 'name_desc' ? 'selected' }}>{{ "product.list.sortby.by_name_desc"|trans }}</option>
                        <option value="price_asc"  {{ filter['sortby']|default == 'price_asc' ? 'selected' }}>{{ "product.list.sortby.by_price_asc"|trans }}</option>
                        <option value="price_desc"  {{ filter['sortby']|default == 'price_desc' ? 'selected' }}>{{ "product.list.sortby.by_price_desc"|trans }}</option>
                        <option value="rating" {{ filter['sortby']|default == 'rating' ? 'selected' }}>{{ "product.list.sortby.by_rating"|trans }}</option>
                    </select>
                </div>
            </div><!-- End .toolbox-sort -->

        </div><!-- End .toolbox-right -->
    </div><!-- End .toolbox -->

    <div class="products mb-3">
        <div class="row ">

            {% for i,product in products %}
                <div class="col-6 col-md-4 col-lg-4">
                    {% include "main/Product/_box.html.twig" %}
                </div>
            {% endfor %}


        </div><!-- End .row -->
    </div><!-- End .products -->



    {% include "main/Product/Index/Main/_pagination.html.twig" %}
{% else %}
    <div class="text-center mt-4">
        <h1 class="error-title">{{ "product.list.not_found.title"|trans }}</h1><!-- End .error-title -->
        <p>{{ "product.list.not_found.description"|trans }}</p>
        <a href="{{ path('main_homepage') }}" class="btn btn-outline-primary-2 btn-minwidth-lg mt-2">
            <span>{{ "common.home_return"|trans }}</span>
            <i class="icon-long-arrow-right"></i>
        </a>
    </div>
{% endif %}
#}

{% if total_count|default > 0 %}
    <div class="toolbox">
        <div class="toolbox-left">
            <div class="toolbox-info">
                <span>{{ total_count|default }}</span> {{ "product.list.found_product"|trans }}
            </div><!-- End .toolbox-info -->
        </div><!-- End .toolbox-left -->

        <div class="toolbox-right">
            <div class="toolbox-sort">
                <label for="sortby">{{ "product.list.sortby.title"|trans }} :</label>
                <div class="select-custom">
                    <select name="sortby" id="sortby" class="form-control">
                        <option value="newest" {{ filter['sortby']|default == 'newest' ? 'selected' }}>{{ "product.list.sortby.by_newest"|trans }}</option>
                        <option value="name_asc" {{ filter['sortby']|default == 'name_asc' ? 'selected' }}>{{ "product.list.sortby.by_name_asc"|trans }}</option>
                        <option value="name_desc" {{ filter['sortby']|default == 'name_desc' ? 'selected' }}>{{ "product.list.sortby.by_name_desc"|trans }}</option>
                        <option value="price_asc" {{ filter['sortby']|default == 'price_asc' ? 'selected' }}>{{ "product.list.sortby.by_price_asc"|trans }}</option>
                        <option value="price_desc" {{ filter['sortby']|default == 'price_desc' ? 'selected' }}>{{ "product.list.sortby.by_price_desc"|trans }}</option>
                        <option value="rating" {{ filter['sortby']|default == 'rating' ? 'selected' }}>{{ "product.list.sortby.by_rating"|trans }}</option>
                    </select>
                </div>
            </div><!-- End .toolbox-sort -->

        </div><!-- End .toolbox-right -->
    </div><!-- End .toolbox -->

    <div class="products mb-3">
        <div class="row ">

            {% for i,product in products %}
                <div class="col-6 col-md-4 col-lg-4">
                    {% include "main/Product/_box.html.twig" %}
                </div>
            {% endfor %}


        </div><!-- End .row -->
    </div><!-- End .products -->



    {% include "main/Product/Index/Main/_pagination.html.twig" %}
{% else %}
    <div class="text-center mt-4">
        <h1 class="error-title">{{ "product.list.not_found.title"|trans }}</h1><!-- End .error-title -->
        <p>{{ "product.list.not_found.description"|trans }}</p>
        <a href="{{ path('main_homepage') }}" class="btn btn-outline-primary-2 btn-minwidth-lg mt-2">
            <span>{{ "common.home_return"|trans }}</span>
            <i class="icon-long-arrow-right"></i>
        </a>
    </div>
{% endif %}