{% extends 'OfficeBrainCustomBundleThemeBundle:IdmeTheme:themeBase.html.twig' %}

{% block seo_meta_title %}
	Personalized Products | Custom Promotional Products
{% endblock seo_meta_title %}

{% block seo_meta_description %}
	Explore a wide range of products designed for events, workplaces and programs where practical items support daily operations and brand activities.
{% endblock seo_meta_description %}

{% block main_content %}
<style>
.contend-texts {text-align:center; padding:30px 0; background-color:#fafafa; border-top:solid 1px #aeb0b3; }
.contend-texts p {font-size:16px; color:#aeb0b3;     line-height: 24px;  padding-bottom: 30px;}
#category_list_container {display: flex; flex-wrap: wrap;}

</style>
	<div class='container ob-category-browse-page' id=''>
	    <div class='innerpage row ob-category-browse-page-innerpage'>
			<div class='col-sm-8 col-md-9 col-lg-9 col-xs-12'>
				<div class='clearfix'></div>
				<div class='product-main-list-block'>
			       	<div class='tab-pane active'>
						<div class="ob-product-grid js-product-grid">
							<div class="row" id="product_list_container">
								{% block category %}
									<section class="container">
									    <div class="row">
									        {% block left_side_bar %}
									            <div class="col-lg-3 col-md-3 col-sm-4 col-xs-12 product-grid-left">
									                {% block category_list_left_panel %}{% endblock category_list_left_panel %}
								                	{% block category_left_banner %}{% endblock category_left_banner %}
									                <div class="clearfix"></div>
									            </div>
									        {% endblock left_side_bar %}
									        <article class="col-sm-8 col-md-9 col-lg-9 col-xs-12">
												{% use 'OfficeBrainCustomBundleThemeBundle:IdmeTheme:BaseUIElements/breadCrumb.html.twig' %}
												{% block bread_crumb %} {{ parent() }} {% endblock bread_crumb %}
									            <div class="ob-category-top-img">
									                {% block category_top_banner %}{% endblock category_top_banner %}
									            </div>
									            <div class="tab-content">
									                <div class="tab-pane active">
									                    <div class="title">
									                        <h1>{% block category_listing_title %}{% endblock category_listing_title %}</h1>
									                    </div>
								                        <div class="ob-product-grid js-product-grid pro-rel-cat" id="category_browse_box">
								                            <div class="row" id="category_list_container">
								                                {% block category_listing %}{% endblock category_listing %}
								                            </div>
								                        </div>
									                </div>
									            </div>
									        </article>
									    </div>
									</section>
								{% endblock category %}
							</div>
						</div>
						{% block search_js_css %}{% endblock search_js_css %}	
					</div>
				</div>
			</div>
	    </div>
	</div>

	<div class="blog-project">
        <div class="blog-project-inner">
            <div class="blog-project-item">
                <figure>
                    <img src="{{asset('uploads/blogcategory.png')}}" width="274" height="156">
                    {# <div class="blog-project-text">
                        <div><p>How Google’s ‘Enshittification’ and Rising Zero-Click Results are Affecting Brand Retention Strategies</p></div>
                    </div>#}
                </figure>
            </div>
            {{ render(controller('OfficeBrainBlogBundle:Blog:recentblog')) }}                
            {{ render(controller('OfficeBrainBlogBundle:Blog:blogByTag',{'tag_slug':'popular'})) }}
        </div>
    </div>

	{% if all_page_content is defined %}
	<div class="contend-texts">
		{{all_page_content|raw}}
	</div>
	{% endif %}
{% endblock main_content %}

{% block header_css %}
    {{ parent() }}
    {% stylesheets '@OfficeBrainPageBundle/Resources/public/css/banner-slider.css' %}
    	<link href='{{ asset_url }}' rel='stylesheet' type='text/css'/>
    {% endstylesheets %}	
    <style>
    #category_content{
    	text-align: left;
    }
    #category_content .list{
    	margin-left:30px;
    }
    #category_content .list li{
    	list-style: disc;
    }
    #category_content .heading-block-title{
    	color: #000;
	    padding-left: 10px;
	    font-size: 18px;
	    margin: 0;
	    font-weight: bold;
	    text-transform: uppercase;
	    text-align: center;
    }
    </style>
{% endblock header_css %}

{% block footer_js %} 
    {{ parent() }} 
    {% javascripts '@OfficeBrainPageBundle/Resources/public/js/bundle/close_btn.js'
                   '@OfficeBrainPageBundle/Resources/public/js/bundle/product_category_view.js'
                   '@OfficeBrainCustomBundleThemeBundle/Resources/public/IdmeTheme/javascript/thum_slider.js'  
    			   '@OfficeBrainPageBundle/Resources/public/js/banner/jssor.js'
 		       	   '@OfficeBrainPageBundle/Resources/public/js/banner/jssor.slider.js'
                   '@OfficeBrainBannerBundle/Resources/public/js/banner-track.js'
    %}
    	<script src="{{ asset_url }}" type='text/javascript'></script>
    {% endjavascripts %}
    <script type="text/javascript" src="{{ path('office_brain_bannerbundle_banner_findbannertrans',{'display':'Home'}) }}"></script>
{% endblock footer_js %}