{% extends '::baseAjaxProductDetail.html.twig' %}
{% block ajax_body %}
<style>
	.shipment .option-head{
	 	padding: 5px 0px;
	    border-bottom: 2px solid #004372;
	    margin-bottom: 10px;
	}
	.shipment .option-head a{
		 color: #004372;
		 font-size: 16px;
	    font-weight: bold;
	}
	.shipsection_button .radio input[type=radio]{
	   position: unset;
	    margin-left: 0px;
	}
	.shipsection_button .checkbox label, .radio label {
    	padding-left: 10px;
	}
	.shipsection_title{padding-top: 0px; padding-bottom: 0px;}
	.shipsection_box {padding-left: 20px; padding-top: 10px;}
	.shipsection_button{ padding: 0px 20px;}
	.js_rq_add_new_ship_address{ border: 1px solid #e7dede; padding: 10px; border-radius: 4px; text-align: center; }
	#js_shipping_method .js_shipping_method_detail{padding: 10px; border: 1px solid #e4e4e4; margin-bottom: 10px; border-radius: 5px;}
	.selector-quantity {width: 100%;}
    .selector-quantity .selector-btn { width: 70px;}
	.quntity-count .selector-input { height: 30px; width: 100px;}
	.shipping-address-btn{background-color: #074770; color: #fff; margin-top: 10px;}
	.select-block .error-message, .inp-parts .error-message {
	    width: 100%;
	}
	.shipment .shipping-scroll .shipping-col{
		width: 50%;
	    padding: 10px;
	    border: 1px solid #d3d4d5;
	    border-radius: 5px;
	    margin-top: 10px;
	    background: #fafafa;
	}
.search-col .twitter-typeahead{width: 70%;}
.search-col .twitter-typeahead .tt-dropdown-menu{background: #fafafa; width: 100%; padding: 5px 0px 0px 5px; border-bottom: 1px solid #d3d4d5; border-left: 1px solid #d3d4d5; border-right: 1px solid #d3d4d5;}
</style>

{# HERE_WE_CHANGE_CODE #}
{% set colorSection = 0 %}
{% set section_counter = 1 %}
{% set at_least_one_color = 0 %}

{% if "color" in allowed_section %}
<!-- Select Colors -->
{% if product_detail.attributes|length>0 %}
{% if default_color_id is defined and default_color_id!=null %}
{% set defaultSelected =  default_color_id %}
{% else %}
{% set defaultSelected = (product_detail.images[0].actual_color_id is defined) ? product_detail.images[0].actual_color_id : null %}
{% endif %}
{% if (color_info.is_trim_color == '1' or color_info.is_ink_color == '1' or color_info.is_barrel_color == '1') and
(color_info.is_standard_color == '1') %}
<div class="product-color-section">
	<div class="product-detils-title">
		1. Select Color 
		<span id="js-show-selected-color">
		{% for index,color in attr.values %}
			{% if loop.first %}	
			 ({{color}})
			{% endif %}
		{%endfor %}
	</span>
	</div>
	<ul class="product-color-listing">
		{% set choose_color_section = 0 %}
		{% set display_main_title = 1 %}

		{% for attr in product_detail.attributes if attr.id == config.color_attribute_id %}
		{% set colorSection = 1 %}
		<div class="product-section-box" {{(at_least_one_color is defined and at_least_one_color==1)
			? 'style=display:none' : '' }}>
			<div id="js-color-box" class="owl-carousel owl-theme wish-list-color-box js_request_quote js-color-section">
				{% for index,color in attr.values %}
				<li class="color-item-slide">
					<div style="background-image:url('{{ ob_project_product_color_base_url~index~'.jpg' }}');">
						<input class="js_request_quote_color_chk_{{ attr.id }}_{{ index }}"
							id="order_{{ type }}_color_{{ attr.id }}_{{ index }}" type="checkbox"
							name="lists[request_quote_color]" value="{{ index }}" />
						<label class="js-color-selector" id="order_{{ type }}_color_label_{{ attr.id }}_{{ index }}"
							title="{{ color }}" for="order_{{ type }}_color_{{ attr.id }}_{{ index }}"
							data-attribute-id="{{ attr.id }}" data-attribute-value-id="{{ index }}"
							data-product-id="{{ product_detail.product_id }}"
							data-minimumPrice="{{ product_detail.min_price }}"
							data-defaultqty="{{ product_detail.minimum_quantity }}"></label>
					</div>
				</li>

				{% endfor %}
			</div>
		</div>
		{% set section_counter = section_counter + 1 %}
		{% endfor %}
	</ul>
</div>
{% else %}
{% for attr in product_detail.attributes if attr.id == config.color_attribute_id %}
{% set colorSection = 1 %}
<div class="product-color-section">
	<div class="product-detils-title">
		1. Select Color <span id="js-show-selected-color">
		{# for ETS supplier flow #}
		{% if product_detail.supplier.supplier_id==457 %}
			{% if attr.values[defaultSelected] is defined %}
				({{attr.values[defaultSelected] | capitalize }})
			{% else %}
				{% for index,color in attr.values %}
					{% if loop.first %}	
					({{color}})
					{% endif %}
				{% endfor %}
			{% endif %}
		{% else %}
			{% if attr.values[defaultSelected] is defined %}
				({{attr.values[defaultSelected] | capitalize }})
			{% else %}
				{% for index,color in attr.values %}
					{% if loop.first %}	
					({{color}})
					{% endif %}
				{% endfor %}
			{% endif %}
		{% endif %}	
	</span>

	</div>
	<ul class="product-color-listing">
		<div id="product_detail_Product-color-slider" class="panel-collapse collapse in" role="tabpanel" style=""
			aria-expanded="true">
			<div class="panel-body">
				<div id="js-color-box"
					class="owl-carousel owl-theme wish-list-color-box js_request_quote js-color-section">
					{% for index,color in attr.values %}
					<li class="color-item-slide">
					{# for ETS supplier flow #}
					{% if product_detail.supplier.supplier_id==457 %}
						{% set slugurl = null %}
						{% if product_detail.mapped_color_products[index] is defined and defaultSelected!=index %}
							{% set slugurl = path('officebrain_product_bundle_product_detail',{'productSlug':product_detail.mapped_color_products[index]})%}
							<a href="{{slugurl}}" style="height: 35px;width: 35px;border-radius: 100%;" title="{{ color }}">
								<div style="background-image:url('{{ ob_project_product_color_base_url~index~'.jpg' }}'); border: 1px solid #ccc;">	
								</div>
							</a>
						{% else %}
							<div style="background-image:url('{{ ob_project_product_color_base_url~index~'.jpg' }}');">
								<input class="js-input-color-selector js_request_quote_color_chk_{{ attr.id }}_{{ index }}{{ (defaultSelected==index) ? ' active' : '' }}"
								id="order_{{ type }}_color_{{ attr.id }}_{{ index }}" type="checkbox"
								name="lists[request_quote_color]" value="{{ index }}"/>
							<label class="js-color-selector" id="order_{{ type }}_color_label_{{ attr.id }}_{{ index }}"
								title="{{ color }}" for="order_{{ type }}_color_{{ attr.id }}_{{ index }}"
								data-attribute-id="{{ attr.id }}" data-attribute-value-id="{{ index }}"
								data-product-id="{{ product_detail.product_id }}"
								data-minimumPrice="{{ product_detail.min_price }}"
								data-defaultqty="{{ product_detail.minimum_quantity }}"></label>
							</div>
						{% endif %}
						
					{% else %}
						{% if product_detail.supplier.supplier_id==447 %}
							{% set slugurl = null %}
							{% if defaultSelected is defined and defaultSelected!=null and defaultSelected!=index %}
								{% set slugurl = path('officebrain_product_bundle_product_detail',{'productSlug':product_detail.basic_information.slug,'clr':index})%}
								<a href="{{slugurl}}" style="height: 35px;width: 35px;border-radius: 100%;" title="{{ color }}">
									<div style="background-image:url('{{ ob_project_product_color_base_url~index~'.jpg' }}'); border: 1px solid #ccc;">	
									</div>
								</a>
							{% else %}
								<div style="background-image:url('{{ ob_project_product_color_base_url~index~'.jpg' }}');">
									<input class="js-input-color-selector js_request_quote_color_chk_{{ attr.id }}_{{ index }}"
									id="order_{{ type }}_color_{{ attr.id }}_{{ index }}" type="checkbox"
									name="lists[request_quote_color]" value="{{ index }}"/><label class="js-color-selector" id="order_{{ type }}_color_label_{{ attr.id }}_{{ index }}"
									title="{{ color }}" for="order_{{ type }}_color_{{ attr.id }}_{{ index }}"
									data-attribute-id="{{ attr.id }}" data-attribute-value-id="{{ index }}"
									data-product-id="{{ product_detail.product_id }}"
									data-minimumPrice="{{ product_detail.min_price }}"
									data-defaultqty="{{ product_detail.minimum_quantity }}"></label>
								</div>
							{% endif %}
						{% else %}
							<div style="background-image:url('{{ ob_project_product_color_base_url~index~'.jpg' }}');">
								<input class="js-input-color-selector js_request_quote_color_chk_{{ attr.id }}_{{ index }}"
								id="order_{{ type }}_color_{{ attr.id }}_{{ index }}" type="checkbox"
								name="lists[request_quote_color]" value="{{ index }}"/>
								<label class="js-color-selector {{(default_color_id==index) ? 'deafult-color' : '' }}" id="order_{{ type }}_color_label_{{ attr.id }}_{{ index }}"
								title="{{ color }}" for="order_{{ type }}_color_{{ attr.id }}_{{ index }}"
								data-attribute-id="{{ attr.id }}" data-attribute-value-id="{{ index }}"
								data-product-id="{{ product_detail.product_id }}"
								data-minimumPrice="{{ product_detail.min_price }}"
								data-defaultqty="{{ product_detail.minimum_quantity }}"></label>
							</div>
						{% endif %}
					{% endif %}
						
					{# {% if loop.first %}
					<span class="color-name" style="display:none;">{{ color }}</span>
					{% else %}
					<span class="color-name" style="display:none;">{{ color }}</span>
					{% endif %} #}
					 </li>
					{% endfor %}
				</div>
			</div>
		</div>
	</ul>
</div>


<!-- Order Detail : {{ type }} -->
{% if "quantity_price" in allowed_section %}
	<div class="product-qut-section">
		<div class="product-detils-title">
			{% if product_detail.price_type is defined and product_detail.price_type != 'call_for_price' and product_detail.pricing | length>0 %}
				2.  Select Quantity <span>(See how much you can save!)</span>
			{% else %}
				2.  Select Quantity
			{% endif %}
		</div>
		<div class="product-qut-main" >
			<!-- Size Quantity -->
			<div  id="product_quantty" >
				{% if product_detail.price_type is defined and product_detail.price_type != 'call_for_price' and product_detail.pricing | length>0 %}
				<div class="prod-qut-box" id="js_request_quote_qty_box">
				</div>
				{% endif %}
				{% if product_detail.pricing | length>0 %}
				<div class="pro-qut-size-box">
					<div class="product-qut-table">
						{% block ajax_quantity_box %}
							{% if ob_project_transaction_configuration_rule.shopping_cart.start_from_imprint_method.status == 0 %}
								{% set price_type_from_api = 'decorative' %}
								{% if product_detail.decorative_pricing is defined and product_detail.decorative_pricing and product_detail.decorative_pricing == 1 %}
									{% set price_type_from_api = 'decorative' %}
								{% elseif product_detail.blank_pricing is defined and product_detail.blank_pricing and
								product_detail.blank_pricing == 1 %}
									{% set price_type_from_api = 'blank' %}
								{% endif %}
								{% set price_unit = (product_detail.price_unit is defined and product_detail.price_unit!='') ? product_detail.price_unit : '' %}
								{% include ob_project_instance_theme_path~':'~ob_project_instance_theme~':ProductDetail/Elements/quantityWisePricePanel.html.twig' with {'show_heading':false , 'price_array_type':order_type, 'price_type' : product_detail.price_type,'price_array':product_detail.pricing, 'price_unit': price_unit, 'show_print_price_table': false} %}
							{% else %}
								{% if "print_position" not in allowed_section %}
								{% if product_detail.blank_imprint_method_id is defined %}
								{{ render(controller('OfficeBrainOrderBundle:Order:getQuantityPriceAsImprintMethod', { 'product_id':
								product_detail.product_id, 'imprint_method_id':product_detail.blank_imprint_method_id })) }}
								{% endif %}
								{% else %}
								<span id="js_imprint_wise_quantity_price">
									{{ render(controller('OfficeBrainOrderBundle:Order:getQuantityPriceAsImprintMethod', { 'product_id':
									product_detail.product_id, 'imprint_method_id':imprint_method_id })) }}
								</span>
								{% endif %}
							{% endif %}
						{% endblock ajax_quantity_box %}
					</div>
				</div>
				{% endif %}
				{% if product_detail.price_type is defined and product_detail.price_type != 'call_for_price' and product_detail.pricing | length>0 %}
				<div class="prod-count-box">
					<div class="prod-count-info">
					<table>
						<tbody id="js-charges-main-html">	
						</tbody>
					</table>
					</div>
					<div class="prod-count-save hide">
					<b>Save $ <span id="js_saving_price"></span> </b> <br>
					with I.D. Me Promotions!
					</div>
				</div>
				
				{% endif %}
			</div>
			<!-- END Size Quantity -->

			<!--  Print Position -->
			{% if "print_position" in allowed_section %}
			{% if product_detail.imprint_position_and_methods|length>0 %}
			<div class="select-imprint" id="select-imprint" >
				<div class="prod-qut-box">
					<div class="prod-qut-prise">
					<strong>Select Imprint Options:</strong> <br>
					Imprint locations and colors
					</div>
				</div>
				<div class="prod-impact-box">
				<a href="javascript:void(0)" id="back_to_product_quantty"> &lt; Edit Product Color and Quantty</a>
				{% set imprint_method_id = '' %}
				{% if ob_project_transaction_configuration_rule.shopping_cart.start_from_imprint_method.status == 1 %}
					{% if product_detail.imprint_methods is defined and product_detail.imprint_methods|length>0 %}
						<div class="product-section-box">
							<div class="selection-common-box">
								{% for id,method in product_detail.imprint_methods %}
									{% set checked_method = '' %}
									{% if loop.first %}
										{% set imprint_method_id = id %}
										{% set checked_method = 'checked=checked' %}
									{% endif %}
									{% if id!=product_detail.blank_imprint_method_id %}
										<div class="col-lg-4 col-md-6 col-sm-5 col-xs-12">
											<div class="radio-but">
												<input {{ checked_method }} type="radio" value="{{ id }}" name="imprint_method_select_type"
													class="js_imprint_method_select_type" data-product-id="{{ product_detail.product_id }}"
													data-method='{{ method }}'>
												<label class="lbl">{{ method }}</label>
											</div>
										</div>
									{% endif %}
								{% endfor %}
							</div>
						</div>
						<div class="clearfix"></div>
					{% endif %}
				{% endif %}		
				<div class="js-printPosition-section">
				<div class="print-position">
					<div class="row">
						{# <div class="col-lg-6 col-md-12 col-sm-6 col-xs-12">#}
							{# <a href="javascript:void(0)" data-toggle="modal" data-target="#Daigram-module"><img
									src="images/t-shirt-image.png" alt="" /></a>#}
							{# </div>#}
						<div class="col-lg-12 col-md-12 col-sm-6 col-xs-12">
							<div class="print-checkbox">
								<span>Where would you like your imprint?</span>
								<span style="font-size: 18px;font-weight: normal;">(Maximum # imprint locations: {{product_detail.imprint_position_and_methods|length}})</span>
								{# HERE_WE_CHANGE_CODE #}
								{% set divId="" %}
								{% if
								ob_project_transaction_configuration_rule.shopping_cart.start_from_imprint_method.status
								== 1 %}
								{% set divId="id=js_show_location_by_method" %}
								{% endif %}


								{# <div {{ divId }} class='print-position-right'>#}
									{% for key,imprint_method in product_detail.imprint_position_and_methods %}
									{% if imprint_method.position_area is defined and
									imprint_method.position_area|length>0 and
									ob_project_transaction_configuration_rule.shopping_cart.start_from_imprint_method.status==1
									%}
									{% for key,imprint_area in imprint_method.position_area %}
									{% if imprint_method.id==imprint_method_id %}
									<div>
										<input {% if first_imprint_location_id is defined and
											key==first_imprint_location_id %} checked="checked" {% endif %}
											name="imprint_area" id="checkbox{{ key }}"
											class="css-checkbox js_add_imprint_location_request_quote_pre_color_display"
											type="checkbox" value="{{ key }}"
											data-product-id="{{product_detail. product_id }}" />
										<label for="checkbox{{ key }}" class="css-label font-style-normal">{{
											imprint_area }}</label>
									</div>
									{% endif %}
									{% endfor %}
									{% else %}
									<div>
										<input {% if first_imprint_location_id is defined and
											key==first_imprint_location_id %} checked="checked" {% endif %}
											name="imprint_area" id="checkbox{{ imprint_method.id }}"
											class="css-checkbox js_add_imprint_location_request_quote" type="checkbox"
											value="{{ imprint_method.id }}"
											data-product-id="{{product_detail. product_id }}" />
										<label for="checkbox{{ imprint_method.id }}"
											class="css-label font-style-normal">{{ imprint_method.position_area
											}}</label>
									</div>
									{% endif %}
									{% endfor %}
									{#
								</div>#}
								{# HERE_WE_CHANGE_CODE #}
							</div>
						</div>
					</div>
				</div>
				<!--According-->
				<div id="js_imprint_request_quote">
				</div>
				<!--According-->
			</div>
			{% endif %}
			{% endif %}
			<!-- END Print Position -->
			{% if product_detail.imprint_position_and_methods|length==0 %}
			<div class="pro-info-msg">
			<span>
				<a href="javascript:void(0);"><b>Awesome News! </b>You won't have to pay at checkout. 
				To ensure accuracy, we'll send you a proof to review before payment is due.</a>
			</span>
			</div>
			<div class="pro-questions-about">
			<span>
				<a href="" data-toggle="modal" data-target="#questions_about_your">
				<svg xmlns="http://www.w3.org/2000/svg" fill="#03517b" viewBox="0 0 30 30" width="15px" height="15px">    <path d="M15,3C8.373,3,3,8.373,3,15c0,6.627,5.373,12,12,12s12-5.373,12-12C27,8.373,21.627,3,15,3z M16,21h-2v-7h2V21z M15,11.5 c-0.828,0-1.5-0.672-1.5-1.5s0.672-1.5,1.5-1.5s1.5,0.672,1.5,1.5S15.828,11.5,15,11.5z"></path></svg>
				Questions about your artwork?
				</a>
			</span>
			</div>
			{% endif %}
		</div>	
		{% if product_detail.imprint_position_and_methods|length>0 %}
	<div class="pro-info-extra-charge"><b>Extra Charge</b><svg xmlns="http://www.w3.org/2000/svg" fill="#03517b" viewBox="0 0 30 30" width="15px" height="15px"><path d="M15,3C8.373,3,3,8.373,3,15c0,6.627,5.373,12,12,12s12-5.373,12-12C27,8.373,21.627,3,15,3z M16,21h-2v-7h2V21z M15,11.5 c-0.828,0-1.5-0.672-1.5-1.5s0.672-1.5,1.5-1.5s1.5,0.672,1.5,1.5S15.828,11.5,15,11.5z"></path></svg>:<span id="js_extra_charge">$ 0.00</span></div>
		{% endif %}

	</div>
	{% if product_detail.imprint_position_and_methods|length>0 %}
	<div class="pro-info-msg">
		<span>
			<a href="javascript:void(0);"><b>Awesome News! </b>You won't have to pay at checkout. 
			To ensure accuracy, we'll send you a proof to review before payment is due.</a>
		</span>
	</div>
	<div class="pro-questions-about">
		<span>
			<a href="" data-toggle="modal" data-target="#questions_about_your">
			<svg xmlns="http://www.w3.org/2000/svg" fill="#03517b" viewBox="0 0 30 30" width="15px" height="15px">    <path d="M15,3C8.373,3,3,8.373,3,15c0,6.627,5.373,12,12,12s12-5.373,12-12C27,8.373,21.627,3,15,3z M16,21h-2v-7h2V21z M15,11.5 c-0.828,0-1.5-0.672-1.5-1.5s0.672-1.5,1.5-1.5s1.5,0.672,1.5,1.5S15.828,11.5,15,11.5z"></path></svg>
			Questions about your artwork?
			</a>
		</span>
	</div>

	{% endif %}
		
	{% if product_detail.imprint_methods is defined and product_detail.imprint_methods|length>0 %}
	<div class="prod-car-btns">
		<a href="javascript:void(0)" class="custo-logo" id="custom_with_logo">Customize With Logo</a>
	</div>
	{% endif %}

	<!--- code by shashi ----->
	{% if "shipping_method" in allowed_section %}
		{% if colorSection == 1 %}
			<!-- Shipping Method -->
			<div class="product-section-box shipsection_box">
				<div class="panel-group" id="{{ type }}-Shipping-method-quote" role="tablist" aria-multiselectable="true">
					<!-- HEADING -->
					{# <div class="panel-heading open" role="tab"> #}
						<div class="product-detils-title shipsection_title">
							3. {{ 'order.shipping_methoad'|trans }}
					{#</div> #}
						{# <a class="js-add-class tab-quantity collapsed" data-toggle="collapse"
							data-parent="#{{ type }}-Shipping-method-quote" href="#Shipping-method-col" aria-expanded="true">
							<i class="caret-icon"></i>
						</a> #}
					</div>
					<!-- HEADING -->
					<!-- CONTENT -->
					<div id="Shipping-method-col" class="panel-collapse collapse in" role="tabpanel">

						<div class="panel-body js-shippingMethod-section shipsection_button">
							<div class="shipping-method">
								<div class="col-lg-6 col-md-6 col-sm-5 col-xs-12">
									<div class="radio-but radio">
										<input type="radio" class="js_select_shipping_type"
											data-product-id="{{ product_detail.product_id }}" data-edit="{{ 0 }}"
											name="request_quote_shipping_type" value="standard" id="order_standard_shipping"
											data-order-type="{{ type }}" />
										<label class="lbl" for="order_standard_shipping">{{ 'order.standard_shipping'|trans
											}}</label>
									</div>
								</div>
								{% if "sample" not in allowed_section %}
								<div class="col-lg-6 col-md-6 col-sm-5 col-xs-12">
									<div class="radio-but radio">
										<input type="radio" class="js_select_shipping_type"
											data-product-id="{{ product_detail.product_id }}" data-edit="{{ 0 }}"
											name="request_quote_shipping_type" value="split" id="order_split_shipping" />
										<label class="lbl" for="order_split_shipping">{{ 'order.split_shipping'|trans }}</label>
									</div>
								</div>
								{% endif %}
								<div class="clearfix"></div>
								<!--According-->
								<input type="hidden" class="js_request_quote_shipping_counter" value="0">
								<div id="js_shipping_method" data-order-type="{{ type }}"></div>
								<div class="addnew-option-head js_rq_add_new_ship_address" style="display:none;" data-edit="{{ 0 }}"
									data-product-id="{{ product_detail.product_id }}">
									<a href="javascript:void(0);">
										<span class="caret-icon pull-left"></span>
										{{ 'order.shipping_type.add_new_shipping_address'|trans }}</a>
								</div>
								<!--According-->
							</div>
						</div>

					</div>
					<!-- CONTENT -->
				</div>
			</div>
			<!-- END Shipping Method -->
			{% set section_counter = section_counter + 1 %}
		{% endif %}
	{% endif %}
	<!--- end shipping code --->
			
		<div class="prod-car-btns js-submit-transaction">
			{% if product_detail.price_type is defined and product_detail.price_type != 'call_for_price' and product_detail.pricing | length>0 %}

				{% if is_shipping_allow=="no" %}
					<a href="javascript:void(0)"  class="add-cart" style="background-color: #c92e4a;">Product Weight Missing.</a>
				{% else %}
					<a id="js-send-order-{{ type }}" href="javascript:void(0)"  class="add-cart" data-product-id="{{ product_detail.product_id }}"
					data-culture-product-id="{{ product_detail.culture_product_id }}"
					data-product-slug="{{ product_detail.basic_information.slug }}" data-by-pass="0">Add To Cart</a>

				{% endif %}

			{% else %}
				<a href="javascript:void(0)"  class="add-cart" >Call For Price</a>
			{% endif %}

			{# {% if is_shipping_allow=="no" %}
				<a href="javascript:void(0)"  class="add-cart" style="background-color: #c92e4a;">No FOB info.</a>
			{% else %}
				{% if product_detail.price_type is defined and product_detail.price_type != 'call_for_price' and product_detail.pricing | length>0 %}
				<a id="js-send-order-{{ type }}" href="javascript:void(0)"  class="add-cart" data-product-id="{{ product_detail.product_id }}"
				data-culture-product-id="{{ product_detail.culture_product_id }}"
				data-product-slug="{{ product_detail.basic_information.slug }}" data-by-pass="0">Add To Cart</a>
				{% else %}
				<a href="javascript:void(0)"  class="add-cart" >Call For Price</a>
				{% endif %}

			{% endif %}
			#}
			<div class="other-btns">
				Not Ready To Place Order? 
				<a href="javascript:void(0);" data-product-id="{{ product_detail.product_id }}"
				class="js-request-sample">Request Sample</a> or 
				<a href="javascript:void(0)" href="javascript:void(0);" data-product-id="{{ product_detail.product_id }}"
				class="js-request-ask-question">Ask Question</a>
			</div>
		</div>
	</div>
	<div class="add-product-icons-btn">
		{{include('OfficeBrainCustomBundleThemeBundle:IdmeTheme:ProductDetail/Elements/actionList.html.twig')}}
	 </div>
	{% endif %}



{% set section_counter = section_counter + 1 %}
{% endfor %}
{% endif %}
{% endif %}
<div class="clearfix"></div>
<!-- END Select Colors -->
{% endif %}



{# HERE_WE_CHANGE_CODE #}
{% block ajax_content %}


{% if "shipping_method" in allowed_section %}
{% if colorSection == 11 %}
<!-- Shipping Method -->
<div class="product-section-box">
	<div class="panel-group" id="{{ type }}-Shipping-method-quote" role="tablist" aria-multiselectable="true">
		<!-- HEADING -->
		<div class="panel-heading open" role="tab">
			<h2 class="panel-title heading-block">
				<i>{{ section_counter }}</i>
				{{ 'order.shipping_methoad'|trans }}
			</h2>
			<a class="js-add-class tab-quantity collapsed" data-toggle="collapse"
				data-parent="#{{ type }}-Shipping-method-quote" href="#Shipping-method-col" aria-expanded="true">
				<i class="caret-icon"></i>
			</a>
		</div>
		<!-- HEADING -->
		<!-- CONTENT -->
		<div id="Shipping-method-col" class="panel-collapse collapse" role="tabpanel">

			<div class="panel-body js-shippingMethod-section">
				<div class="shipping-method">
					<div class="col-lg-6 col-md-6 col-sm-5 col-xs-12">
						<div class="radio-but radio">
							<input type="radio" class="js_select_shipping_type"
								data-product-id="{{ product_detail.product_id }}" data-edit="{{ 0 }}"
								name="request_quote_shipping_type" value="standard" id="order_standard_shipping"
								data-order-type="{{ type }}" />
							<label class="lbl" for="order_standard_shipping">{{ 'order.standard_shipping'|trans
								}}</label>
						</div>
					</div>
					{% if "sample" not in allowed_section %}
					<div class="col-lg-6 col-md-6 col-sm-5 col-xs-12">
						<div class="radio-but radio">
							<input type="radio" class="js_select_shipping_type"
								data-product-id="{{ product_detail.product_id }}" data-edit="{{ 0 }}"
								name="request_quote_shipping_type" value="split" id="order_split_shipping" />
							<label class="lbl" for="order_split_shipping">{{ 'order.split_shipping'|trans }}</label>
						</div>
					</div>
					{% endif %}
					<div class="clearfix"></div>
					<!--According-->
					<input type="hidden" class="js_request_quote_shipping_counter" value="0">
					<div id="js_shipping_method" data-order-type="{{ type }}"></div>
					<div class="addnew-option-head js_rq_add_new_ship_address" style="display:none;" data-edit="{{ 0 }}"
						data-product-id="{{ product_detail.product_id }}">
						<a href="javascript:void(0);">
							<span class="caret-icon pull-left"></span>
							{{ 'order.shipping_type.add_new_shipping_address'|trans }}</a>
					</div>
					<!--According-->
				</div>
			</div>

		</div>
		<!-- CONTENT -->
	</div>
</div>
<!-- END Shipping Method -->
{% set section_counter = section_counter + 1 %}
{% endif %}
{% endif %}

{% if "speacial_instruction" in allowed_section %}


<div class="product-section-box hide">
	<div class="panel-group" id="  " role="tablist" aria-multiselectable="true">
		<!-- HEADING -->
		<div class="panel-heading" role="tab">
			<h2 class="heading-block"><i>{{ section_counter }}</i>
				{{ 'order.special_instructions'|trans }}
				<a class="js-add-class tab-quantity" data-toggle="collapse"
					data-parent="#product_detail_Special-Instructions-1" href="#product_detail_Special-Instructions-1"
					aria-expanded="true"><i class="caret-icon"></i></a>
		</div>
		<!-- HEADING -->
		<!-- CONTENT -->
		<div id="product_detail_Special-Instructions-1" class="panel-collapse collapse in" role="tabpanel" style=""
			aria-expanded="true">
			<div class="panel-body">
				<div class="special-instruction-textarea  js-specialInstruction-section">
					<textarea class="form-control" name="comment"
						placeholder="{{ 'order.print_position.fill_comments'|trans ({},'goldstar')}}"
						id="js_request_quote_instruction"></textarea>
				</div>
			</div>
		</div>
	</div>
</div>


{#
<!-- Special Instructions -->
<div class="product-section-box">
	<h2 class="heading-block">
		<i>{{ section_counter }}</i>
		{{ 'order.special_instructions'|trans }}
	</h2>

</div> #}
<!-- END Special Instructions -->
{% endif %}


<!-- Start of Preferred Distributor -->
{% if ob_project_transaction_configuration_rule.shopping_cart.preferred_distributor.status==1 %}
{% if ob_project_setting.user_id>0 %}
{% if ob_project_transaction_configuration_rule.shopping_cart.preferred_distributor.option.show==1 and
ob_project_user_setting.user_data.userType in
ob_project_transaction_configuration_rule.shopping_cart.preferred_distributor.option.user_type %}
{% set locatedDistId = ob_project_user_setting.user_data.locatedDistributorId %}
{% set locatedDistState = '' %}
{% set locatedDistEmail = NULL %}
{% for dist in all_distributor %}
{% if locatedDistId==dist.id %}
{% set locatedDistEmail = dist.firstName %}
{% endif %}
{% endfor %}
{% set section_counter = section_counter + 1 %}

<div class="product-section-box js-prefDist-section">

	<h2 class="heading-block">
		<i>{{ section_counter }}</i>
		{{ 'order.preferred_distributor'|trans }}
	</h2>
	<div class="row shipping-method">

		{% if ob_project_transaction_configuration_rule.shopping_cart.preferred_distributor.option.option.state==1 %}
		<div class="col-lg-6 col-md-12 col-sm-6 col-xs-12 radiobox shipping-col">
			<div class="row">
				<div class="col-lg-4 col-md-5 col-sm-5 col-xs-12">
					<p>{{ 'order.state'|trans }}
						:
					</p>
				</div>
				<div class="col-lg-8 col-md-6 col-sm-6 col-xs-12 shipping-select">
					<div class="">

						<select class="input js_state" tabindex="1" required="required" name="order[state]"
							id="order_state">
							<option value="">{{ 'order.select_state'|trans }}</option>
							{% for state in all_states %}
							<option value="{{ state.key }}" {% if locatedDistState==state.key %} selected="selected" {%
								endif %}>{{ state.value }}</option>
							{% endfor %}
						</select>

					</div>
				</div>
			</div>
		</div>
		{% endif %}

		{% if ob_project_transaction_configuration_rule.shopping_cart.preferred_distributor.option.option.distributor==1
		%}
		<div class="col-lg-6 col-md-12 col-sm-6 col-xs-12 radiobox shipping-col">
			<div class="row">
				<div class="col-lg-4 col-md-5 col-sm-5 col-xs-12">
					<p>{{ 'order.distributor'|trans }}
						:
					</p>
				</div>
				<div class="col-lg-8 col-md-6 col-sm-6 col-xs-12 shipping-select">
					<div class="">

						<select class="input js_distributor js_select_pref_distributor js_set_selected_pref_dist_value"
							tabindex="1" required="required" name="order[distributor]" id="order_distributor">
							<option value="">{{ 'order.select_distributor'|trans }}</option>
							{% for dist in all_distributor %}
							<option value="{{ dist.id }}" {% if locatedDistId==dist.id %} selected="selected" {% endif
								%}>{{ dist.firstName }}</option>
							{% endfor %}
						</select>

						</span>
					</div>
				</div>
			</div>
		</div>
		{% endif %}
	</div>
</div>

{% elseif ob_project_user_setting.user_data.userType in
ob_project_transaction_configuration_rule.shopping_cart.preferred_distributor.option.user_type %}
<input type="hidden" class="js_distributor js_select_pref_distributor js_set_selected_pref_dist_value"
	value="{{ locatedDistId }}" />

{% endif %}
{% else %}
{% if ob_project_transaction_configuration_rule.shopping_cart.preferred_distributor.option.show==1 %}

{% set locatedDistId = 0 %}
{% set locatedDistState = '' %}
{% set locatedDistEmail = NULL %}
{% set section_counter = section_counter + 1 %}

<div class="product-section-box js-prefDist-section">

	<h2 class="heading-block">
		<i>{{ section_counter }}</i>
		{{ 'order.preferred_distributor'|trans }}
	</h2>
	<div class="row shipping-method">

		{% if ob_project_transaction_configuration_rule.shopping_cart.preferred_distributor.option.option.state==1 %}
		<div class="col-lg-6 col-md-12 col-sm-6 col-xs-12 radiobox shipping-col">
			<div class="row">
				<div class="col-lg-4 col-md-5 col-sm-5 col-xs-12">
					<p>{{ 'order.state'|trans }}
						:
					</p>
				</div>
				<div class="col-lg-8 col-md-6 col-sm-6 col-xs-12 shipping-select">
					<div class="">
						<select class="input  js_state" tabindex="1" required="required" name="order[state]"
							id="order_state">
							<option value="">{{ 'order.select_state'|trans }}</option>
							{% for state in all_states %}
							<option value="{{ state.key }}" {% if locatedDistState==state.key %} selected="selected" {%
								endif %}>{{ state.value }}</option>
							{% endfor %}
						</select>
					</div>
				</div>
			</div>
		</div>
		{% endif %}

		{% if ob_project_transaction_configuration_rule.shopping_cart.preferred_distributor.option.option.distributor==1
		%}
		<div class="col-lg-6 col-md-12 col-sm-6 col-xs-12 radiobox shipping-col">
			<div class="row">
				<div class="col-lg-4 col-md-5 col-sm-5 col-xs-12">
					<p>{{ 'order.distributor'|trans }}
						:
					</p>
				</div>
				<div class="col-lg-8 col-md-6 col-sm-6 col-xs-12 shipping-select">
					<div class="">

						<select class="input  js_distributor js_select_pref_distributor js_set_selected_pref_dist_value"
							tabindex="1" required="required" name="order[distributor]" id="order_distributor">
							<option value="">{{ 'order.select_distributor'|trans }}</option>
							{% for dist in all_distributor %}
							<option value="{{ dist.id }}" {% if locatedDistId==dist.id %} selected="selected" {% endif
								%}>{{ dist.email }}</option>
							{% endfor %}
						</select>
					</div>
				</div>
			</div>
		</div>
		{% endif %}
	</div>
</div>

{% elseif ob_project_transaction_configuration_rule.shopping_cart.preferred_distributor.option.show==0 %}
<input type="hidden" class="js_distributor js_select_pref_distributor js_set_selected_pref_dist_value" value="{{ "
	locatedDistId"|getDistributorForHide }}" />
{% endif %}
{% endif %}{% endif %}

<!-- End of preffered distributor -->

<!-- Order Detail : {{ type }} -->
{% javascripts
'@OfficeBrainPageBundle/Resources/public/js/bundle/owl_carousel_slider.js'
%}
<script>
	$(function(){
		$('#custom_with_logo').on('click', function(){
		$('.select-imprint').show();
		$('#product_quantty').hide();
		$('#custom_with_logo').hide();
	  });
	  $('#back_to_product_quantty').on('click', function(){
		$('.select-imprint').hide();
		$('#product_quantty').show();
		$('#custom_with_logo').show();
	  });
	  
	})
</script>
<script src="{{ asset_url }}" type='text/javascript'></script>{% endjavascripts %}{% endblock
ajax_content %}{% endblock ajax_body %}