{% extends 'OfficeBrainCustomBundleThemeBundle:IdmeTheme:themeBase.html.twig' %}
{% block seo_meta_title %}
	Search Custom Promo Products | Branded Merchandise
{% endblock seo_meta_title %}

{% block seo_meta_description %}
	Find the perfect branded merchandise, custom apparel, tech gear, and eco-friendly promo items with I.D. Me Promotions’ easy search.
{% endblock seo_meta_description %}
{% block main_content %}
	<div class='container ob-search-page' id='search'>
	  
	    <div class='row ob-search-page-innerpage'>
	       <div class="col-sm-12 col-md-12 col-lg-12 col-xs-12">
	        {% block header_title %}{% endblock header_title %}
	        
                <div class="ob-category-top-img">
                     {% block search_keyword_banner %}{% endblock search_keyword_banner %}
                 {#  set category_filter =  app.request.get('category_filter',[]) %} 
                      {%  set display_on = 'Search' %}
                  {{ render(url('office_brain_bannerbundle_banner_getallactivebanner', {'culture' : app.request.locale, 'searchQuery':'blank','categoryFilter': category_filter, 'displayOn':display_on })) }} 
#}
                </div>
                <div class="col-sm-12 col-md-12 col-lg-12 col-xs-12">
                {% use 'OfficeBrainCustomBundleThemeBundle:IdmeTheme:BaseUIElements/breadCrumb.html.twig' %}
                {% block bread_crumb %} {{ parent() }} {% endblock bread_crumb %}
                </div>
                
          </div>
		    {% if ob_project_access_rule.search.option.search_filter.status == 1 %}
				<div class='col-lg-3 col-md-3 col-sm-4 col-xs-12 ob-product-grid-left' id='ob-search-filter'>
					{% use 'OfficeBrainCustomBundleThemeBundle:IdmeTheme:Search/searchFilterLayout.html.twig' %}
					{% block filters %}{{ parent() }}{% endblock filters %}
				</div>
			{% endif %}
			<div class='col-sm-8 col-md-9 {{ (ob_project_access_rule.search.option.search_filter.status == 1)?'col-lg-9':'col-lg-12' }} col-xs-12' id='ob-search-list'>
				
				{% block search_top_bar %}{% endblock search_top_bar %}
				{% use 'OfficeBrainCustomBundleThemeBundle:IdmeTheme:Search/searchSelectedFilterBar.html.twig' %}
				{% block search_selected_filter %} {{ parent() }} {% endblock search_selected_filter %}
				<div class='clearfix'></div>
				<div class='product-main-list-block'>
					<div class='tab-pane active'>
				    	{#}<div class="title product-list-title">
							<div class="row">
								<div class="col-sm-6 col-md-6 col-lg-6 col-xs-12">
						        	<h1>{% block search_title %}{% endblock search_title %}</h1>
								</div>
						        <div class="col-sm-6 col-md-6 col-lg-6 col-xs-12">
						        	{% block pagination %}{% endblock pagination %}
								</div>
							</div>
						</div>{#}
						<form name='product_search_result_box_form' id='product_search_result_box_form' method='POST' action='{{ path('office_brain_search_bundle_search') }}{{ (app.request.queryString)?'?'~app.request.queryString:null }}' data-paging-mode='' data-pagination-mode='1' data-scroll-id='product_list_container' data-container-id='product_list_container' data-form-data-function='$.fn.prepareSearchFilter()' data-form-submit-success-function='getColumnPrice();'>
							<div class="ob-product-grid js-product-grid" id="product_search_result_box">
								<div class="row" id="product_list_container">
									{% block search_product %}{% endblock search_product %}
								</div>
								<div class="col-sm-12 col-md-12 col-lg-12 col-xs-12">
    								<div class="product-loding-block">
    								    {# % set search_pagination_type = ob_project_search_configuration_rule.search_page.pagination_type % #}
    								    {{ office_brain_pagination_render('3', 'product_search_result_box_form', pagination) }}
    								</div>
								</div>
							</div>
						</form>
						{% block search_js_css %}{% endblock search_js_css %}
					</div>
				</div>
			</div>
	    </div>
	</div>
	{% if seo_detail.categoryContent is defined %}
	<div class="contend-texts">
		{{seo_detail.categoryContent|raw}}
	</div>
	{% endif %}
{% endblock main_content %}

{% block bread_crumb_after_home %}{{ 'search.bread_crumb_after_home'|trans({},'goldstar') }}{% endblock bread_crumb_after_home %}

{% block header_css %}
	{{ parent() }}
	{% stylesheets '@OfficeBrainCustomBundleThemeBundle/Resources/public/IdmeTheme/css/price-slider.css'%}
		<link href='{{ asset_url }}' rel='stylesheet' type='text/css'/>
	{% endstylesheets %}
	<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_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() }}
	<script>
		function change_total_count(total_cnt) {
			if (total_cnt == 0) {
				$('#product_list_container').html("<div class='row'><div class='col-lg-12 col-md-12 col-sm-12 col-xs-12'><div class='search_block_main_content'><i class='fa fa-search fa-fw search_icon'></i><h4>{{ 'Whoops'| trans({},'app') }} </h4><p> {{ 'product_does_not_exist'| trans({},'app') }} </p></div></div></div>");
			}
			$('#total_prod').html(total_cnt);
		}
		if({{ search_result_array.totalCount }}<18)
		{
			$('.js-showmore').addClass("hide");
		}
		else
		{
			$('.js-showmore').removeClass("hide");
		}
	</script>
	{% javascripts 	'@OfficeBrainCustomBundleThemeBundle/Resources/public/IdmeTheme/js/jquery.zoom.js'
					'@OfficeBrainCustomBundleThemeBundle/Resources/public/IdmeTheme/js/jquery.elevatezoom.js'
					'@OfficeBrainCustomBundleThemeBundle/Resources/public/IdmeTheme/js/product-search-page.js'
					output='js/DefaultTheme/search-libraries.js'
	%}
		<script src="{{ asset_url }}" type='text/javascript'></script>
	{% endjavascripts %}
	
{% endblock footer_js %}