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

{% block seo_meta_title %}
	Compare Custom Promo Products | Branded Merchandise
{% endblock seo_meta_title %}

{% block seo_meta_description %}
	Easily compare features, prices, and options of custom promotional products. Make informed decisions on branded apparel, gifts, and event essentials.
{% endblock seo_meta_description %}

{% block bread_crumb_after_home %}
    <li> <strong>{{ 'product_compare.product_compare'|trans }} </strong></li>
{% endblock bread_crumb_after_home %}

{% block main_content %}
<style>
.color-block {overflow:hidden !important;}
</style>
{# <div id='compare_product_list'>#}
	<div class="container ob-compare-product">
		<div class="innerpage ob-compare-product-innerpage">
			{% use 'OfficeBrainCustomBundleThemeBundle:IdmeTheme:BaseUIElements/breadCrumb.html.twig' %}
			{% block bread_crumb %} {{ parent() }} {% endblock bread_crumb %}
	    	<div class="row">
            	<div class="col-sm-12 col-md-4 col-lg-4 col-xs-12">
                	<h1 class="main-title"><i class="fa fa-retweet fa-fw"></i>{% block page_title %}{{ 'product_compare.product_compare'|trans }}{% endblock page_title %}</h1>
            	</div>
            	<div class="col-sm-12 col-md-8 col-lg-8 col-xs-12">
					{% include 'OfficeBrainCustomBundleThemeBundle:IdmeTheme:CompareProduct/topNavigation.html.twig' %}
	    		</div>
        	</div>
        	<div class="row">
            	<div class="col-lg-12">	
		        	<div class="ob-product-compare">
						<div class="scroll-block">
							<table class="compare-block">
								{% block compare_product_row %}{% endblock compare_product_row %}
							</table>
						</div>
					</div>
				</div>
			</div>
	    </div>
	</div>
{# </div>#}
{% block compare_product_js_and_css %}
	{% javascripts 	'@OfficeBrainPageBundle/Resources/public/js/bundle/print.js' 
    				'@OfficeBrainSearchBundle/Resources/public/js/retina-1.1.0.min.js'
				   	'@OfficeBrainSearchBundle/Resources/public/js/common.js'
				   	'@OfficeBrainProductBundle/Resources/public/js/QuickView/common.js'
				   	'@OfficeBrainSearchBundle/Resources/public/js/search.js'
    %}
    	<script src="{{ asset_url }}" type='text/javascript'></script>
    {% endjavascripts %}
    
	<script type="text/javascript">
    	{% if app.session.has('compareProd_success_deleted') %}
			$( document ).ready(function() {
				showSuccessMessage('{{ app.session.remove('compareProd_success_deleted') }}');
			});
		{% endif %}
    </script>
{% endblock compare_product_js_and_css %}

{% endblock main_content %}

{% block footer_js %}
	{{ parent() }}
    {% javascripts '@OfficeBrainCustomBundleThemeBundle/Resources/public/IdmeTheme/js/jquery.elevatezoom.js' %}
    	<script src="{{ asset_url }}" type='text/javascript'></script>
    {% endjavascripts %}
{% endblock footer_js %}