[include_header]


        <!-- #page-title start -->
        <div id="page-title" class="page-title page-title-style-background page-title-style-background-overlay" style="background-image:url('[category_photo_big]')">
            <div class="container">
                <div class="h-100 d-flex align-items-end pb-10">
                    <div class="heading">
                        <h1 class="mb-0 lh-1 mb-2" data-animate="fadeInDown">
                          
                          	<span class="hide-[category_parent_slug]">[category_parent_title] </span>
                            <br class="hide-[category_seller_parent_slug]"/>
                          
                            <span class="font-weight-light">[category_title]</span>
                        </h1>
                      
                        <ul class="breadcrumb breadcrumb-style-01 py-0" data-animate="fadeInUp">
                            <li class="breadcrumb-item"><a href="/" class="text-decoration-none">Home</a></li>
                            <li class="breadcrumb-item hide-[category_parent_slug]"><a href="/category/[category_parent_slug]" class="text-decoration-none">[category_parent_title]</a></li>                        
                            <li class="breadcrumb-item"><span>[category_title]</span></li>
                        </ul>
                      
                    </div>
                </div>
            </div>
        </div>
        <!-- #page-title end -->
        <!-- #wrapper-content start -->
        <div id="wrapper-content" class="wrapper-content pt-12">
            <div class="container">
                <div class="page-container row">
                    <div class="col-lg-3 mb-4 mb-lg-0">
                        <div class="sidebar shop-sidebar primary-sidebar sidebar-sticky" id="sidebar">
                            <div class="primary-sidebar-inner">
                               <form action="/search" method="GET" >
                                <ul class="list-group list-group-flush">
                                  [has_category_childrens]
                                    <li class="list-group-item px-0 pt-0 pb-8">
                                        <div class="card border-0 rounded-0 p-0">
                                          
                                            <div class="card-body product-category p-0">
                                              
                                           <h5 class="card-title mb-7 lh-1">Categorias</h5>
                                              
                                                <ul class="list-group list-group-flush list-group-borderless mb-0">
                                                  [category_childrens]
                                                  <li class="list-group-item bg-transparent p-0 mb-1"><a href="/category/[category_children_slug]"
                                                                                                           class="link-hover-gray-dark">[category_children_title] </a></li>         
                                                  [/category_childrens]
                                                </ul>
                                            </div>
                                      
                                        </div>
                                    </li>
                                  [/has_category_childrens] 
                                  
                                  <li class="list-group-item p-0">
                                        <div class="card border-0 rounded-0 p-0">
                                            <div class="card-body px-0 py-8">
                                                <h5 class="card-title mb-4 lh-1">Pesquisar</h5>
                                                <input type="text" name="query" class="form-control mb-2" value="[query]"/>
                                            </div>
                                        </div>
                                    </li>
                                  
                                   [filter_attrs]
                                      <li class="list-group-item p-0">
                                          <div class="card border-0 rounded-0 p-0">
                                              <div class="card-body px-0 py-8 pb-2">
                                                  <h5 class="card-title mb-4 lh-1">[filter_attr_name]</h5>
                                                  [filter_attr_field]
                                              </div>
                                          </div>
                                      </li>
                                    [/filter_attrs] 
                                  
                                  	<input type="hidden" name="filter_category" value="[category_slug]">
                                   	  <li class="list-group-item p-0">
                                          <div class="card border-0 rounded-0 p-0">
                                              <div class="card-body px-0 py-8 pb-2">
                                                  <h5 class="card-title mb-4 lh-1">Loja</h5>
                                                  [filter_seller_field]
                                              </div>
                                          </div>
                                      </li>

                                   <li class="list-group-item p-0">
                                        <div class="card border-0 rounded-0 p-0">
                                            <div class="card-body px-0 py-8">
                                                <h5 class="card-title mb-6">Preço</h5>
                                                <div class="form-group price-range mb-0">
                                                    <label class="form-label">
                                                    </label>
                                                    <div id="price" data-slider="true"
                                                         data-slider-options='{"min":0,"max":490,"values":[0,490]}'></div>
                                                    <div class="description mt-7 text-center">
                                                        <input type="text" name="filter_range_value" readonly class="amount border-0 text-gray text-center">
                                                      <input type="hidden" name="filter_min_value" class="price_min"/>
                                                      <input type="hidden" name="filter_max_value" class="price_max"/>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </li>
                                  
                                 
                                  
                                  	<li class="list-group-item p-0">
                                      <button type="submit" class="btn btn-primary"><i class="fa fa-search"></i> Pesquisar</button>
                                    </li>
                                  
                                  
                                    <li class="list-group-item p-0">
                                        <div class="card border-0 rounded-0 p-0 tags">
                                            <div class="card-body px-0 py-8">
                                                <h5 class="card-title mb-7 lh-1">Listas Em Destaque</h5>
                                                [root_product_lists]
                                                  <a href="/list/[root_product_list_slug]" class="link-hover-secondary-dark">[root_product_list_title]</a><br/>
                                              	[/root_product_lists]
                                  
                                            </div>
                                        </div>
                                    </li>
                                  
                                </ul>
                             </form>
                          
                           </div>
                          
                        </div>
                    </div>
                    <div class="col-lg-9">
                        <div class="page-content">
                            <div class="filter row mb-7">
                                <span class="text-dark font-size-md col-sm-6 mb-2 mb-sm-0">A exibir [product_list_pagination_records_page] de [product_list_pagination_total_records] resultados.</span>
                                <div class="form-group col-sm-6 ml-0 ml-sm-auto d-flex align-items-center">
                                    <label for="filter" class="text-gray font-size-md text-nowrap mb-0 mr-2">Ordenar por: </label>
                                    <form action="/cms/sort" method="post" id="sort-form">
                                      [csrf_field]
                                      <div class="select-custom">
                                          <select id="filter" name="sort" class="border-0 w-100 pr-0" onchange="$('#sort-form').submit()">
                                            [product_list_sort_options]
                                              <option value="[product_list_sort_option_value]" [product_list_sort_option_is_selected]>[product_list_sort_option_name]</option>
                                            [/product_list_sort_options]
                                          </select>
                                      </div>
                                  	</form>
                                </div>
                            </div>
                            <div class="product-items pt-4">
                                <div class="row">
                                  [product_list]
                                    <div class="col-md-6 col-lg-4 mb-5">
                                     
                                        <div class="product card border-0 rounded-0 p-0">
                                            <div class="position-relative h-100">
                                                <a href="/pro/[product_slug]">
                                                    <img src="[product_photo_crop]" alt="[product_name]"
                                                         class="card-img-top">
                                                </a>
                                              
                                              <div class="justify-content-center ml-auto d-flex">
                                            <a href="[product_favorite_link]" class="item marking " data-toggle="tooltip"
                                               data-placement="top"
                                               title="Desejo"><i class="fal fa-heart"></i></a>
                                        </div>
                                              
                                                <div class="image-content position-absolute">
                                                    <a href="/st/[product_seller_username]" class="badge badge-primary lh-11">[product_seller_name]</a>
                                                </div>
                                            </div>
                                            <div class="card-body text-center position-relative">
                                                <a href="/pro/[product_slug]"
                                                   class="link-hover-secondary-primary font-size-md mb-1">[product_name]</a>
                                                <div class="product-meta-wrapper position-relative">
                                                    <div class="product-meta position-absolute">
                                                        <div class="author-rate d-flex justify-content-center">
                                                          
													
                                                          

                                                        </div>
                                                        <div class="font-size-md">
                                                            <span class="text-decoration-none">[product_price_to_show]</span>
                                                            <span class="text-dark text-decoration-line-through">[product_discount_to_show]</span>
                                                        </div>
                                                    </div>
                                                    <div class="add-to-cart position-absolute w-100">
                                                        <a href="[product_link_cart]"
                                                           class="link-hover-dark-primary font-weight-semibold text-uppercase iclient-cart">Adicionar</a>
                                                    </div>
                                                </div>

                                            </div>
                                        </div>
                                    </div>
                                  [/product_list]
                                   
                                   
                                   
                                </div>
                            </div>
                            <div class="pagination pagination-style-01 justify-content-center mt-6">
								[product_list_pagination_links]
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- #wrapper-content end -->
[include_footer]