{% extends '::adminBaseAjax.html.twig' %} 
{% block ajax_body %}
	{% if data|length>0 %} 
		{% set isComplete=1 %} 
			{% for index,product in data %}
<div class="panel panel-default" id="js_item_line_id_{{ product.item_line_id }}">
	<div class="panel-heading">
		<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#collapse{{ product.item_line_id }}">
			<i class="fa fa-chevron-down"></i><i class="fa fa-cube"></i>
				{{ product.basic_information.title }}
		</a>
		<div class="delete-price">
			<span>{{ quote.quoteItemLine[index].currencySymbol }}<span id="js_itemlineAmount_{{ product.item_line_id }}" class="js_itemlineAmount">
				{% if (quote.quoteItemLine[index].isComplete==1) or (quote.quoteItemLine[index].itemLineTotal!=0.00) %}
					{{ quote.quoteItemLine[index].itemLineTotal|price }}{% else %} 0.00 {%
					endif %}</span></span> <a href="javascript:void(0);"
				class="btn-xs sub-shop-btn pull-right js_delete_item_line"
				data-item-line-id="{{ product.item_line_id }}"><i
				class="fa fa-trash-o"></i></a>
		</div>
	</div>
	<div class="panel-collapse collapse"
		id="collapse{{ product.item_line_id }}">
		<div class="panel-body">
			<div class="row">
				<div class="col-xs-12">
					<div class="ui-panel-col pull-left">
						<div class="language-col">
							{{ 'admin.quote_info.quote_show_sku' |trans }}
							<div class="checkbox">
								<label> {% if quote.quoteItemLine[index].displaySku==1 %} {% set
									chk='checked="checked"' %} {% else %} {% set chk='' %} {% endif
									%} <input name="form-field-checkbox" type="checkbox"
									class="ace js-checkbox-itemline"  {{ chk }}
									data-fld-name="displaySku"
									data-quote-itemline-id="{{ product.item_line_id }}"> <span
									class="lbl"></span>
								</label>
							</div>
						</div>
						<div class="output-col">
							<input type="text"
								value="{{ quote.quoteItemLine[index].productSku }}"
								placeholder="{{ 'admin.quote_info.quote_sku_number_placeholder' |trans }}"
								class="js-onChange-itemline" data-fld-name="productSku"
								data-quote-itemline-id="{{ product.item_line_id }}" />
						</div>
					</div>
					{% if instance_type=="distributor" %} <a
						class="admin-custom-btn pull-right js_view_supplier_information"
						href="javascript:void(0)" data-product-id="{{ quote.quoteItemLine[index].productId  }}"><i class="fa fa-eye"></i>{{
						'admin.quote_info.quote_view_supplier' |trans }}</a> {% endif %}
				</div>
			</div>
			<div class="product-info-col">
				<span class="edit-title">{{ product.basic_information.title }}</span>
				{% if quote.quoteItemLine[index].isComplete==1 %} <a
					href="javascript:void(0);"
					class="btn-xs sub-shop-btn pull-right js_edit_product_to_quote"
					data-is-complete="{{ quote.quoteItemLine[index].isComplete }}"
					data-item-line-id="{{ product.item_line_id }}"><i
					class="fa fa-edit"></i>
					</a> {% else %} <a
					href="javascript:void(0);"
					class="btn-xs sub-shop-btn pull-right js_edit_product_to_quote"
					data-is-complete="{{ quote.quoteItemLine[index].isComplete }}"
					data-item-line-id="{{ product.item_line_id }}"><i
					class="fa fa-edit"></i></a> {% set isComplete=0 %} {% endif %}
			</div>
			<div class="row">
				<div class="col-lg-4 col-sm-12">
					<div class="product-info-col product-img-col">
						<img src="{{ quote.quoteItemLine[index].productThumbImage }}" alt="" class="img-responsive" id="js_uploadChangedImage_{{ product.item_line_id }}" />
						<div class="browse-img"><a href="javascript:void(0)"
							class="admin-custom-btn browse-button js_productimg_upload"  data-id="{{ product.item_line_id }}"><i class="fa fa-refresh"></i>{{ 'replace_image'|trans({},'app') }}</a></div>
					</div>
					<div class="quote-block">
						<div class="quote-header-small">
							<h3 class="pull-left">{{
								'admin.quote_info.quote_product_description' |trans }}</h3>
						</div>
						<div class="quote-content">
							<div class="product-des-overflow">
								<div class="estimate-tag-block">
									{% if
									quote.quoteItemLine[index].quoteProductImprintArea|length>0 %}
									{% for imprintArea in
									quote.quoteItemLine[index].quoteProductImprintArea %} {% if
									product.imprint_position_and_methods[imprintArea.imprintAreaId]
									is defined %}
{# 									<div class="estimate-row heading">#}
{# 										<span>{{ 'admin.quote_info.quote_print_position' |trans }}: {{#}
{# 											product.imprint_position_and_methods[imprintArea.imprintAreaId].position_area#}
{# 											}}</span>#}
{# 									</div>#}
									<div class="estimate-row">
										{{ 'admin.quote_info.quote_imprint_method' |trans }} : <span>{{
											(product.imprint_methods[imprintArea.imprintAreaMethodId] is
											defined) ?
											product.imprint_methods[imprintArea.imprintAreaMethodId] : ''
											}}</span>
									</div>
									<div class="estimate-row">
										{{ 'admin.quote_info.quote_how_many_color' |trans }} : <span>
											{{ imprintArea.imprintAreaNoofColor }} {{
											'admin.quote_info.color'|trans }}</span>
									</div>
									{% if imprintArea.quoteProductImprintColor|length>0 %}
									<div class="estimate-row">
										{% for index,imprintcolor in
										imprintArea.quoteProductImprintColor %} {% if
										imprintcolor.isPmsColor==1 %}
										{% set color ='PMS'~imprintcolor.colorName %}
										{% else %}
										{% set color ='Standard'~imprintcolor.colorName %}
										{% endif %}
										<div>
											{{ 'admin.quote_info.quote_color' |trans }}{{ index+1 }} :<span>{{
												color }}</span>
										</div>
										{% endfor %}
									</div>

									{% endif %} {% if
									imprintArea.quoteProductImprintTextArtWork|length>0 %} {% for
									ind,imprintartwork in
									imprintArea.quoteProductImprintTextArtWork %} {% if
									imprintartwork.logoPath!='' %}
									<div class="estimate-row">
										{{ 'admin.quote_info.quote_upload_logo'|trans }} {{ ind+1 }} :<img
											src="{{ imprintartwork.logoPath }}" alt=""><span>{{
											imprintartwork.logoName }}</span>
									</div>
									{% endif %} {% if imprintartwork.isLogoSendAfterOrder==1 %}
									<div class="estimate-row">
										{{ 'admin.quote_info.quote_art_work_via_email' |trans }} : <span>{{
											imprintartwork.emailForLogo }}</span>
									</div>
									{% endif %}
									<div class="estimate-row">
										<div>
											{{ 'admin.quote_info.quote_text'|trans }}{{ ind+1 }} :<span>
												{{ imprintartwork.imprintText }}</span>
										</div>
									</div>
									{% endfor %} {% endif %} {% endif %} {% endfor %} {% endif %}
									<div class="estimate-row">
										{{ 'admin.quote_info.quote_special_instructions'|trans }} : <span>{{
											quote.quoteItemLine[index].productNote|raw }}</span>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="quote-block">
						<div class="quote-header-small">
							<h3 class="pull-left">{{
								'admin.quote_info.quote_instructions'|trans }}</h3>
						</div>
						<div class="quote-content">
							<div class="instruction-overflow">
								<div class="estimate-tag-block">
									<p>{{ product.basic_information.description|raw }}</p>
								</div>
							</div>
						</div>
					</div>
					<div class="quote-block">
						<div class="quote-header-small">
							<h3 class="pull-left">{{
								'admin.quote_info.quote_product_feature'|trans }}</h3>
						</div>
						<div class="quote-content">
							<div class="product-des-overflow">
								<div class="estimate-tag-block">
									{% if product.category is defined and product.category|length>0
									%} {% for categoryName in product.category %}
									<div class="estimate-row">
										{{ 'admin.quote_info.quote_category'|trans }} : <span>{{
											categoryName|capitalize }} </span>
									</div>
									{% endfor %} {% endif %} {% if product.attributes is defined
									and product.attributes|length>0 %} {% for attributes in
									product.attributes %}
									<div class="estimate-row">
										 
										{% if attributes.values is defined and attributes.values|length>0 %} 
										{% set attrCount = attributes.values|length %}
										{{ attributes.label }} : <span>
											{% for attributeValue in attributes.values %} 
												{{ attributeValue|trim|capitalize}}{% set attrCount = attrCount-1 %}{% if attrCount!=0 %}, {% endif %}
											{% endfor %}
											 </span>
											{% endif %}
									</div>
									{% endfor %} {% endif %} {% if
									product.imprint_position_and_methods is defined and
									product.imprint_position_and_methods|length>0 %}
									<div class="estimate-row">
										<div>
											{{ 'admin.quote_info.quote_print_position' |trans }}: <span>
												{% for imprintArea in product.imprint_position_and_methods
												%} {{ imprintArea.position_area }} {% endfor %} </span>
										</div>
									</div>
									{% endif %} {% if product.brand is defined and
									product.brand|length>0 %} {% if product.brand.name is defined
									and product.brand.name|length>0 %}
									<div class="estimate-row">
										<div>
											{{ 'admin.quote_info.quote_brand' |trans }} : <span>{{
												product.brand.name }}</span>
										</div>
									</div>
									{% endif %} {% endif %}
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="col-lg-8 col-sm-12">
					<div class="product-info-col">
						{% if quote.quoteItemLine[index].displayQty==1 %} {% set
						displayQtyClass='fa fa-eye' %} {% set display='display:block;' %}
						{% else %} {% set displayQtyClass='fa fa-eye-slash' %} {% set
						display='display:none;' %} {% endif %} <label>{{
							'admin.quote_info.quote_show_all_quantities' |trans }}<i
							class="{{ displayQtyClass }} js-hide-show-itemline"
							data-fld-name="displayQty"
							data-quote-itemline-id="{{ product.item_line_id }}"></i>
						</label>
						<div id="js_qty_box_{{ product.item_line_id }}"
							style="{{ display }}">
							
							{% set productCulture = '' %}
								{% set productDetailConfiguration = quote.quoteItemLine[index].productDetailConfiguration|deserialize %}

								{% if productDetailConfiguration['culture'] is defined %}
									{% set productCulture = productDetailConfiguration['culture'] %}
								{% endif %}
								
								{# Extract the product properties as variables started #}
                                 {% set price_type = product.price_type %}
                                 {% if product.variation_pricing_for_other_country is defined %}
                                    {% set variation_pricing_for_other_country = product.variation_pricing_for_other_country %}
                                 {% endif %}
                                 {% if product.pricing_for_other_country is defined %}
                                    {% set pricing_for_other_country = product.pricing_for_other_country %}
                                 {% endif %}
                                 {% if product.variation_pricing_country_available is defined %}
                                    {% set variation_pricing_country_available = product.variation_pricing_country_available %}
                                 {% endif %}
                                 {% if product.country_available is defined %}
                                    {% set country_available = product.country_available %}
                                 {% endif %}
                                 {% if product.product_id is defined %}
                                    {% set product_id = product.product_id %}
                                 {% endif %}
                                 {# Extract the product properties as variables ended #}
                             
								{# decide the final pricing started #}
                            	{% if price_type is defined and price_type == 'variations' %}
                            		{% set final_pricing = variation_pricing_for_other_country %}
                            		{% set final_country_available = variation_pricing_country_available %}
                            	{% else %}
                            		{% set final_pricing = pricing_for_other_country %}
                            		{% set final_country_available = country_available %}
                            	{% endif %}
                            	{# decide the final pricing ended #}
                            	
							{% include 'OfficeBrainQuoteBundle:QuoteAdmin:pricingQuantityTable.html.twig'
							with {'show_heading':true,'show_table':true ,
							'price_array_type':'decorative', 'price_type' :
							product.price_type ,'price_array':productCulture =='en_ca' ? final_pricing['ca'] : final_pricing['us'] ,'pricing_for_other_country':final_pricing} %}</div>
						{% if
						quote.quoteItemLine[index].quoteProduct|length>0 %} {% for i, prod
						in quote.quoteItemLine[index].quoteProduct %} {% set totQty=0 %}
						<div class="quote-block">
							<div class="quote-header-small">
								<h3 class="pull-left">{{
									'admin.quote_info.quote_product_quantity_1'|trans }}- {{ i+1 }}</h3>
							</div>
							<div class="quote-content info-table-content">
								<table class="info-table">
									{% if product.attributes is defined %}
									{% set colorValue= '' %}
										{% for attr in product.attributes %} 
											{% if attr.id=="11" %}
											<thead>
												<tr>
													<th>{{ attr.label }}</th>
													{% for size in attr.values %}
														<th>{{ size }}</th>
													{% endfor %}
													<th>{{ 'admin.quote_info.quote_total'|trans }} </th>
												</tr>
											</thead>
											{% else %}
												{% if attr.id=="10" %}
													{% set colorValue= attr.values %}
												{% endif %}
											{% endif %}
										{% endfor %}
									{% endif %}

									{% if prod.quoteVariationMaster|length>0 %} {% for varMaster in
									prod.quoteVariationMaster %}
									<tr>
										<td>{{ (colorValue[varMaster.attributeValueId] is defined) ? colorValue[varMaster.attributeValueId] : '' }}</td> 
										{% if varMaster.quoteVariationMapping|length>0 %}
										{% if varMaster.quoteVariationMapping.quoteVariationQuantity|length>0 %}
										{% set totQty=0 %}
										{% for varQty in varMaster.quoteVariationMapping.quoteVariationQuantity %}
											{% set totQty=totQty+varQty.productQuantity %}
											<td>{{ varQty.productQuantity }}</td> 
										{% endfor %}
										<td>{{ totQty }}</td>
{# 										{% if varMaster.quoteVariationMapping.quoteVariationDetail|length>0%}#}
{# 											<td>{{ totQty }}</td>#}
{# 										{% endif %}#}
										{% endif %}
										{% endif %}

									</tr>
									{% endfor %} {% endif %}

									</tbody>
								</table>
								{% if prod.quoteShippingDetail|length>0 %}
								<table class="info-table border-1">
									<thead>
										<tr>
											<th>{{ 'admin.quote_info.quote_shipping_address'|trans }}</th>
											<th>{{ 'admin.quote_info.quote_unit_price'|trans }} ({{ ob_project_setting.currency_code|upper }})</th>
											<th>{{ 'admin.quote_info.quote_amount'|trans }} ({{ ob_project_setting.currency_code|upper }})</th>
										</tr>
									</thead>
									<tbody>
										<tr>
											<td>
												<p>
													{{ prod.quoteShippingDetail.name }} - <br> {{
													prod.quoteShippingDetail.street1 }} <br> 
													
													{% if prod.quoteShippingDetail.street2 is defined and prod.quoteShippingDetail.street2 != '' %}
													{{ prod.quoteShippingDetail.street2 }} <br> 
													{% endif %}
													
													{% if
													prod.quoteShippingDetail.cityId>0 %} {{
													prod.quoteShippingDetail.cityId|city }} {% endif %}, {% if
													prod.quoteShippingDetail.stateId>0 %} {{
													prod.quoteShippingDetail.stateId|state }} {% endif %}, {%
													if prod.quoteShippingDetail.zipCode>0 %} {{
													prod.quoteShippingDetail.zipCode }} {% endif %}, {% if
													prod.quoteShippingDetail.countryId>0 %} {{
													prod.quoteShippingDetail.countryId|country }} {% endif %} <br>
													{% if prod.quoteShippingDetail.phone!='' %}T : {{
													prod.quoteShippingDetail.phone }} ,{% endif %} <br>{% if
													prod.quoteShippingDetail.fax!='' %}F : {{
													prod.quoteShippingDetail.fax }} {% endif %}
												</p>
											</td>
											<td>
												<div class="estimate-tag-block">
													<div class="estimate-row">
														{{ 'admin.quote_info.quote_shipping_carrier'|trans }} : <span>{{
															prod.quoteShippingDetail.shippingType|capitalize }} </span>
													</div>
													<div class="estimate-row">
														{{ 'admin.quote_info.quote_method'|trans }} : <span>{{
															prod.quoteShippingDetail.serviceType|capitalize }} </span>
													</div>
													<div class="estimate-row">
														{{ 'admin.quote_info.quote_unit_price'|trans }} : <span>{{
															quote.quoteItemLine[index].unitPrice|currency }} </span>
													</div>
													<div class="estimate-row">
														{{ 'admin.quote_info.quote_shipping_charge'|trans }} : <span>{{
															prod.quoteShippingDetail.shippingCharge|currency }}</span>
													</div>
													<div class="estimate-row">
														{{ 'admin.quote_info.quote_product_total'|trans }} : 
														<span> {% set product_total = quote.quoteItemLine[index].unitPrice*totQty %} {{ product_total|currency }} </span>
													</div>
												</div>
											</td>

											<td>
												{% set total_amt = quote.quoteItemLine[index].unitPrice*totQty+prod.quoteShippingDetail.shippingCharge %} {{ total_amt|currency }}
											</td>
										</tr>
									</tbody>
								</table>
								{% endif %}
							</div>
						</div>
						{% endfor %} {% endif %}

						<div class="quote-block">
							<div class="quote-header-small">
								<h3 class="pull-left">{{ 'admin.quote_info.quote_charges'|trans }}</h3>
								<a class="admin-custom-btn pull-right add-additional-charges js_add_additional_charges" href="javascript:void(0);" data-item-line-id="{{ product.item_line_id }}">
									<i class="fa fa-plus"></i>
									{{ 'admin.quote_info.quote_add_additional_charges'|trans }}
								</a>
							</div>
							<div class="quote-content charges-table">
								<table class="info-table">
									<thead>
									<tr>
										<th>{{ 'admin.quote_info.quote_charges'|trans }}</th>
										<th>{{ 'admin.quote_info.quote_quantity'|trans }}</th>
										<th>{{ 'admin.quote_info.quote_unit_price'|trans }} ({{ ob_project_setting.currency_code|upper }})</th>
										<th>{{ 'admin.quote_info.quote_total'|trans }} ({{ ob_project_setting.currency_code|upper }})</th>
										<th></th>
									</tr>
									<thead>
									<tbody class="js_additionalCharges_{{ product.item_line_id }}">
										{% if
										(quote.quoteItemLine[index].quoteProductCharges|length>0) or
										(quote.quoteItemLine[index].quoteProductAdditionalCharges|length>0)
										%} {% for charge in
										quote.quoteItemLine[index].quoteProductCharges %}
										<tr>
											<td><span>{{ charge.chargesType}}</span></td>
											<td></td>
											<td></td>
											<td><input type="text"
												value="{{ charge.chargesAmount|price}}"
												class="js_update_charges_and_discount js_allCharges"
												data-item-line-id="{{ 0 }}" data-charge-id="{{ charge.id }}"
												data-additional-charge-id="{{ 0 }}"
												data-fld-name="chargesAmount"
												data-type="price"
												data-url="{{ path('officebrain_quote_bundle_admin_updateallcharges') }}" /></td>
											<td width="5%"></td>
										</tr>
										{% endfor %} {% for addCharge in
										quote.quoteItemLine[index].quoteProductAdditionalCharges %}
										<tr id="js_additional_charges{{ addCharge.id }}">
											<td><input type="text"
												placeholder="{{ 'admin.quote_info.quote_add_additional_charges'|trans  }}"
												value="{{ addCharge.chargesType }}"
												class="js_update_charges_and_discount"
												data-item-line-id="{{ 0 }}" data-charge-id="{{ 0 }}"
												data-additional-charge-id="{{ addCharge.id }}"
												data-fld-name="chargesType"
												data-type="string"
												data-url="{{ path('officebrain_quote_bundle_admin_updateaddtionalcharges') }}" /></td>
											<td><input type="text" value="{{ addCharge.quantity }}"
												class="js_update_charges_and_discount"
												data-item-line-id="{{ 0 }}" data-charge-id="{{ 0 }}"
												data-additional-charge-id="{{ addCharge.id }}"
												data-fld-name="quantity"
												data-type="quantity"
												data-url="{{ path('officebrain_quote_bundle_admin_updateaddtionalcharges') }}" /></td>
											<td><input type="text"
												value="{{ addCharge.unitCharge|price }}"
												class="js_update_charges_and_discount"
												data-item-line-id="{{ 0 }}" data-charge-id="{{ 0 }}"
												data-additional-charge-id="{{ addCharge.id }}"
												data-fld-name="unitCharge"
												data-type="price"
												data-url="{{ path('officebrain_quote_bundle_admin_updateaddtionalcharges') }}" /></td>
											<td><input type="text"
												value="{{ addCharge.chargesAmount|price }}"
												readonly="readonly" class="js_allCharges" /></td>
											<td><a href="javascript:void(0);"
												class="btn-xs sub-shop-btn pull-right js_remove_additional_charges"
												data-additional-charge-id="{{ addCharge.id }}"><i
													class="fa fa-trash-o"></i></a></td>
										</tr>
										{% endfor %} {% else %}
										<tr>
											<td colspan="5"
												class="js_no_charge_{{ product.item_line_id }}">{{
												'admin.quote_info.quote_additional_charges_not_found'|trans
												}}</td>
										</tr>
										{% endif %}
									</tbody>
								</table>
							</div>
						</div>
						<div class="product-info-col-2">
							<table width="100%">
								<tr>
									<td width="70%">{{ 'admin.quote_info.quote_discount'|trans }}</td>
									<td>
										<div class="quote-charges-block-tab">
											<label>{{ ob_project_setting.currency_code|upper }}</label>
											<input type="text" value="{{ quote.quoteItemLine[index].itemLineDiscount|price }}" class="js_update_charges_and_discount js_allDiscount" 
											data-item-line-id="{{ product.item_line_id }}" data-charge-id="{{ 0 }}" data-additional-charge-id="{{ 0 }}" data-fld-name="itemLineDiscount"
											data-url="{{ path('officebrain_quote_bundle_admin_itemlineupdatediscount') }}" />
										</div>
									</td>
									<td width="7.5%"></td>
								</tr>
							</table>
						</div>
						<div class="product-info-col-2">
							<table width="100%">
								<tr>
									<td width="70%">{{ 'admin.quote_info.quote_total'|trans }}</td>
									<td>
										<div class="quote-charges-block-tab">
											<label>{{ ob_project_setting.currency_code|upper }}</label>
											<span id="js_item_line_box_total_{{ product.item_line_id }}">
												{% if (quote.quoteItemLine[index].isComplete==1) or (quote.quoteItemLine[index].itemLineTotal!=0.00) %}
													{{ quote.quoteItemLine[index].itemLineTotal|price }}
												{% else %} - {% endif %}
											</span>
										</div>
									</td>
									<td width="7.5%"></td>
								</tr>
							</table>
						</div>
						<div class="quote-block">
							<div class="quote-header-small">
								<h3 class="pull-left">{{ 'admin.quote_info.quote_comments'|trans
									}}</h3>
							</div>
							<div class="quote-content">
								<span class='js-custom-tinymce'
									data-quote-itemline-id="{{ product.item_line_id }}"
									data-fld-name="productComments"> {% if
									quote.quoteItemLine[index].productComments!='' %} {{
									quote.quoteItemLine[index].productComments|raw }} {% endif %} </span>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
{% endfor %}
<input type="hidden" value="{{ isComplete }}" id="jsIsComp" />
<div class="hide">
<form method="post" action="{{ path('office_brain_quotebundle_quote_adminreplaceproductimage') }}" enctype="multipart/form-data" name="product_image_photo" id="js_product_image_photo">
	<input type="file" class="upload_product_image_change" name="upload_product_image_change" id="js_upload_product_image_change">
	<input type="hidden" value="" name="sale_order_id" id="js_sale_order_id_for_image">
</form>
</div>
{% endif %}
{% endblock ajax_body %}