{% extends 'baseAjax.html.twig' %}

{% block ajax_body %}
	{#% if (total_record>=0) %}
		<script type="text/javascript">
			$(document).ready(function () {
				$('#modal-table').modal('hide');
				$('#modal-table').html('');
				$('#modal-table').class('modal fade model-popup-black');
				setTimeout("$('body').removeClass('modal-open');$('.modal-backdrop').remove();", 10);
				showErrorMessage(Translator.trans('no_record_found', {}, 'js'));
			});
		</script> 
	{% else %#}
	<link href='{{ asset(ob_project_assets_base_url ~ 'css/print.css', null, true) }}' rel='stylesheet' type='text/css'/>
	{# <style>
	.print-comparision .media-none, .print-comparision .availability-row, .print-comparision td.content-none .more-product{display:none !important;}
	.print-comparision .content-none *{display:none;}
	.print-comparision .ob-product-compare .color-block {overflow:hidden !important;}
 	.print-comparision .ob-product-compare .color-block > img {left: 0;position: absolute;height: 100%;width: 100%;border-radius: 10px;} 
 	.print-comparision .ob-product-compare .color-block {position:relative;}
 	
 	
 	
 	.modal-body {padding:0px;width:98%;margin: 0 auto;}
 	@media print {
		 .print-comparision {
		    position: relative !important;
		}
 		.print-comparision {overflow: visible !important;}
 		.ob-product-compare .compare-block {width: 95% !important; }
	}
	</style>
	 <style media="print">
.ob-product-compare .feature td, .ob-product-compare .product-name, .ob-product-compare .compare-block td.feature-block { font-size:8px; }
</style> #}
<style>
 .ob-product-compare .color-block{margin-bottom:5px}
</style>
<div id="print-comparision">
	<div class="modal-dialog modal-lg">
        <div class="modal-content">
        	 <a aria-label="Close" data-dismiss="modal" class="close" href="javascript:void(0)">&times;</a>
			<div class="modal-header">
				<i class="fa fa-print"></i>{% block print_page_title %}{% endblock print_page_title %}
			</div>
			<div class="modal-body">
				<div class="row print-head">
					<div class="col-xs-6">
{# 	               		{% use 'OfficeBrainCustomBundleThemeBundle:IdmeTheme:BaseUIElements/Header/logo.html.twig' %}#}
{# 						{% block header_logo %} {{ parent() }} {% endblock header_logo %}#}
						<img src="{{  (ob_project_base_url~asset(ob_project_assets_base_url ~ 'images/goldstar/goldstar-logo-png.png') ) | logo }}" alt="">
					</div>
					<div class="col-xs-5">
						<a href="javascript:void(0)" class="add-btn gray js-print-it"><i class="fa fa-print"></i>{{ 'product_compare.print'|trans }}{% block page_title %}{% endblock page_title %}</a>
					</div>
				 </div>
				<div class="ob-product-compare">
					<div class="scroll-block">
						<table class="compare-block" cellspacing="0" cellpadding="10" width="100%" border="0">
							{% embed 'OfficeBrainCompareProductBundle:CompareProduct:compareProductRow.html.twig' %}
{# 								{% block product_image_title %}{% endblock product_image_title %}#}
{# 								{% block product_price_quantity %}{% endblock product_price_quantity %}#}
{# 								{% block product_transaction_button %}{% endblock product_transaction_button %}#}
{# 								{% block product_sku %}{% endblock product_sku %}#}
{# 								{% block product_brand %}{% endblock product_brand %}#}
{# 								{% block product_rating %}{% endblock product_rating %}#}
{# 								{% block product_color %}{% endblock product_color %}#}
{# 								{% block product_feature %}{% endblock product_feature %}#}
{# 								{% block product_description %}{% endblock product_description %}#}
{# 								{% block product_quantity_availability %}{% endblock product_quantity_availability %}#}
									{% block product_color %}
										{% if ob_project_transaction_configuration_rule.compare_product.list.option.product_color.status ==1%}
									    	<tr class="feature light-bg">
									        	<td class="feature-block">{{ 'product_compare.color'|trans }}</td>
									            {% for row in record_set %}
									            	<td>
									{# 					<span class="feature-title">{{ 'product_compare.color'|trans }} :</span>#}
														{% if row.attributes|length>0 %}
															{% for attr in row.attributes %}
																{% if attr.id=="10" %}
																	{% for index,color in attr.values %}
																		<div class="color-block"  data-toggle="tooltip" data-placement="left" title="{{ color }}">
																			<img src="{{ ob_project_product_color_base_url~index~'.jpg' }}"/>
{# 																			<label title="{{ color }}" for="request_quote_color_{{ attr.id }}_{{ index }}"  data-attribute-id="{{ attr.id }}" data-attribute-value-id="{{ index }}" data-product-id="{{ product_id }}"></label>#}
																		</div>
																	{% endfor %}
																{% endif %}
															{% endfor %}
														{% endif %}
													</td>
												{% endfor %}
												{% set i=1 %}
												{% for i in range(1, remaining_compare_product) if remaining_compare_product >0 %}
													<td class="">&nbsp;</td>
												{% endfor %}
											</tr>
										{% endif %}
									{% endblock product_color %}
							{% endembed %}
						</table>
					</div>
				</div>
      		</div>
		</div>
	</div>
</div>
{#% endif %#}
{% endblock ajax_body %}