{% extends 'OfficeBrainCustomBundleThemeBundle:IdmeTheme:themeModalBase.html.twig' %}

{% block modal_extra_class %}{{ "modal-lg" }}{% endblock modal_extra_class %}

{% block modal_header_icon %}<i class="fa fa-shopping-cart"></i>{% endblock modal_header_icon %}
{% block modal_header_title %}{{ 'edit_cart.edit_cart_title' | trans }} {% endblock modal_header_title %}

{% block modal_body_extra_class %}{{ "product-detail-wrapper three-tab product-description ob-product-detail-page" }}{% endblock modal_body_extra_class %}

{% block modal_body %}
  {% set  price_type_from_api = 'decorative' %}
  <div id="style-1" class="scrollbar">
    <div class="row">
        <div class="js-product-transaction-box">
    		<div class=" col-lg-12 col-md-12 col-sm-12 col-xs-12 title-block js-product-transaction-box" {% if request_quote_session.culture is defined %}data-culture="{{ request_quote_session.culture }}"{% endif %}>
				<div class="row">
					<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 pull-right">
						<h1 class="heading-2">
							{% block cart_product_title_block %}
							{% endblock cart_product_title_block %}
						</h1>
					</div>
					<div class="skuprice">
						<div>
							{{ 'edit_cart.item_code'|trans({},'goldstar')}}: <span>{% block cart_product_sku_block %}{% endblock cart_product_sku_block %}</span>
						</div>
						{% if ob_project_transaction_configuration_rule.shopping_cart.product_detail_popup.option.product_rating.status==1 %}
						<div>REVIEWS</div>
						<div class="product-rating-top-blockc padding-left-0">
							<div class="rating">
								{% block cart_product_rating_block %}
								{% endblock cart_product_rating_block %}
							</div>
						</div>
						{% endif %}
					</div> 
					<div class="prod-det col-xs-12">
					   {{ include('OfficeBrainCustomBundleThemeBundle:IdmeTheme:ProductDetail/Elements/productTags.html.twig') }}
					   <div class="col-xs-12 padding-left-0">
                            <p>{{product_detail.basic_information.description| raw | nl2br }}</p>
                        </div>
                        {# Extract the product properties as variables started #}
                        {# <div class="col-xs-12 qty-price-block padding-left-0">
                        
                         {% set price_type = product_detail.price_type %}
                         {% if product_detail.variation_pricing_for_other_country is defined %}
                            {% set variation_pricing_for_other_country = product_detail.variation_pricing_for_other_country %}
                         {% endif %}
                         {% if product_detail.pricing_for_other_country is defined %}
                            {% set pricing_for_other_country = product_detail.pricing_for_other_country %}
                         {% endif %}
                         {% if product_detail.variation_pricing_country_available is defined %}
                            {% set variation_pricing_country_available = product_detail.variation_pricing_country_available %}
                         {% endif %}
                         {% if product_detail.country_available is defined %}
                            {% set country_available = product_detail.country_available %}
                         {% endif %}
                         {% if product_detail.product_id is defined %}
                            {% set product_id = product_detail.product_id %}
                         {% endif %}
                        
                                     
                        {% 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 %}
                        {% endif %}
                        <div class="clearfix"></div>
                        {{ include('OfficeBrainCustomBundleThemeBundle:IdmeTheme:ProductDetail/Elements/productPriceGrid.html.twig') }}
                    	</div>#}
                    {# Extract the product properties as variables ended #}
				</div>
                      
				</div>
				
				<div  id="product-configuration-model">
                    <div class="force-overflow js-force-overflow">
                    <!-- Start From Imprint Method First -->
                    	{% 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">
									<h2 class="heading-block"><i></i>{{"cart.which_imprint_method"|trans }}</h2>
										<div class="selection-common-box">
											{% for id,method in product_detail.imprint_methods %}
												{% set checked_method = '' %}
													{% for method_id,possion in imprint_method_position %}
														{% if id == method_id %}
															{% set imprint_method_id = id %}
															{% set checked_method = 'checked=checked' %}														
														{% endif %}
													{% endfor %}
													{% 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">
																{% block ajax_start_from_imprint_method %}																
																{% endblock ajax_start_from_imprint_method %}
														</div>
														</div>
													{% endif %}
												{% endfor %}
										</div>
									</div>
									<div class="clearfix"></div>
							{% endif %}
						{% endif %}
                    	<!-- End From Imprint Method First -->
                    
                        
                        <!-- Select Colors -->
                        {% set colorSection = 0 %}
                        {% set section_counter = 1 %}
                        {% set color_selected = 0 %}
                        {% if product_detail.attributes|length>0 %}
                        
                        {% 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-section-box">
								<h2 class="heading-block">
									<i>{{ section_counter }}</i>{#{ attr.label }#}{{ 'products_detail.color_lable'|trans ({},'goldstar') }}
								</h2>
							</div>
							{% set extra_color_selected = 1 %}
							{% set choose_color_section = 0 %}
							{% set display_main_title = 1 %}
							
							{% if color_info.is_trim_color == '1' and color_info_val.trim_color_val is defined and color_info_val.trim_color_val|length > 0 %}
								{% set color_section_title = 'trim_colors'|trans({},'goldstar') %}
								{% set color_array =  color_info_val.trim_color_val %}
								{% set color_class =  'trim_color_class' %}
								{% for attr in product_detail.attributes if attr.id == color_info.trim_color_id %}
									{% include ob_project_instance_theme_path~':'~ob_project_instance_theme~':Order/colorBoxAttrEditLayout.html.twig' %} 
								{% endfor %}
								{% set display_main_title = 0 %}
							{% endif %}
							
							{% if color_info.is_barrel_color == '1' and color_info_val.barrel_color_val is defined and color_info_val.barrel_color_val|length > 0 %}
								{% set color_section_title = 'barrel_colors'|trans({},'goldstar') %}
								{% set color_array =  color_info_val.barrel_color_val %}
								{% set color_class =  'barrel_color_class' %}
								{% for attr in product_detail.attributes if attr.id == color_info.barrel_color_id %}
									{% include ob_project_instance_theme_path~':'~ob_project_instance_theme~':Order/colorBoxAttrEditLayout.html.twig' %} 
								{% endfor %}
								{% set display_main_title = 0 %}
							{% endif %}
							
							{% if color_info.is_ink_color == '1' and color_info_val.ink_color_val is defined and color_info_val.ink_color_val|length > 0 %}
								{% set color_section_title = 'ink_colors'|trans({},'goldstar') %}
								{% set color_array =  color_info_val.ink_color_val %}
								{% set color_class =  'ink_color_class' %}
								{% for attr in product_detail.attributes if attr.id == color_info.ink_color_id %}
									{% include ob_project_instance_theme_path~':'~ob_project_instance_theme~':Order/colorBoxAttrEditLayout.html.twig' %} 
								{% endfor %}
								{% set display_main_title = 0 %}
							{% endif %}
                        
							<span style="display:none;">
							{% for attr in product_detail.attributes %}
								{% if attr.id=="10" %}
									{% set colorSection = 1 %}
	                    			{% block cart_product_details_attributes_other_color_block %}{% endblock cart_product_details_attributes_other_color_block %}
	                    		{% endif %}
	                    	{% endfor %}
							</span>
							{% set section_counter =  section_counter + 1 %}
							
                        {% else %}
                        	    {% for attr in product_detail.attributes %}
        							{% if attr.id=="10" %}
        								{% set colorSection = 1 %}
                            			{% block cart_product_details_attributes_block %}{% endblock cart_product_details_attributes_block %}
                            		{% endif %}
                            	{% endfor %}
                            {% set section_counter =  section_counter + 1 %}	
                        {% endif %}    
                        {% endif %}
                        <div class="clearfix"></div>
                        <!-- END Select Colors -->

                        <!-- Edit Detail Section -->
                        {% set unitPrice = 0 %}
                        {% set maxUnitPrice = product_detail.unit_price %}
                        {% if product_detail.pricing[order_type] | length > 0 %}
                        	{% for price in product_detail.pricing[order_type] %}
                        		{% if request_quote_session.total_qty >= price.from and request_quote_session.total_qty <= price.to %}
                        			{% set unitPrice = price.rate %}
                        		{% endif %}
                        	{% endfor %}
                        {% endif %}
                        {% if colorSection == 1 %}
                            <div class="product-qut-section">
                            	<!-- Size Quantity -->
								<div class="product-detils-title">
									2.  Select Quantity <span>(See how much you can save!)</span>
								</div>
								<div class="product-qut-main" >
									<div  id="product_quantty" >
										<div class="prod-qut-box" id="js_request_quote_qty_box">

											{% for key,color_detail in request_quote_session.color %}
												{% if color_detail.size is defined %}
													{% block cart_product_color_wise_qty_with_heading_block %}{% endblock cart_product_color_wise_qty_with_heading_block %}
												{% else %}
											        {% for attribute_val in product_detail.attributes %}
											            {% if attribute_val.id == request_quote_session.color_attr_id  %}
											                {% for k,attribute in attribute_val.values %}
											                    {% if(k == key[3:]) %}
											                        {% block cart_product_color_wise_qty_block %}{% endblock cart_product_color_wise_qty_block %}
											                    {% endif %}
											                {% endfor %}
											            {% endif %}
											        {% endfor %}
										        {% endif %}
										    {% endfor %}
										</div>
										<div class="pro-qut-size-box">
											<div class="product-qut-table">
												{% 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 %}
											</div>
										</div>
										<div class="prod-count-box">
											<div class="prod-count-info">
											<table>
												<tbody id="js-charges-main-html">
													<tr>
														<td><b>{{request_quote_session.total_qty}}</b> x ${{unitPrice}} ea:</td>
														<td>
														{% set total = request_quote_session.total_qty*unitPrice %}
														{% set maxtotal = request_quote_session.total_qty*maxUnitPrice %}
														${{total}}</td>
													</tr>
													<tr>
														<td><b>Total</b></td>
														<td>${{total}}</td>
													</tr>
												</tbody>
											</table>
											</div>
											{% set saving = maxtotal - total %}
											{% if saving > 0 %}
												<div class="prod-count-save">
												<b>Save $ <span id="js_saving_price">{{saving}}</span> </b> <br>
												with I.D. Me Promotions!
												</div>
											{% else %}
												<div class="prod-count-save hide">
												<b>Save $ <span id="js_saving_price">0.00</span> </b> <br>
												with I.D. Me Promotions!
												</div>
											{% endif %}
										</div>
										
									</div>
									 {% set section_counter =  section_counter + 1 %}
									<!-- END Size Quantity -->

									<!-- Print Position -->
                        <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>
								{% if product_detail.imprint_position_and_methods|length>0 %}
							    {% if ob_project_transaction_configuration_rule.shopping_cart.product_detail_popup.option.fax_proof.status==1 or ob_project_transaction_configuration_rule.shopping_cart.product_detail_popup.option.paper_proof.status==1 or ob_project_transaction_configuration_rule.shopping_cart.product_detail_popup.option.product_proof.status==1 or (request_quote_session.imprint is defined and request_quote_session.imprint!='null') %}
							            <!-- CONTENT -->
							            <div id="Request-quote-Print-position-block" class="panel-collapse in collapse" role="tabpanel">
							                <div class="panel-body">
							                    <div class="print-position">
							                        <div class="row">
							                            <div class="col-lg-12 col-md-12 col-sm-12 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>

							                                   {# {% if request_quote_session.imprint is defined and request_quote_session.imprint|length > 0 %}#}
							                                        {% block cart_product_imprint_method_block %}
							                                        	{% 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 %}
																			{% if divId != '' %} 
																				<div {{ divId }}>
																			{% endif %}	
																			{%  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 %}
																							{% set checked_position = '' %}
																							{% for method_id,possion in imprint_method_position %}
																								{% if key == possion %}
																									{% set checked_position = 'checked=checked' %}
																								{% endif %}
																							{% endfor %}
																							<div>
																							  <input {{ checked_position }} 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 %}
																					{% set checkedIm=0 %}
																					{% if request_quote_session.imprint is defined and request_quote_session.imprint|length > 0 %}
																				    {% for k,imprint_info  in request_quote_session.imprint %} 
							{# 																	            	{% include app.request.get('project_setting').instance_theme_path~':'~ app.request.get('project_setting').instance_theme ~':Order/cartProductImprintMethodRawLayout.html.twig' %}#}

			            	{% if imprint_method.id == k[3:]  %} 
			            		<div>
                                    <input 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 }}" checked="checked"/>
								    <label for="checkbox{{ imprint_method.id }}" class="css-label font-style-normal">{{ imprint_method.position_area }}</label>&nbsp;
								</div>
                            	{% set checkedIm=1 %}
                            {% endif %}
			            {% endfor %}
			            {% endif %}
				        {% if checkedIm!=1 %} 
				            	<div>
                                <input 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>&nbsp;
								</div>
                            {% endif %}
						{% endif %}	
						{% endfor %}
						{% if divId != '' %}
							</div>
						{% endif %}	
                    {% endblock cart_product_imprint_method_block %}
                {# {% endif %}#}
            </div>
        </div>
    </div>
</div>

							                    <!--According-->
							                    <div id="js_imprint_request_quote" {{ request_quote_session.imprint is defined and (request_quote_session.imprint|length > 0) ? 'style="display:block"' : '' }}>
							                        {% if request_quote_session.imprint is defined and request_quote_session.imprint|length > 0 %}
							                            {% block cart_product_imprint_location_block %}
							                                 {%  for key,imprint_method in product_detail.imprint_position_and_methods %}
							                                    {%  for k,imprint_info  in request_quote_session.imprint %}
							                                        {% if ob_project_transaction_configuration_rule.shopping_cart.start_from_imprint_method.status==0  %}
							                                            {% if imprint_method.id == k[3:]  %}               
							                                                {% render url('office_brain_orderbundle_order_editimprintlocation', { 'product_id': product_detail.product_id,'imprint_location_id' : imprint_method.id, '_locale' : app.request.locale, 'imprint_info' : imprint_info }) %}
							                                            {% endif %}
							                                        {% else %}
							                                            {% if imprint_method.id == imprint_info.imprint_method_id %}
							                                                {% for position_id,pos_info in imprint_method.position_area %}
							                                                    {% if position_id == k[3:] %}
							                                                        {% render url('office_brain_orderbundle_order_editimprintlocation_start_imprint_method', { 'product_id': product_detail.product_id,'imprint_location_id' : position_id, '_locale' : app.request.locale, 'imprint_info' : imprint_info, 'imprint_method_id' : imprint_method.id }) %}
							                                                    {% endif %}
							                                                {% endfor %}
							                                            {% endif %} 
							                                        {% endif %}    
							                                    {% endfor %}
							                                {% endfor %}
							                            {% endblock cart_product_imprint_location_block %}
							                        {% endif %}
							                    </div>
							                    <!--According-->

							                    {% if ob_project_transaction_configuration_rule.shopping_cart.product_detail_popup.option.fax_proof.status==1 or ob_project_transaction_configuration_rule.shopping_cart.product_detail_popup.option.paper_proof.status==1 or ob_project_transaction_configuration_rule.shopping_cart.product_detail_popup.option.product_proof.status==1 %}
							                        <div class="optional-col-panel js-printPositionProof-section displaynone">
							                            {% if ob_project_transaction_configuration_rule.shopping_cart.product_detail_popup.option.fax_proof.status==1 %}
							                                <div class="checkbox">
							                                    {% block cart_product_fax_proof_block %}
							                                    	<input id="fax-proof" class="css-checkbox js-proof-checkbox js_proof_fax" name="print_position_fax_proof" type="checkbox" {{ (request_quote_session.fax_proof.status is defined and request_quote_session.fax_proof.status == 1) ? 'checked=checked' : '' }}>
							                                    {% endblock cart_product_fax_proof_block %}
							                                    <label for="fax-proof" class="css-label font-style-normal js_proof_fax_label">{{ 'request_quote.print_position.fax_proof'|trans }}</label>
							                                </div>
							                                <div class="email-address-col js-email-address-col" {{ (request_quote_session.fax_proof.status is defined and request_quote_session.fax_proof.status == 1) ? 'style="display:block"' : '' }}>
							                                    <label>{{ 'request_quote.print_position.fax_no'|trans }}<span class="pink">*</span></label>
							                                    <div class="email-col">
							                                        {% block cart_product_fax_number_block %}
							                                        	<input type="text" placeholder="{{ 'request_quote.print_position.fax_number'|trans }}" name="print_position_fax_proof_no" id="js-print-position-fax-proof-no" value ="{{ (request_quote_session.fax_proof.fax_no is defined) ? request_quote_session.fax_proof.fax_no : '' }}" class="js-phone" autocomplete="off" />
							                                        {% endblock cart_product_fax_number_block %}
							                                    </div>
							                                </div>
							                            {% endif %}
							                        </div>

													{# {% if ob_project_transaction_configuration_rule.shopping_cart.product_detail_popup.option.paper_proof.status==1 %}
							                        <div class="optional-col spacing">
							                            <div class="checkbox">
							                                {% block cart_product_paper_proof_block %}
							                                	<input id="paper-proof" class="css-checkbox  js-proof-checkbox js_proof_paper" name="print_position_paper_proof" type="checkbox" {{ (request_quote_session.paper_proof.status is defined and request_quote_session.paper_proof.status == 1) ? 'checked=checked' : '' }}>
							                                {% endblock cart_product_paper_proof_block %}
							                                <label for="paper-proof" class="css-label font-style-normal js_proof_paper_label">{{ 'request_quote.print_position.paper_proof'|trans({},'goldstar') }}</label>
							                            </div>
							                            <div class="email-address-col js-email-address-col" {{ (request_quote_session.paper_proof.status is defined and request_quote_session.paper_proof.status == 1) ? 'style="display:block"' : '' }}>
							                                <div class="email-col">
							                                    {% block cart_product_paper_proof_email_block %}
							                                    	<input type="text" placeholder="{{ 'request_quote.print_position.enter_email_address'|trans({},'goldstar') }}" name="print_position_paper_proof_email" id="print_position_paper_proof_email" value="{{ (request_quote_session.paper_proof.email is defined) ? request_quote_session.paper_proof.email : '' }}" />
							                                    {% endblock cart_product_paper_proof_email_block %}
							                                </div>
							                            </div>
							                        </div>
							                        {% endif %}

													{% if ob_project_transaction_configuration_rule.shopping_cart.product_detail_popup.option.product_proof.status==1 %}
							                        <div class="optional-col spacing">
							                            <div class="checkbox">
							                                {% block cart_product_proof_block %}
							                                	<input id="product-proof" class="css-checkbox js_proof_product" name="print_position_product_proof" type="checkbox" {{ (request_quote_session.product_proof.status is defined and request_quote_session.product_proof.status == 1) ? 'checked=checked' : '' }}>
							                                {% endblock cart_product_proof_block %}
							                                <label for="product-proof" class="css-label font-style-normal js_product_proof_label">{{ 'request_quote.print_position.product_proof'|trans ({},'goldstar')}}</label>
							                            </div>
							                            <div class="note-col pull-left email">
							                              <em class="grey">{{ 'order.print_position.note'|trans }}:</em> <i>{{ 'order.print_position.see_extra_charge_firsttxt'|trans  ({},'goldstar') }}</i><a href="javascript:void;">{{ 'order.print_position.see_extra_charge_middlettxt'|trans  ({},'goldstar') }}</a>{{ 'order.print_position.see_extra_charge_lasttxt'|trans  ({},'goldstar') }}
							                            </div>
							                        </div>
							                        {% endif %}
							                        #}

							                        <div class="clearfix"></div>
							                    {% endif %}
							                </div>
							            </div>
							            <!-- CONTENT -->
							        
							    {% set section_counter =  section_counter + 1 %}
							    {% endif %}
							{% endif %}
							<!-- END Print Position -->
							</div>
							
							<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>

						</div>	

                        {% 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 %}

						<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>

						<!-- Shipping Method -->
                        {% if allowed_section is defined and "shipping_method" in allowed_section %}
                            {% if colorSection == 1 %}
                                <div class="product-section-box">
                                    <div class="panel-group" id="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>{{ 'request_quote.shipping_method'|trans ({},'goldstar') }}
                                            </h2>
                                            <a class="js-add-class tab-quantity" data-toggle="collapse" data-parent="#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">
                                                <div class="shipping-method">
                                                	{% if ob_project_transaction_configuration_rule.shopping_cart.product_detail_popup.option.shipping.status == 1 and ob_project_transaction_configuration_rule.shopping_cart.product_detail_popup.option.shipping.option.standard_shipping.status == 1 %}
    	                                                <div class="col-lg-6 col-md-6 col-sm-5 col-xs-12">
    	                                                    <div class="radio-but radio">
    	                                                        {% block cart_product_standard_shipping_block %}
    	                                                        	<input type="radio" class="js_select_shipping_type" data-product-id="{{ product_detail.product_id }}" data-edit="{{ 1 }}" name="request_quote_shipping_type" value="standard" {{ (request_quote_session.shipping_method.shipping_type is defined and request_quote_session.shipping_method.shipping_type == 'standard') ? 'checked="checked"' : '' }} id="order_standard_shipping"/>
    	                                                        {% endblock cart_product_standard_shipping_block %}
    	                                                        &nbsp;<label class="lbl" for="order_standard_shipping">{{ 'request_quote.standard_shipping'|trans }}</label>
    	                                                    </div>
    	                                                </div>
    	                                            {% endif %}
                                                    {% if ob_project_transaction_configuration_rule.shopping_cart.product_detail_popup.option.shipping.status == 1 and ob_project_transaction_configuration_rule.shopping_cart.product_detail_popup.option.shipping.option.split_shipping.status == 1 %}
    	                                                <div class="col-lg-6 col-md-6 col-sm-5 col-xs-12">
    	                                                    <div class="radio-but radio">
    	                                                        {% block cart_product_split_shipping_block %}
    	                                                        	<input type="radio" class="js_select_shipping_type" data-product-id="{{ product_detail.product_id }}" data-edit="{{ 1 }}" name="request_quote_shipping_type" value="split" {{ (request_quote_session.shipping_method.shipping_type is defined and request_quote_session.shipping_method.shipping_type == 'split') ? 'checked="checked"' : '' }}  id="order_split_shipping"/>
    	                                                        {% endblock cart_product_split_shipping_block %}
    	                                                        &nbsp;<label class="lbl" for="order_split_shipping">{{ 'request_quote.split_shipping'|trans }}</label>
    	                                                    </div>
    	                                                </div>
    	                                            {% endif %}    
                                                    <div class="clearfix"></div>
                                                    <!--According-->
                                                    <input type="hidden" class="js_request_quote_shipping_counter" value="{{ (request_quote_session.shipping_method.shipping_detail is defined and request_quote_session.shipping_method.shipping_detail|length > 0) ? request_quote_session.shipping_method.shipping_detail|length : 0 }}">
    
                                                    <div id="js_shipping_method" {{ (request_quote_session.shipping_method.shipping_detail is defined and request_quote_session.shipping_method.shipping_detail|length > 0) ? 'style="display:block"' : '' }}>
                                                        {% if request_quote_session.shipping_method.shipping_detail is defined and request_quote_session.shipping_method.shipping_detail|length > 0 %}
                                                            {% block cart_product_edit_shipping_type_block %}
    														    {% for index, shipping_detail_info in request_quote_session.shipping_method.shipping_detail %}
    
    																{% if app.user %}														    
    														        	{% render(controller('OfficeBrainOrderBundle:Order:editSelectShippingType',{ '_locale' : app.request.locale, 'shipping_detail_info' : shipping_detail_info , 'color_quantity' : shipping_detail_info.color_quantity , 'shipping_type' : request_quote_session.shipping_method.shipping_type, 'shipping_counter':index,'product_id' : product_detail.product_id })) %}
    														        {% else %}
    														        	{% render(controller('OfficeBrainOrderBundle:Order:editSelectShippingType',{ '_locale' : app.request.locale, 'shipping_detail_info' : shipping_detail_info , 'color_quantity' : shipping_detail_info.color_quantity , 'shipping_type' : request_quote_session.shipping_method.shipping_type, 'shipping_counter':index,'product_id' : product_detail.product_id, 'cart_item_adress': request_quote_session.guest_shipping_detail })) %}
    														        {% endif %}	
    														    {% endfor %}
    														{% endblock cart_product_edit_shipping_type_block %}
                                                            
                                                        {% endif %}
                                                    </div>
                                                    <div class="addnew-option-head js_rq_add_new_ship_address" {{ (request_quote_session.shipping_method.shipping_detail is defined and request_quote_session.shipping_method.shipping_type=="split" and request_quote_session.shipping_method.shipping_detail|length > 0) ? 'style="display:block"' : 'style="display:none"' }} data-edit="{{ 1 }}" data-product-id="{{ product_detail.product_id }}"><a href="javascript:void(0);">{{ 'request_quote.shipping_type.add_new_shipping_address'|trans }} {#}<span class="caret-icon pull-right"></span>{#}</a></div>
                                                    <!--According-->
                                                </div>
                                            </div>
                                        </div>
                                        <!-- CONTENT -->
                                    </div>
                                </div>
                                {% set section_counter = section_counter + 1 %}
                            {% endif %}
                        {% endif %}
                        <!-- END Shipping Method -->
								</div>	
								
							</div>
                           
                        {% endif %}
                        
                        <!-- End Edit Detail Section -->

                        <!-- Special Instructions -->
                        <div class="product-section-box hide">
                            <h2 class="heading-block"><i>{{ section_counter }}</i>{{ 'request_quote.special_instructions'|trans }}</h2>
                            <div class="special-instruction-textarea">
								{% block cart_product_special_instruction_block %}
									<textarea name="comment" placeholder="{{ 'request_quote.fill_comment'|trans }}" id="js_request_quote_instruction">{{ (request_quote_session.special_instruction is defined) ? request_quote_session.special_instruction : '' }}</textarea>
								{% endblock cart_product_special_instruction_block %}
                            </div>
                        </div>
                        <!-- END Special Instructions -->
                        
                        <!-- 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 = (request_quote_session.pref_state is defined) ? request_quote_session.pref_state : '' %}
                                    {% 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.id|getDistributorCompanyName }}</option>
                                                                        {% endfor %}
                                                                    </select>
                                                                    
                                                                </span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            {% endif %}
                                        </div>
                                  </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"|getDistributorForHide }}" />
                                {% 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.id|getDistributorCompanyName }}</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 -->
                        <!-- BUTTONS -->
                       <div class="product-section-box">
                            <div class="text-right pull-right js-submit-transaction">
                            	<a href="javascript:void(0)" class="small-but btn-default" id="js-send-order-edit" data-cart-id="{{ cart_id }}" 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-order-type="{{ price_type_from_api }}"><i class="fa fa-shopping-cart"></i>{{ 'update'|trans({},'goldstar') }}</a>
                                <a class="small-but btn-default js_close_model pull-left" href="javascript:void(0)">Cancel</a>
                            </div>
                        </div>
                        <!-- END BUTTONS -->
                    </div>
                </div>
            </div>
        </div>
    </div>
     <!-- Modal -->
	 <div class="modal fade" id="questions_about_your" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
	    <div class="modal-dialog" role="document">
	      <div class="modal-content">
	        <div class="modal-body questions_about_modal">
	          <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
	          <div class="about-modal-title">
	            Questions About Your Artwork? <br>
	            <span>Get your promos fast and easy!</span>
	          </div>
	          <div class="about-modal-contact">
	            <span>
	              <strong><u>Is your artwork ready?</u></strong>
	              You can upload your artwork file(s) at checkout.
	            </span>
	            <span>
	              <strong><u>Is your artwork NOT ready?</u></strong>
	              Don’t worry!  You will have the option to select "contact me later for my artwork" at checkout.
	            </span>
	            <span>
	              <strong><u>Can I see a mockup before production ?</u></strong>
	              To help you get what you expect, we will email a digital mockup to you after checkout.  Your credit card will not be charged until we receive your approval of the mockup.
	            </span>
	          </div>
	        </div>
	      </div>
	    </div>
	  </div>
    <script type="text/javascript">
    // Note by 5058: following script added to reflect summary , when upload artwork and typetext tab is clicked and when type text is changed (ie. on keyup event)
	$( document ).ready(function() {

	$(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();
	  });
	  
	})
	
	var productId= $(".js_add_imprint_location_request_quote:checked").data("product-id");
	var imprintLocation= $(".js_add_imprint_location_request_quote:checked").val();
	//userTransaction.updateImprintSummaryBox(productId,imprintLocation);	


	   $('.option-head a').not('.remove-add').click(function (e) {
		   e.stopImmediatePropagation();
	       $(this).parent().next().slideToggle(400);
	       $(this).parent().parent().toggleClass('in');
	   }); 
	});
	var nowDate = new Date();
	var today = new Date(nowDate.getFullYear(), nowDate.getMonth(), nowDate.getDate(), 0, 0, 0, 0);
	$('.date').each(function(){
	    $(this).datetimepicker({
			format: 'MM/dd/yyyy',
			pickTime: false,
			startDate: today
			}).on('changeDate', function(e){
				var total_cnt = $('.date').length;
				for(var i=0;i < total_cnt; i++){
					var cnt = $('#js_rq_ship_handdate_'+i).data('shipping-counter');
					var selectedDt = $('#js_rq_ship_handdate_'+i).val();
					$('.js_summary_ship_method_'+cnt+ ' .js_rq_select_ship_handdate').html(' : '+selectedDt);
				}
				$(this).datetimepicker('hide');
			});
	});
    </script>
	{% if size_allow == 1 and sizeArray|length>0  and colorArray|length>0 %}
		<script type="text/javascript">
			$( document ).ready(function() {		
				var quantitytotalWidth = 0;
				 $('.js-quantity-section .quantity-table .quantity-size:nth-child(2) li').each(function() { quantitytotalWidth += jQuery(this).outerWidth()+8; });
				 $('.js-quantity-section .quantity-table div').css({'width':quantitytotalWidth});
				 $('.js-quantity-section .quantity-table').css({'overflow-x':'auto', 'width':'100%'});	
				 $('.quantity-table .quantity-size').css({'width':'102%'});   
			});
		</script>
	{% endif %}
	
	{% javascripts
	'@OfficeBrainPageBundle/Resources/public/js/bundle/owl_carousel_slider.js'
	%}
	<script src="{{ asset_url }}" type='text/javascript'></script>
	{% endjavascripts %}
	
{% endblock modal_body %}