{% if (ob_project_user_type == 'guest' and ob_project_transaction_configuration_rule.wish_list.guest_user.status == 1)
%}
	{% set prefix = '' %}
{% elseif (ob_project_user_type == 'registered' and
ob_project_transaction_configuration_rule.wish_list.registered_user.status == 1) %}
	{# {% set prefix = 'coded_' %} #} 
	{% set prefix = '' %}
{% endif %} 

{% set is_solr_data = (is_solr_data is defined)?is_solr_data:null %}
{% set product_box_bootstrap_class = (product_box_bootstrap_class is defined)?product_box_bootstrap_class:'col-sm-6
col-md-6 col-lg-4 col-xs-12' %}
{% set price_unit = (price_unit is defined and price_unit!='') ? price_unit : 'each' %}
<div class="{{ product_box_bootstrap_class }} js-product-box product-box " id="product-row-{{ product_id }}">
	<div class="pro-box" {% if render_model is defined and render_model==1 %} data-url='' {% else %}
		data-url="{{ path('officebrain_product_bundle_product_detail', { '_locale':app.request.locale,'productSlug':product_slug }) }}"
		{% endif %}>
		<div class=" box01 product-details-boxs{{ product_id }}">
			{% if ob_project_search_configuration_rule.search_page.list_view.option.product_default_image.status == 1 %}
			<div class="clearfix"></div>
			<div class="product-img js-click-for-product-detail">

				{% if ob_project_search_configuration_rule.search_page.list_view.option.flag.status == 1 %}
				<div class="product-flag-block product-flag-img">{{ product_flag }}</div>
				{% endif %}
				
				{% if render_model is defined and render_model == 1 %}
				{% if app.request.get('project_setting').access_rule.report.option.admin_report.status == 1 %}
				<a href="javascript:void(0);" class="js-product-click" data-supplier-name="{{ product_supplier_name }}"
					data-product-title="{{ product_title|striptags|truncate(50, true)|raw }}"
					data-product-price="{{ product_min_price | currency }}">
					{% else %}
					<a href="javascript:void(0);">
						{% endif %}
						{% if app.session.get('virtualsequenceid') is defined and app.session.get('virtualsequenceid')
						is not empty and ob_project_virtual_access_rule.status == 1 and
						ob_project_virtual_access_rule.option.logo_everything.status == 1 %}
						{% set newUrl =
						virtual_base_url~'logo-everything-image/'~product_sku~'/'~product_supplier_id~'/'~app.session.get('virtualsequenceid')
						%}
						{% elseif product_image_url is defined and product_image_url != "" %}
						{% set newUrl = product_image_url %}
						{% else %}
						{% set newUrl = asset(ob_project_assets_base_url~'images/loading_image.png') %}
						{% endif %}
						
						{#}<img class="product-img lazy"
							src="{{ asset(ob_project_assets_base_url~'images/loading_image.png') }}"
							data-original="{{ product_image_url }}" data-thumb-url="{{ product_image_url }}"
							alt="{{ product_title }}">#}
						{#}<img class="product-img lazy" src="{{ product_image_url }}"
							data-original="{{ product_image_url }}" data-thumb-url="{{ product_image_url }}"
							alt="{{ product_title }}">#}

						<img class="product-img lazy img-responsive center-block" data-src="{{ newUrl }}"
							data-original="{{ newUrl }}" data-thumb-url="{{ newUrl }}" alt="{{ product_title|striptags|truncate(50, true)|raw }}">
					</a>
					{% else %}
					{% if app.request.get('project_setting').access_rule.report.option.admin_report.status == 1 %}
					<a href="{{ path('officebrain_product_bundle_product_detail', {'_locale':app.request.locale,'productSlug':product_slug}) }}"
						class="js-product-click" data-supplier-name="{{ product_supplier_name }}"
						data-product-title="{{ product_title|striptags|truncate(50, true)|raw }}"
						data-product-price="{{ product_min_price | currency }}">
					{% else %}
						<a href="{{ path('officebrain_product_bundle_product_detail', {'_locale':app.request.locale,'productSlug':product_slug}) }}">
					{% endif %}
							{% if app.session.get('virtualsequenceid') is defined and
							app.session.get('virtualsequenceid') is not empty and ob_project_virtual_access_rule.status
							== 1 and ob_project_virtual_access_rule.option.logo_everything.status == 1 %}
							{% set newUrl =
							virtual_base_url~'logo-everything-image/'~product_sku~'/'~product_supplier_id~'/'~app.session.get('virtualsequenceid')
							%}
							{% elseif product_image_url is defined and product_image_url != "" %}
							{% set newUrl = product_image_url %}
							{% else %}
							{% set newUrl = asset(ob_project_assets_base_url~'images/loading_image.png') %}
							{% endif %}
							
							<img class="12345 " src="{{ newUrl }}"
								data-original="{{ newUrl }}" data-thumb-url="{{ newUrl }}" width="180" height="180"
								alt="{{ product_title|striptags|truncate(50, true)|raw }}">
						</a>
					{% endif %}
			</div>
			{% endif %}

			{% if render_model is defined and render_model != 1 %}
			{% if ob_project_search_configuration_rule.search_page.quick_view.status == 1 %}
			<div class="product-quickview hidden-xs" data-prodid="{{ product_id }}">
				<a class="pav-colorbox glyphicon cboxElement js-product-quick-view" href="javascript:void(0);"
					data-target="#quick_view_product" id="quick_view_link" data-id="{{ product_id }}"
					data-quick-view-url="{{ path("officebrain_search_bundle_product_quickview", { 'productSlug' :
					product_slug })}}" data-toggle="modal">
					<i class="fa fa-eye-new"></i>
				</a>
			</div>
			{% endif %}
			{% endif %}
		</div>
		<div class="product-info">
			
			{% if ob_project_search_configuration_rule.search_page.list_view.option.product_sku.status == 1 %}
			<div class="item-code">
			{#	{{ 'search.item_code'| trans({},"goldstar") }} : <span>{{ product_sku }}</span> #}
			</div>
			{% endif %}
			{% if ob_project_search_configuration_rule.search_page.list_view.option.rating.status == 1 %}
			<div class="product-rating-top-block">
				<div class="rating">{{ product_rating|rating|raw }}</div>
			</div>
			{% endif %}
			{% if (tag_product_box is not defined) or (tag_product_box is defined and tag_product_box == 0) %}

			{% if custom_tag_style is defined %}
			<div class="brand-img">
				{% for customTag in custom_tag_style %}
				{% set tagData = customTag|split('|') %}
				{% if tagData[7] is defined and tagData[7] == 'private-tag' and tagData[5] != 'closeout-deals' and
				tagData[5] != 'special' %}
				{% if tagData[3] is defined and (tagData[3] != '' and tagData[3] != 'dummy.png') %}
				<img class="lazy" data-src="{{ private_tag_icon_url~'featured-icon/'~tagData[3] }}" alt="{{ tagData[1] }}"
					title="{{ tagData[1] }}">
				{% endif %}
				{% endif %}
				{% endfor %}
			</div>
			{% endif %}
			{% endif %}

			<!-- <div class="ve-code">Ex. Vat: sp2007</div> -->
			{% if render_model is defined and render_model != 1 %}
			<div class="list-quantity-block">
				{% if ob_project_search_configuration_rule.search_page.list_view.option.product_short_description.status
				== 1 %}
				<p>
					{% if product_description is defined %}
					{{ product_description|striptags|html_entities|slice(0, 150) }}
					{% endif %}
				</p>
				{# {% set displayFreeFreightText = 'displaynone' %}#}
				{# {% if dispalyText[product_id] is defined and dispalyText[product_id] == 1 %}#}
				{# {% set displayFreeFreightText = 'displayblock' %} #}
				{# {% else %}#}
				{# {% set displayFreeFreightText = 'displaynone' %}#}
				{# {% endif %}#}
				{# <span class="price-grid {{ displayFreeFreightText }}">{{ 'product_detail_static_message'|
					trans({},"goldstar")}}</span>#}
				{% endif %}
			</div>


			{% if ob_project_search_configuration_rule.search_page.list_view.option.product_min_qty.status == 1 %}
			
			{% include
			'OfficeBrainCustomBundleThemeBundle:IdmeTheme:ProductDetail/Elements/quantityWisePricePanel.html.twig'
			with {'show_heading' : false, 'regular_variations_charges' : product_regular_variations_charges,
			'currency_symbol': product_currency_symbol, 'is_solr_data': is_solr_data, 'price_unit':price_unit,
			'price_type': price_type,'prefix':prefix} %}

			{% endif %}

			{% if (tag_product_box is not defined) or (tag_product_box is defined and tag_product_box == 0) %}
			{% if ob_project_search_configuration_rule.search_page.tool_tip.option.tool_tip_variation_image.status == 1%}

				{# 
				{% if color_ss is defined %}
				<div class="avalbl-colors col-xs-12 padding-left-0" style="display:block;">
					<ul class="product-color-listing">
					{% set totalSwatches = color_ss|length %}
					{% set runloop = true %}
					{% set showSwatches = 0 %}
					{% for indx, color_data in color_ss if runloop %}
					{% set showSwatches = showSwatches+1 %}
	        		{% set color = color_data|split('|') %} 
	        		{% set colorName = (row.attribute_ss[indx] is defined ) ? row.attribute_ss[indx]|split(':') : '' %}
					   <li title="{{(colorName!="") ? colorName[1] : "" }}">
					   {{ asset(ob_project_assets_base_url~'images/loading_image.png') }}
					      <div class="color-item-slide" style="background-image:url('{{asset(ob_project_assets_base_url~"product/color/"~color[1]~".jpg")}}');">
					      </div>
					   </li>
					   {% if showSwatches == 6 %}
					   	<li>
					      <div class="color-item-slide">
					      {% set runloop = false %}
					      {% set restSwatches = totalSwatches- showSwatches %}
					      {% if restSwatches > 0 %}
					      	{{ "+"~restSwatches}}
					      {% endif %}
					      </div>
					   </li>
					   {% endif %}
					{% endfor %}
					</ul>
				</div>
				{% endif %}
				#}

				{% endif %}
				{% endif %}	
			{% endif %}

			{% if color_ss is defined %}
				<div class="avalbl-colors onlydiv col-xs-12 padding-left-0" style="display:block;">
					 
					{% set totalSwatches = color_ss|length %}
					{% set runloop = true %}
					{% set showSwatches = 0 %}
					{% for indx, color_data in color_ss if runloop %}
					{% set showSwatches = showSwatches+1 %}
	        		{% set color = color_data|split('|') %} 
	        		{% set colorName = (row.attribute_ss[indx] is defined ) ? row.attribute_ss[indx]|split(':') : '' %}
					   
					      <div class="color-item-slide" style="background-image:url('{{color_swatches_url~color[1]~".jpg"}}');">
					      </div>
					   
					   {% if showSwatches == 6 %}
					   
					      <div class="color-item-slide">
					      {% set runloop = false %}
					      {% set restSwatches = totalSwatches- showSwatches %}
					      {% if restSwatches > 0 %}
					      	{{ "+"~restSwatches}}
					      {% endif %}
					      </div>
					   
					   {% endif %}
					{% endfor %}
					
					{# {{% include
					'OfficeBrainCustomBundleThemeBundle:IdmeTheme:ProductDetail/Elements/colorPanel.html.twig' with
					{'show_heading' : true,'regular_variations_charges' : product_regular_variations_charges,
					'currency_symbol': product_currency_symbol, 'is_solr_data': is_solr_data,'color_attributes' :
					color_attributes,'color_mapping' : color_mapping} %} #}
				</div>
				{% endif %}

				
				<div class="clearfix"></div>
				<div class="pro-title">
				{% if render_model is defined and render_model == 1 %}
				<a href="javascript:void(0);" class="item-title">
					{% if ob_project_search_configuration_rule.search_page.list_view.option.product_title.status == 1 %}
					{# {{ product_title|trim|capitalize|striptags|truncate(35, true) }}#}
					{{ product_title|trim|striptags|truncate(35, true)|raw }}
					{% endif %}
				</a>
				{% else %}
				<a href="{{ path('officebrain_product_bundle_product_detail', { '_locale':app.request.locale,'productSlug':product_slug }) }}"
					class="item-title">
					{% if ob_project_search_configuration_rule.search_page.list_view.option.product_title.status == 1 %}
					{# {{ product_title|trim|capitalize|striptags|truncate(35, true) }}#}
					{#}
					{% if category_slug is defined and category_slug == 'new-for-2019-1'%}
					<span style="color:#ea0c8c;font-weight: bold;text-transform: uppercase;">New!</span> {{
					product_title|trim|striptags|truncate(35, true)|raw }}
					{% else %}
					{{ product_title|trim|striptags|truncate(35, true)|raw }}
					{% endif %}
					#}
					{% set isTitleDefined = "" %}
					{% if custom_tag_style is defined %}
					{% for customTag in custom_tag_style %}
					{% set tagData = customTag|split('|') %}
					{% if tagData[7] is defined and tagData[7] == 'private-tag' and tagData[5] == "what-s-new" %}
					<span style="color:#ea0c8c;font-weight: bold;text-transform: uppercase;">New!</span> {{
					product_title|trim|striptags|truncate(35, true)|raw }}
					{% set isTitleDefined = "1" %}
					{% endif %}
					{% endfor %}
					{% endif %}
					{% if isTitleDefined == "" %}
					{{ product_title|trim|striptags|truncate(35, true)|raw }}
					{% endif %}
					{% endif %}
				</a>
				{% endif %}
			</div>

			<div class="pro-prise">
				{% if call_for_price is defined and call_for_price=='yes' %}
				<span>{{ 'call_for_price'| trans({},"app") }}</span>
				{% else %}
				{% if ob_project_search_configuration_rule.search_page.list_view.option.product_currency.status == 1 %}
					{{product_currency|displayCurrencySymbol}}
				{% endif %}
				{% if ob_project_search_configuration_rule.search_page.list_view.option.product_min_price.status == 1 %}
				{{ product_min_price|currency }}
				    {% if prefix == "" and product_min_price_code is defined and product_min_price_code != '' %}
					    <e>({{product_min_price_code }})</e>  
					{% endif %} 
				    {% if prefix == 'coded_' %}
					    <e>{{ 'goldstar_theme.products_detail.net'|trans({}, 'goldstar') }}</e>
					{% endif %}
				{% endif %}
				{#% if ob_project_search_configuration_rule.search_page.list_view.option.product_min_qty.status == 1 %}
				<span>{{ 'search.qty'| trans({},"app") }}. {{ product_minimum_quantity }}</span>
				{% endif %#}
				{% endif %}
				{#<sub>12</sub>#}
			</div>
			
		</div>
		<div class="clearfix"></div>
		<div
			class="pro-button-details{% if transaction_button_class is defined %} {{ transaction_button_class }}{% endif %}">
			{% if render_model is defined and render_model == 1 %}
			<ul>
				<li>
					<a href="javascript:void(0);" data-toggle="tooltip" data-placement="top"
						title="{{ 'add_to_quote'| trans({}," app") }}" class='js_add_product_to_quote'
						product-id='{{ product_id }}' data-product-id='{{ product_id }}'
						data-culture-product-id='{{ product_id }}' data-product-slug='{{ product_slug }}'>
						<i class="fa fa-comment quote-icon"><span>,,</span></i>
						{{ 'add_to_quote'| trans({},"app") }}
					</a>
				</li>
			</ul>
			<div class="clearfix"></div>
			{% else %}
			<ul>
				{% if (tag_product_box is not defined) or (tag_product_box is defined and tag_product_box == 0) %}
				{% if ob_project_transaction_access_rule.option.shopping_cart.status == 1 %}
				{% if (ob_project_transaction_configuration_rule.shopping_cart.guest_user.status==1 and
				ob_project_setting.user_type=="guest") or
				(ob_project_transaction_configuration_rule.shopping_cart.registered_user.status==1 and
				ob_project_setting.user_type=="registered") %}
				<li class="view-details">
					<a data-placement="top" title="{{ 'add_to_cart'| trans({}," app") }}" _class='js-btn-addtocart-list'
						product-id='{{ product_id }}' data-product-id='{{ product_id }}'
						data-culture-product-id='{{ product_id }}' data-product-slug='{{ product_slug }}'
						href="{{ url('officebrain_product_bundle_product_detail', {'_locale':app.request.locale, 'productSlug':product_slug}) }}">
						{{ 'search.view_details'| trans({},"goldstar") }}
					</a>
				</li>
				{% endif %}
				{% endif %}
				{% if is_wishlist_allow is not defined %}
				{% if ob_project_transaction_access_rule.option.wish_list.status == 1 %}
				<li>
					<a href="javascript:void(0);" data-placement="top" title="{{ 'add_to_wish_list'| trans({}," app")
						}}" class='js-btn-wish-list' data-product-id='{{ product_id }}'
						data-culture-product-id='{{ product_id }}'>
						{{ 'search.add_to_wishlist'| trans({},"goldstar") }}
					</a>
				</li>
				{% endif %}
				{%endif%}
				{% if ob_project_transaction_access_rule.option.compare_product.status == 1 %}
				<li>
					<a href="javascript:void(0);" data-placement="top" title="{{ 'add_to_compare_product'| trans({},"
						app") }}" class='js-btn-compare-product' data-product-id='{{ product_id }}'
						data-culture-product-id='{{ product_id }}'>
						{{ 'search.Add_to_compare'| trans({},"goldstar") }}
					</a>
				</li>
				{% endif %}
				{#<li>
					<a href="javascript:void(0);" data-placement="top" title="{{ 'add_to_quote'| trans({}," app") }}"
						class='js-btn-quickquote-list' product-id='{{ product_id }}' data-product-id='{{ product_id }}'
						data-culture-product-id='{{ product_id }}' data-product-slug='{{ product_slug }}'>
						{{ 'add_to_quote'| trans({},"app") }}
					</a>
				</li>#}
				{% endif %}
			</ul>
			<div class="clearfix"></div>
			{% endif %}
		</div>
		{{ (delete_product_row is defined) ? delete_product_row|raw : ''}}
	</div>

	{% if ob_project_search_configuration_rule.search_page.tool_tip.status == 1 %}
	<div class="product-detail-tooltip hide js-product-tooltip" data-val="{{ product_id }}">
		<div class="product-tooltip-main-block">
			<div class="tool-tip-contain">
				{% if ob_project_search_configuration_rule.search_page.tool_tip.option.tool_tip_title.status == 1 %}
				<h1>{{ product_title|raw }}</h1>
				{% endif %}
				<div class="skuprice">
					{% if ob_project_search_configuration_rule.search_page.tool_tip.option.tool_tip_sku.status == 1 %}
					<div>{{ 'search.item_code'| trans({},"goldstar") }} : <span>{{ product_sku }}</span></div>
					{% endif %}
					{% if ob_project_search_configuration_rule.search_page.tool_tip.option.tool_tip_rating.status == 1
					%}
					<div>{{ 'reviews'|trans({},"goldstar") }}</div>
					<div class="product-rating-top-block padding-left-0">
						<div class="rating">
							{{ product_rating|rating|raw }}
						</div>
					</div>
					{% endif %}
				</div>
				{% if custom_tag_style is defined %}
				<div class="brand-img">
					{% for customTag in custom_tag_style %}
					{% set tagData = customTag|split('|') %}
					{% if tagData[7] is defined and tagData[7] == 'private-tag' and tagData[5] != 'closeout-deals' and
					tagData[5] != 'special' %}
					{% if tagData[3] is defined and (tagData[3] != '' and tagData[3] != 'dummy.png') %}
					<img class="lazy" data-src="{{ private_tag_icon_url~'featured-icon/'~tagData[3] }}" alt="{{ tagData[1] }}"
						title="{{ tagData[1] }}">
					{% endif %}
					{% endif %}
					{% endfor %}
				</div>
				{% endif %}
				{% if ob_project_search_configuration_rule.search_page.tool_tip.option.tool_tip_description.status == 1
				%}
				<div class="text-detail">
					<p>{{ product_description | raw | nl2br }}</p>
					{# {% set displayFreeFreightText = 'displaynone' %}#}
					{# {% if dispalyText[product_id] is defined and dispalyText[product_id] == 1 %}#}
					{# {% set displayFreeFreightText = 'displayblock' %} #}
					{# {% else %}#}
					{# {% set displayFreeFreightText = 'displaynone' %}#}
					{# {% endif %}#}

					{# <span class="price {{ displayFreeFreightText }}">{{ 'product_detail_static_message'|
						trans({},"goldstar")}}</span>#}
				</div>
				{% endif %}
				{% if ob_project_search_configuration_rule.search_page.tool_tip.option.tool_tip_price.status == 1 %}
				<div class="qty-price-block padding-left-0">
					<h3>{{ 'quantity_price'| trans({},"goldstar") }}</h3>
					<div class="qunt-price table-responsive">
						{% include
						'OfficeBrainCustomBundleThemeBundle:IdmeTheme:ProductDetail/Elements/quantityWisePricePanel.html.twig'
						with {'show_table' : true, 'regular_variations_charges' : product_regular_variations_charges,
						'currency_symbol': product_currency_symbol, 'is_solr_data': is_solr_data, 'price_type':
						price_type} %}
					</div>
				</div>
				{% endif %}
				<div class="col-xs-12 currency-select padding-left-0">
					<span>*Prices currently shown in USD.</span>
					<ul class="js-country-price-change" style="visibility: hidden;">
						<li>
							<a href="javascript:void(0);" data-culture="en_us"><img
									src="{{  (ob_project_base_url~asset(ob_project_assets_base_url ~ 'images/usa-flag.jpg') )}}"
									alt=""></a>
						</li>
					</ul>
				</div>
				{% if ob_project_search_configuration_rule.search_page.tool_tip.option.tool_tip_variation_image.status
				== 1 %}
				{% include
				'OfficeBrainCustomBundleThemeBundle:IdmeTheme:ProductDetail/Elements/colorPanel.html.twig' with
				{'show_heading' : true, 'regular_variations_charges' : product_regular_variations_charges,
				'currency_symbol': product_currency_symbol, 'is_solr_data': is_solr_data,'color_attributes' :
				color_attributes} %}
				<div class="clearfix"></div>
				{% endif %}
			</div>
		</div>
	</div>
	{% endif %}
</div>