{% extends '::adminBaseAjax.html.twig' %} {% block ajax_body %}
<div aria-hidden="true" role="dialog" tabindex="-1"
	id="edit-product-modal" class="edit-product-modal model-popup-black">
	<div class="modal-dialog modal-lg">
		<div class="modal-content">
			<a href="#" class="close" data-dismiss="modal" aria-label="Close">&times;</a>
			<div class="modal-header">
				<h1 class="modal-title">
					<i class="fa fa-comment quote-icon"><span>,,</span></i> {{
					'admin.quote_info.quote_update_quote' | trans }}
				</h1>
			</div>
			<div class="modal-body product-detail-wrapper ob-product-detail-page">
				<div class="title-block">
					<div class="row">
						<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12 pull-left">
							<h1 class="heading-2">{{ product_detail.basic_information.title
								}}</h1>
						</div>
						<div class="skuprice pull-right">
							<div>
								{{ 'search.item_code'|trans({},'app')}} : <span>{{
									product_detail.basic_information.sku_number }}</span>
							</div>
							{#<div>{{ 'products_detail.ex_vat'|trans }}:
							<span>sp2007</span></div> #}
							{% if ob_project_transaction_configuration_rule.quote.product_detail_popup.option.product_rating.status==1 %}
							<div class="product-rating-top-block">
								<div class="rating">{{ product_detail.rating|rating|raw }}</div>
							</div>
							{% endif %}
						</div>
					</div>
				</div>
				<div class="row">
					<div class="">
						<div class="col-lg-5 col-md-6 col-sm-6 right-border">
							<div class="product-section-box">
								<div aria-multiselectable="true" role="tablist"
									id="Quantity-quote" class="panel-group">
									<!-- HEADING -->
									<div role="tab" class="panel-heading open">
										<h2 class="panel-title heading-block no-tag">{{
											'admin.quote_info.quote_summary' | trans }}</h2>
										<a aria-expanded="true" href="#Quantity-quote-block"
											data-parent="#Quantity-quote" data-toggle="collapse"
											class="js-add-class tab-quantity"><i class="caret-icon"></i></a>
									</div>
									<!-- HEADING -->
									<!-- CONTENT -->
									<div role="tabpanel" class="panel-collapse collapse in"
										id="Quantity-quote-block" style="">
										<div class="panel-body">
											<div class="estimate-detail product-decoration-table">
												<div class="scrollbar" id="style-1">
													<div class="force-overflow" id="js_product_summary"></div>
												</div>
												{#<div class="estimate-tag-block">
													<div class="estimate-row heading">
														<span>{{ 'admin.quote_info.quote_additional_charges' |
															trans }}</span>
													</div>
													<div class="row">
														<div class="col-lg-12 additional-change-left">Kr.5.00 Up
															Charges&nbsp; | &nbsp;Kr.75.00 Setup Fee&nbsp; | &nbsp;2x
															Kr.2.00 PMS Charges</div>
														<div class="col-lg-12 additional-change-right">
															<p>
																<span>Note:</span> that stated prices exclude VAT and
																delivery. If you change Country price will be vary.
															</p>
														</div>
													</div>
												</div>
												<div class="estimate-totle-block">

													<div class="row">
														<div class="col-lg-12">
															<table class="estimate-sub-table responsive">
																<tbody>
																	<tr>
																		<td><span>{{ 'admin.quote_info.quote_quantity' | trans
																				}}</span>3300</td>
																		<td><span>{{ 'admin.quote_info.quote_sub_total' |
																				trans }}</span>Kr. 21914.00</td>
																		<td class="estimate-sub-totle"><h4>{{
																				'admin.quote_info.quote_total_price' | trans }} :</h4>
																			<h5>Kr. 21998.00</h5></td>
																	</tr>
																</tbody>
															</table>
														</div>
													</div>
												</div> #}
											</div>
											<!-- CONTENT -->
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="col-lg-7 col-md-6 col-sm-6">
							<div class="scrollbar" id="product-configuration-model">
								<div class="force-overflow">

									<!-- Start Quantity Price -->
									{% block ajax_quantity_box %} {% 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 %} {%
									include
									ob_project_instance_theme_path~':'~ob_project_instance_theme~':ProductDetail/Elements/quantityWisePricePanel.html.twig'
									with {'show_heading':true ,
									'price_array_type':price_type_from_api, 'price_type' :
									product_detail.price_type ,'price_array':product_detail.pricing
									} %}
									<div class="clearfix"></div>
									{% endblock ajax_quantity_box %}
									<div class="clearfix"></div>
									<!-- END Quantity Price -->


									<!-- Select Colors -->
									{% set colorSection = 0 %}
									{% set section_counter = 1 %}
									{% set color_selected = 0 %}
									{% if product_detail.attributes|length>0 %}
										{% for attr in product_detail.attributes %} 
											{% if attr.id=="10" %} 
												{% set colorSection = 1 %}
											

												<div class="product-section-box">
													<h2 class="heading-block">
														<i>{{ section_counter }}</i>{{ 'products_detail.color_lable'|trans ({},'goldstar') }}
													</h2>
													<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 %}
															<div  class="item color-item-slide" style="background-image:url('{{ color_image_base_url~index~'.jpg' }}');">
																<input class="js_request_quote_color_chk_{{ attr.id }}_{{ index }}" id="request_quote_color_{{ attr.id }}_{{ index }}" type="checkbox" name="lists[request_quote_color]" value="{{ index }}" />
																<label class="js-color-selector" title="{{ color }}" for="request_quote_color_{{ attr.id }}_{{ index }}"  data-attribute-id="{{ attr.id }}" data-attribute-value-id="{{ index }}" data-product-id="{{ product_detail.product_id }}"></label>
															</div>
														{% endfor %}
													</div>
												</div>
												{% set section_counter = section_counter + 1 %}
											{% endif %}
										{% endfor %}
									{% endif %}
									<div class="clearfix"></div>
									<!-- END Select Colors -->


									<!-- Size Quantity -->
									{% if colorSection == 1 %}
									<div class="product-section-box">
										<div class="panel-group" id="Request-quote-Quantity"
											role="tablist" aria-multiselectable="true">
											<!-- HEADING -->
											<div class="product-section-box " role="tab">
												<h2 class="panel-title heading-block">
													<i>{{ section_counter }}</i>{{
													'request_quote.quantity'|trans }}
												</h2>
												<a
													class="caret-icon js-add-class tab-quantity"
													data-toggle="collapse"
													data-parent="#Request-quote-Quantity"
													href="#Request-quote-Quantity-block" aria-expanded="true"></a>
											</div>
											<!-- HEADING -->
											<!-- CONTENT -->
											<div id="Request-quote-Quantity-block"
												class="panel-collapse collapse in js-quantity-section"
												role="tabpanel">
												<div class="panel-body">
													<div class="quantity-table additional-table">
														<div id="js_request_quote_qty_box"></div>
													</div>
												</div>
											</div>
											<!-- CONTENT -->
										</div>
									</div>
									{% set section_counter = section_counter + 1 %} {% endif %}
									<!-- END Size Quantity -->


									<!-- Print Position --> 
									
									{% if (ob_project_transaction_configuration_rule.quote.product_detail_popup.option.imprint_section.option.guest_user.status==1 and ob_project_setting.user_id == 0 )
										or (ob_project_transaction_configuration_rule.quote.product_detail_popup.option.imprint_section.option.register_user.status==1 and ob_project_setting.user_id > 0) 
										or (ob_project_setting.configuration_rule.transaction.quote.product_detail_popup.option.imprint_section.option.register_user.ignore_section_status_n_validation==1 and ob_project_setting.configuration_rule.transaction.quote.product_detail_popup.option.imprint_section.option.register_user.status==0)
										or (ob_project_setting.configuration_rule.transaction.quote.product_detail_popup.option.imprint_section.option.guest_user.ignore_section_status_n_validation==1 and ob_project_setting.configuration_rule.transaction.quote.product_detail_popup.option.imprint_section.option.guest_user.status==0)
									%}		
										{% if product_detail.imprint_position_and_methods|length>0 %}
												<div class="product-section-box">
													<div class="panel-group" id="Request-quote-Print-position" role="tablist" aria-multiselectable="true">
														<!-- HEADING -->
														<div class="panel-heading" role="tab">
															<h2 class="panel-title heading-block">
																<i>{{ section_counter }}</i>{{ 'request_quote.print_position.title' | trans ({},'goldstar') }}
															</h2>
															<a class="js-add-class tab-quantity collapsed" data-toggle="collapse" data-parent="#Request-quote-Print-position" href="#Request-quote-Print-position-block" aria-expanded="true">
																<i class="caret-icon"></i>
															</a>
														</div>
														<!-- HEADING -->
														
														<!-- CONTENT -->
														<div id="Request-quote-Print-position-block" class="panel-collapse collapse" role="tabpanel">
															<div class="panel-body js-printPosition-section">
																<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>{{ 'order.print_position.where_printed'|trans ({},'goldstar') }}</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 %}
																				{%  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 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 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>
																		</div>
																	</div>
																</div>
																
																<!--According-->
																<div id="js_imprint_request_quote"></div>
																<!--According-->
																
																{% if ob_project_transaction_configuration_rule.quote.product_detail_popup.option.fax_proof.status==1 or ob_project_transaction_configuration_rule.quote.product_detail_popup.option.paper_proof.status==1 or ob_project_transaction_configuration_rule.quote.product_detail_popup.option.product_proof.status==1 %}
																
																<div class="optional-panel optional-col-panel proof-box js-printPositionProof-section">
																    <span class="proof">Do You need a proof?</span>
																    <div class="optional-col spacing">
																        <div class="col-xs-12 upload-logo pull-left radio">
																            <input type="radio" id="upload5" name="radio_print_proof" value="none" data-label="" checked="checked" /> <label for="upload5">I don't need a proof</label>
																        </div>
																    </div>
																    <div class="optional-col spacing">
																        <div class="col-xs-12 upload-logo pull-left radio">
																            <input type="radio" id="upload6" name="radio_print_proof" data-label="js_proof_paper_label" value="print_position_paper_proof" class="js-proof-checkbox js_proof_paper" {{ (request_quote_session.paper_proof.status is defined and request_quote_session.paper_proof.status == 1) ? 'checked=checked' : '' }} /> <label for="upload6">Email me a PDF proof</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;"' : 'style="display: none;"' }}>
																            {#}<label>{{ 'request_quote.print_position.email'|trans }}<span
																            class="pink">*</span></label>{#}
																            <div class="email-col">
																                <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 : '' }}" />
																            </div>
																            <div class="note-col">
																                {#}<em class="pink">{{ 'request_quote.print_position.note'|trans
																                }}:</em> {#}<i>{{ 'request_quote.print_position.paper_proof_note'|trans({},'goldstar') }}</i>
																            </div>
																        </div>
																    </div>
																    <div class="optional-col spacing">
																        <div class="col-xs-12 upload-logo pull-left radio">
																        	<input type="radio" id="upload7" name="radio_print_proof" data-label="js_product_proof_label" value="print_position_product_proof" {{ (request_quote_session.product_proof.status is defined and request_quote_session.product_proof.status == 1) ? 'checked=checked' : '' }}> 
																            <label for="upload7">Send me a pre production sample <a class="other-color pull-right" href="javascript:void(0)"><i class="fa fa-question-circle"></i></a></label>
																        </div>
																        <div class="note-col pull-left email">
																            <em class="grey">Note:</em> Extra Charges may apply <a href="#">Click here</a> for details
																        </div>
																    </div>
																    <div class="clearfix"></div>
																</div>
																
																<div class="optional-panel optional-col-panel js-printPositionProof-section" style="display: none;">
																	{% if ob_project_transaction_configuration_rule.quote.product_detail_popup.option.fax_proof.status==1 %}
																	<div class="optional-col spacing">
																		<div class="checkbox">
																			{% block quote_product_info_fax_proof %}
																			{% endblock quote_product_info_fax_proof %} 
																			<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" >
																			<label>{{ 'request_quote.print_position.fax_no'|trans }}<span class="pink">*</span></label>
																			<div class="email-col">
																				{% block quote_product_info_fax_number %}
																				{% endblock quote_product_info_fax_number %} 
																			</div>
																		</div>
																	</div>
																	{% endif %}
																	{% if ob_project_transaction_configuration_rule.quote.product_detail_popup.option.paper_proof.status==1 %}
																	<div class="optional-col">
																		<div class="checkbox">
																			{% block quote_product_info_paper_proof %}
																			{% endblock quote_product_info_paper_proof %}
																			<label for="paper-proof" class="css-label font-style-normal js_proof_paper_label">{{ 'request_quote.print_position.paper_proof'|trans }}</label> 
																		</div>
																		<div class="email-address-col js-email-address-col" >
																			<label>{{ 'request_quote.print_position.email'|trans }}<span class="pink">*</span></label>
																			<div class="email-col">
																				{% block quote_product_info_paper_proof_email %}
																				{% endblock quote_product_info_paper_proof_email %}
																			</div>
																			<div class="note-col">
																				<em class="pink">{{ 'request_quote.print_position.note'|trans }}:</em> <i>{{ 'request_quote.print_position.paper_proof_note'|trans }}</i>
																			</div>
																		</div>
																	</div>
																	{% endif %}
																	{% if ob_project_transaction_configuration_rule.quote.product_detail_popup.option.product_proof.status==1 %}
																	<div class="optional-col">
																		<div class="checkbox">
																			{% block quote_product_info_product_proof %}
																			{% endblock quote_product_info_product_proof %}
																			<label for="product-proof" class="css-label font-style-normal js_product_proof_label">{{ 'request_quote.print_position.product_proof'|trans }}</label>
																		</div>
																		<div class="note-col">
																			<em class="pink">{{ 'request_quote.print_position.note'|trans }}:</em> <i>{{ 'request_quote.print_position.see_extra_charge'|trans }}
																			</i>
																		</div>
																	</div>
																	{% endif %}
																	<div class="clearfix"></div>
																</div>
																{% endif %}
															</div>
														</div> 
														<!-- CONTENT -->
													</div>
												</div>
					                                   {% set section_counter =  section_counter + 1 %}
													{% endif %}
											{% endif %}			  
										<!-- END Print Position -->



								<!-- Shipping Method -->
								{% if (ob_project_setting.configuration_rule.transaction.quote.product_detail_popup.option.shipping_section.option.guest_user.status==1 and ob_project_setting.user_id == 0 )
									or (ob_project_setting.configuration_rule.transaction.quote.product_detail_popup.option.shipping_section.option.register_user.status==1 and ob_project_setting.user_id > 0) %}		
										{% if colorSection == 1 %}
												<div class="product-section-box">
													<div class="panel-group" id="Shipping-method-quote"
														role="tablist" aria-multiselectable="true">
														<!-- HEADING -->
														<div class="product-section-box" role="tab">
															<h2 class="panel-title heading-block">
																<i>{{ section_counter }}</i>{{
																'request_quote.shipping_methoad'|trans }}
															</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">
																<div class="shipping-method">
																	<div class="col-lg-4 col-md-6 col-sm-5 col-xs-12">
																		<div class="radio-but">
																			<input type="radio" class="js_select_shipping_type"
																				data-product-id="{{ product_detail.product_id }}"
																				name="request_quote_shipping_type" value="standard" />
																			<label class="lbl">{{
																				'request_quote.standard_shipping'|trans }}</label>
																		</div>
																	</div>
																	<div class="col-lg-4 col-md-6 col-sm-5 col-xs-12">
																		<div class="radio-but">
																			<input type="radio" class="js_select_shipping_type"
																				data-product-id="{{ product_detail.product_id }}"
																				name="request_quote_shipping_type" value="split" /> <label
																				class="lbl">{{ 'request_quote.split_shipping'|trans }}</label>
																		</div>
																	</div>
																	<div class="clearfix"></div>
																	<!--According-->
																	<input type="hidden"
																		class="js_request_quote_shipping_counter" value="0">
																	<div id="js_shipping_method"></div>
																	<div
																		class="addnew-option-head js_rq_add_new_ship_address"
																		style="display: none;"
																		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>
																	<div class="js-shippingMethod-section"></div>
																	<!--According-->
																</div>
															</div>
														</div>
														<!-- CONTENT -->
													</div>
												</div>
												{% set section_counter = section_counter + 1 %} 
											{% endif %}
										{% endif %}
										<!-- END Shipping Method -->

										<!-- Special Instructions -->
										<div class="product-section-box">
											<h2 class="heading-block">
												<i>{{ section_counter }}</i>{{
												'request_quote.special_instructions'|trans }}
											</h2>
											<div class="special-instruction-textarea">
												<textarea name="comment"
													placeholder="{{ 'request_quote.fill_comment'|trans }}"
													id="js_request_quote_instruction"></textarea>
											</div>
										</div>
										<!-- END Special Instructions -->
										<!-- 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-quote-edit" data-item-line-id="{{ item_line_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 }}">{{ 'admin.quote_info.quote_update'|trans }}</a>
												<a href="javascript:void(0);" aria-label="Close" data-dismiss="modal" class="small-but btn-default bft-but btn-red fl">{{ 'request_quote.cancel'|trans }}</a> 
											</div>
										</div>
										<!-- END BUTTONS -->
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- END Request Quick View Block -->
	{% endblock ajax_body %}