{% extends '::baseAjax.html.twig' %}
{% block ajax_body %}

{% block edit_imprint_location_start_imprint_method_block %}
	{% if confiSetting.status ==1 %}
		{% if imprintLocation.imprint_information is defined and imprintLocation.imprint_information|length>0 %}
		<div class="optional-panel js-printPosition-{{imprintLocation.imprint_location_id }}-section" id="js_imprint_request_quote_box_{{imprintLocation.product_id }}_{{imprintLocation.imprint_location_id }}">
		    <div class="option-head">
{# 		        <a href="javascript:void(0)"><i class="fa fa-caret-down"></i>{{ imprintLocation.imprint_position_and_methods[imprintLocation.imprint_location_id]['position_area']|capitalize }} <span class="caret-icon pull-right"></span></a>#}
		    </div>
		    <div class="option-body">
		        <div class="row">
		            <div class="col-lg-6 col-md-12 col-sm-6 col-xs-12 radiobox selection-option">
		                <span>What imprint method do you want?</span>
{# 		                <a class="other-color pull-left" href="javascript:void(0)" ><i class="fa fa-question-circle"></i></a>#}
		                <div class="other-color-dropdown" style="display: none;">
		                    <div class="color-option-col">
		                        <h3>{{"request_quote.many_design_colors"|trans }}</h3>
		                        <ul>
		                            <li>
		                                <div class="pull-left">
		                                    <span>1 Color</span>
		                                    <p>{{"request_quote.design_solid_color1"|trans({},'goldstar') }}</p>
		                                </div>
		                                <div class="pull-right"><img alt="" src="images/1-color-logo.png">
		                                </div>
		                            </li>
		                            <li>
		                                <div class="pull-left">
		                                    <span>2 Color</span>
		                                    <p>{{"request_quote.design_solid_color2"|trans({},'goldstar') }}</p>
		                                </div>
		                                <div class="pull-right"><img alt="" src="images/2-color-logo.png">
		                                </div>
		                            </li>
		                            <li>
		                                <div class="pull-left">
		                                    <span>3 Color</span>
		                                    <p>{{"request_quote.design_solid_color3"|trans({},'goldstar') }}</p>
		                                </div>
		                                <div class="pull-right"><img alt="" src="images/3-color-logo.png">
		                                </div>
		                            </li>
		                            <li>
		                                <div class="pull-left">
		                                    <span>Full Color</span>
		                                    <p>{{"request_quote.design_solid_color4"|trans({},'goldstar') }}</p>
		                                </div>
		                                <div class="pull-right"><img alt="" src="images/4-color-logo.png">
		                                </div>
		                            </li>
		                        </ul>
		                    </div>
		                </div>
		                
		                {%  if imprintLocation.maximum_selectable_color>0  %}
		                	{%  set select_color =  '' %}
			            	{% for i in range(1, imprintLocation.maximum_selectable_color)  %}
			            		{% if imprint_info.no_of_color == i %}
			            			{%  set select_color =  'checked=checked' %}
			            		{% endif %}
								<div class="col-lg-3 col-md-6 col-sm-5 col-xs-12">
									<div class="radio-but">
										<input {{ select_color }} type="radio" class="js_select_color_chkbox" data-value="{{ i }}" value="{{ i }}" name="sel_color" data-product-id="{{ imprintLocation.product_id }}" data-imprint-id="{{ imprintLocation.imprint_location_id }}"> 
										<label class="lbl">{{ i }} {{ 'request_quote.color'|trans }}</label>
									</div>
								</div>
							{% endfor  %}
						{% endif  %}
		                
		            </div>
		        </div>
		        <div id="js_select_color_{{ imprintLocation.product_id }}_{{ imprintLocation.imprint_location_id }}">
		        {% if imprint_info.no_of_color is defined %}
		        	{% render url('office_brain_orderbundle_order_editselectColor', { '_locale' : app.request.locale, 'color_no' : imprint_info.no_of_color, 'product_id' : imprintLocation.product_id, 'imprint_id' : imprintLocation.imprint_location_id, 'imprint_info' : imprint_info }) %}
		        {% endif %}
		        </div>
			{%if confiSetting.option.print_position.status == 1 %}
		        <div class="more-option">
		            <div id="js_request_quote_artwork">
		                <!-- Nav tabs -->
		                {% if imprint_info.art_work_text is defined %}
		                
		                {% endif %}
		                <ul role="tablist" class="nav nav-tabs">
							{%if confiSetting.option.print_position.option.is_logo_allow.status == 1%}
								<li {{ (imprint_info.art_work_text.active_tab_id == 1) ? 'class="active"' : '' }}><a data-toggle="tab" role="tab" aria-controls="Upload-Artwork" href="#upload-tab-1">{{"request_quote.print_position.artwork.upload_artwork"|trans }}</a></li>
							{%endif%}
							{% if confiSetting.option.print_position.option.is_text_allow.status == 1 %}
								<li {{ (imprint_info.art_work_text.active_tab_id == 2) ? 'class="active"' : '' }}><a data-toggle="tab" role="tab" aria-controls="Typeset" href="#upload-tab-2">{{"request_quote.print_position.artwork.text_artwork"|trans }}</a></li>
							{%endif%}
							{% if confiSetting.option.print_position.option.is_logo_and_text_allow.status == 1 %}
								<li {{ (imprint_info.art_work_text.active_tab_id == 3) ? 'class="active"' : '' }}><a data-toggle="tab" role="tab" aria-controls="Upload Artwork &amp; Typeset" href="#upload-tab-3">{{"request_quote.print_position.artwork.uplopad_artwork_text"|trans }}</a></li>
		                    {%endif%}
		                </ul>
		                <!-- Tab panes -->
						<div class="tab-content" id="js_request_quote_artwork_tabs" >
							{%if confiSetting.option.print_position.option.is_logo_allow.status == 1%}
			                    <div id="upload-tab-1" {{ (imprint_info.art_work_text.active_tab_id == 1) ? 'class="tab-pane type-artwork-tab active"' : 'class="tab-pane"' }}  role="tabpanel" data-tab-id="1">
			                        <div class="radiobox">
			                        	{%if confiSetting.option.print_position.option.is_logo_allow.option.art_work_upload_image.status == 1%}
											<div class="row">
												<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
				                                    <span class="upload-logo pull-left">
				                                    	<input {{ (imprint_info.art_work_text.mail_sent == 0)? 'checked=checked' : '' }} type="radio" class="js-show-div" data-artwork-type="logo"  data-id="logo_image_{{imprintLocation.product_id }}_{{imprintLocation.imprint_location_id }}" name="is_logo_{{imprintLocation.product_id }}_{{imprintLocation.imprint_location_id }}" id="logo_image_{{imprintLocation.product_id }}_{{imprintLocation.imprint_location_id }}" value="logo_image"><label>{{"request_quote.print_position.artwork.upload_logo"|trans }}</label>
				                                    </span>
				                                    <div id="logo_image_{{imprintLocation.product_id }}_{{imprintLocation.imprint_location_id }}_div"  {{ (imprint_info.art_work_text.mail_sent is defined and imprint_info.art_work_text.mail_sent == 0) ? 'class=""' : 'class="displaynone"' }}>
					                                    <div id="js_is_logo_{{imprintLocation.product_id }}_{{imprintLocation.imprint_location_id }}">
						                                    <div id="js_is_logo_{{imprintLocation.product_id }}_{{imprintLocation.imprint_location_id }}_1">
							                                    <div class="input-group col-lg-5 col-md-4 col-sm-3 col-xs-6 pull-left">
							                                        <a data-toggle="modal" class="upload-button js_open_image_library" data-call-from="logo" href="" data-url='{{ path('office_brain_requestquotebundle_requestquote_selectlogoblock')}}' data-id="image_is_logo_{{imprintLocation.product_id }}_{{imprintLocation.imprint_location_id }}_1"><i class="fa fa-upload"></i>{{"request_quote.print_position.artwork.attach_file"|trans }}</a>
							                                    </div>
							                                    <div class="contry-logo col-lg-4 col-md-5 col-sm-5 col-xs-6 pull-left" id="image_is_logo_{{imprintLocation.product_id }}_{{imprintLocation.imprint_location_id }}_1">
							                                        <input type="hidden" class="js_artwork_logo" value="" id="image_is_logo_{{imprintLocation.product_id }}_{{imprintLocation.imprint_location_id }}_1_input">
							                                        <span class="upload-logo">
							                                         {% if imprint_info.art_work_text.logo is defined %}
														            	{% for logoimg in imprint_info.art_work_text.logo %}
																			<img src="{{ logoimg }}" />
														            	{% endfor %}
														            {% endif %}
							                                        </span>
							                                    </div>
							                                    <div class="info-icons pull-right">
							                                    	{%set no_image_in_logo = confiSetting.option.print_position.option.is_logo_allow.option.art_work_upload_image.option.no_of_upload_image %}
														        	<input type="hidden" value="{{no_image_in_logo}}" name="logo_no_of_image_allow_{{imprintLocation.product_id }}_{{imprintLocation.imprint_location_id }}" id="logo_no_of_image_allow_{{imprintLocation.product_id }}_{{imprintLocation.imprint_location_id }}" />
														        	<input type="hidden" class="js_artwork_total_logo" value="1" name="logo_no_of_image_{{imprintLocation.product_id }}_{{imprintLocation.imprint_location_id }}" id= "logo_no_of_image_{{imprintLocation.product_id }}_{{imprintLocation.imprint_location_id }}" />
																	{%if no_image_in_logo > 1%}
																		<a  data-imprint-location-id="{{imprintLocation.imprint_location_id }}" data-call-from="logo" data-product-id="{{imprintLocation.product_id }}" data-original-title="Add" data-placement="top" data-toggle="tooltip" href="javascript:void(0)" class="js_add_logo" id="is_logo_add_{{imprintLocation.product_id }}_{{imprintLocation.imprint_location_id }}"><i class="fa fa-plus"></i></a>
							                                        {%endif%}
							                                        {#<a data-original-title="Delete" data-placement="top" data-toggle="tooltip" href="javascript:void(0)" class="js_remove_logo"><i class="fa fa-trash-o"></i></a>#}
							                                    </div>
						                                    </div>
														</div>
													</div>
				                                </div>
				                            </div>
										{%endif%}
										{%if confiSetting.option.print_position.option.is_logo_allow.option.art_work_logo_email.status == 1%}
											<div class="row">
											    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
											        <span class="upload-logo pull-left"><input {{ (imprint_info.art_work_text.mail_sent == 1)? 'checked=checked' : '' }} type="radio" data-artwork-type="email" name="is_logo_{{imprintLocation.product_id }}_{{imprintLocation.imprint_location_id }}" data-id="logo_email_{{imprintLocation.product_id }}_{{imprintLocation.imprint_location_id }}" id="logo_email_{{imprintLocation.product_id }}_{{imprintLocation.imprint_location_id }}" value="logo_email" class="js-show-div"><label>{{"request_quote.print_position.artwork.via_email"|trans }}</label></span>
											        <div class="note-col pull-left displaynone" id="logo_email_{{imprintLocation.product_id }}_{{imprintLocation.imprint_location_id }}_div"><em class="pink">{{"request_quote.print_position.artwork.note"|trans }}:</em> <i>{{"request_quote.print_position.artwork.email_artwork"|trans }}&nbsp;<a class="js_artwork_email" href="mailto:{{confiSetting.option.print_position.option.is_logo_allow.option.art_work_logo_email.option.email_id}}"  data-email="{{confiSetting.option.print_position.option.is_logo_and_text_allow.option.art_work_logo_email.option.email_id}}">{{confiSetting.option.print_position.option.is_logo_allow.option.art_work_logo_email.option.email_id}}</a></i></div>
											    </div>
											</div>
			                            {%endif%}
			                        </div>
			                    </div>
							{%endif%}
							{% if confiSetting.option.print_position.option.is_text_allow.status == 1 %}
			                    <div id="upload-tab-2" {{ (imprint_info.art_work_text.active_tab_id == 2) ? 'class="tab-pane active"' : 'class="tab-pane"' }} role="tabpanel" data-tab-id="2">
			                    	<div id="js_is_text_{{imprintLocation.product_id }}_{{imprintLocation.imprint_location_id }}">
										<div id="js_is_text_{{imprintLocation.product_id }}_{{imprintLocation.imprint_location_id }}_1">
					                        <div class="radiobox">
					                            <div class="other-option">
					                                <div class="col-lg-11 col-md-11 col-sm-11 col-xs-12">
					                                    <label>{{"request_quote.print_position.artwork.text_label"|trans }}</label>
					                                    {% if imprint_info.art_work_text.text is defined %}
															{% for artwork_text in imprint_info.art_work_text.text %}
																{% if artwork_text != '' %}
																	<input type="text" value="{{ artwork_text }}" placeholder="Enter Text" class="input pull-left js_artwork_text_1" tabindex="1" data-id="text_is_text_{{imprintLocation.product_id }}_{{imprintLocation.imprint_location_id }}_1">
																{% endif %}
															{% endfor %}
														{% else %}
															<input type="text" placeholder="Enter Text" class="input pull-left js_artwork_text_1" tabindex="1" data-id="text_is_text_{{imprintLocation.product_id }}_{{imprintLocation.imprint_location_id }}_1">
														{% endif %}	
					                                </div>
					                                <div class="info-icons pull-right">
					                                	{%set no_text_in_text = confiSetting.option.print_position.option.is_text_allow.option.no_of_text %}
														<input type="hidden" value="{{no_text_in_text}}" name="text_no_of_text_allow_{{imprintLocation.product_id }}_{{imprintLocation.imprint_location_id }}" id="text_no_of_text_allow_{{imprintLocation.product_id }}_{{imprintLocation.imprint_location_id }}" />
														<input type="hidden" class="js_artwork_total_text" value="1" name="text_no_of_text_{{imprintLocation.product_id }}_{{imprintLocation.imprint_location_id }}" id= "text_no_of_text_{{imprintLocation.product_id }}_{{imprintLocation.imprint_location_id }}" />
														{%if no_text_in_text > 1%}
					                                    	<a data-original-title="Add" data-placement="top" data-toggle="tooltip" href="javascript:void(0)" data-product-id="{{ imprintLocation.product_id }}" data-imprint-location-id="{{ imprintLocation.imprint_location_id }}" class="js_add_text" id="is_text_add_{{imprintLocation.product_id }}_{{imprintLocation.imprint_location_id }}" data-call-from="text"><i class="fa fa-plus"></i></a>
					                                    {%endif%}
														{#<a data-original-title="Delete" data-placement="top" data-toggle="tooltip" href="javascript:void(0)"><i class="fa fa-trash-o"></i></a>#}
					                                </div>
					                            </div>
					                            <div class="clearfix"></div>
					                        </div>
										</div>
									</div>
			                    </div>
		                    {%endif%}
		                    {% if confiSetting.option.print_position.option.is_logo_and_text_allow.status == 1 %}
			                    <div id="upload-tab-3" {{ (imprint_info.art_work_text.active_tab_id == 3) ? 'class="tab-pane type-artwork-tab active"' : 'class="tab-pane"' }} role="tabpanel"  data-tab-id="3">
			                        <div class="radiobox">
										{%if confiSetting.option.print_position.option.is_logo_and_text_allow.option.art_work_upload_image.status == 1%}
											<div class="row">
											    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
											        <span class="upload-logo pull-left">
											        	<input {{ (imprint_info.art_work_text.mail_sent == 0)? 'checked=checked' : '' }} type="radio" data-artwork-type="logo" name="is_logo_text_{{imprintLocation.product_id }}_{{imprintLocation.imprint_location_id }}" id="logo_text_image_{{imprintLocation.product_id }}_{{imprintLocation.imprint_location_id }}" value="logo_text_image" class="js-show-div" >
											        <label>{{"request_quote.print_position.artwork.upload_logo"|trans }}</label></span>
											        <div id="js_is_logo_text_{{imprintLocation.product_id }}_{{imprintLocation.imprint_location_id }}_div" {{ (imprint_info.art_work_text.logo is defined) ? 'class="upload-art-works-main"' : 'class="displaynone  upload-art-works-main"' }}>
													     <div id="js_is_logo_text_{{imprintLocation.product_id }}_{{imprintLocation.imprint_location_id }}">
													     	<div class="upload-art-works" id="js_is_logo_text_{{imprintLocation.product_id }}_{{imprintLocation.imprint_location_id }}_1">
														        <div class="input-group col-lg-5 col-md-4 col-sm-3 col-xs-6 pull-left">
								                                       <a data-toggle="modal" class="upload-button js_open_image_library" href="" data-call-from="logo_text" data-url='{{ path('office_brain_requestquotebundle_requestquote_selectlogoblock')}}' data-id="image_is_logo_text_{{imprintLocation.product_id }}_{{imprintLocation.imprint_location_id }}_1"><i class="fa fa-upload"></i>{{"request_quote.print_position.artwork.attach_file"|trans }}</a>
								                                </div>
														        <div class="contry-logo pull-left" id="image_is_logo_text_{{imprintLocation.product_id }}_{{imprintLocation.imprint_location_id }}_1">
														        	<input type="hidden" class="js_artwork_logo" value="" id="image_is_logo_text_{{imprintLocation.product_id }}_{{imprintLocation.imprint_location_id }}_1_input" >
														            <span class="upload-logo">
														            {% if imprint_info.art_work_text.logo is defined %}
														            	{% for logoimg in imprint_info.art_work_text.logo %}
																			<img src="{{ logoimg }}" />
														            	{% endfor %}
														            {% endif %}
														            </span>
														        </div>
														        <div class="info-icons pull-right">
														        	{%set no_image = confiSetting.option.print_position.option.is_logo_and_text_allow.option.art_work_upload_image.option.no_of_upload_image %}
														        	<input type="hidden" value="{{no_image}}" name="logo_text_no_of_image_allow_{{imprintLocation.product_id }}_{{imprintLocation.imprint_location_id }}" id="logo_text_no_of_image_allow_{{imprintLocation.product_id }}_{{imprintLocation.imprint_location_id }}" />
														        	<input type="hidden" class="js_artwork_total_logo" value="1" name="logo_text_no_of_image_{{imprintLocation.product_id }}_{{imprintLocation.imprint_location_id }}" id= "logo_text_no_of_image_{{imprintLocation.product_id }}_{{imprintLocation.imprint_location_id }}" />
																	{%if no_image > 1%}
														            	<a data-imprint-location-id="{{imprintLocation.imprint_location_id }}" data-call-from="logo_text" data-product-id="{{imprintLocation.product_id }}" data-original-title="Add" data-placement="top" data-toggle="tooltip" href="javascript:void(0)" class="js_add_logo" id="is_logo_text_add_{{imprintLocation.product_id }}_{{imprintLocation.imprint_location_id }}"><i class="fa fa-plus"></i></a>
														            {%endif%}
														            {#<a data-original-title="Delete" data-placement="top" data-toggle="tooltip" href="javascript:void(0)"><i class="fa fa-trash-o"></i></a>#}
														        </div>
															</div>
													    </div>
													    <div id="js_is_logo_text_text_{{imprintLocation.product_id }}_{{imprintLocation.imprint_location_id }}">
															<div id="js_is_logo_text_text_{{imprintLocation.product_id }}_{{imprintLocation.imprint_location_id }}_1">
							                            		<div class="other-option">
									                                <div class="">
									                                    <label>{{"request_quote.print_position.artwork.text_label"|trans }}</label>
									                                    {% if imprint_info.art_work_text.text is defined %}
										                                    {% for uploadlogotxt in imprint_info.art_work_text.text %}
										                                    	<input type="text" placeholder="Enter Text" value="{{ uploadlogotxt }}" class="input pull-left js_artwork_text_1" tabindex="1" data-id="text_is_logo_text_text_{{imprintLocation.product_id }}_{{imprintLocation.imprint_location_id }}_1">
										                                	{% endfor %}
										                                {% endif %}	
									                                </div>
									                                <div class="info-icons pull-right">
									                                	{%set no_text_in_logo_text = confiSetting.option.print_position.option.is_text_allow.option.no_of_text %}
																		<input type="hidden" value="{{no_text_in_logo_text}}" name="logo_text_text_no_of_text_allow_{{imprintLocation.product_id }}_{{imprintLocation.imprint_location_id }}" id="logo_text_text_no_of_text_allow_{{imprintLocation.product_id }}_{{imprintLocation.imprint_location_id }}" />
																		<input type="hidden" value="1" class="js_artwork_total_text" name="logo_text_text_no_of_text_{{imprintLocation.product_id }}_{{imprintLocation.imprint_location_id }}" id= "logo_text_text_no_of_text_{{imprintLocation.product_id }}_{{imprintLocation.imprint_location_id }}" />
																		{%if no_text_in_logo_text > 1%}
																			<a data-original-title="Add" data-placement="top" data-toggle="tooltip" href="javascript:void(0)" data-product-id="{{ imprintLocation.product_id }}" data-imprint-location-id="{{ imprintLocation.imprint_location_id }}" class="js_add_text" id="is_logo_text_text_add_{{imprintLocation.product_id }}_{{imprintLocation.imprint_location_id }}" data-call-from="logo_text_text"><i class="fa fa-plus"></i></a>
											                            {%endif%}
																		{#<a data-original-title="Delete" data-placement="top" data-toggle="tooltip" href="javascript:void(0)"><i class="fa fa-trash-o"></i></a>#}
									                                </div>
									                                <div class="clearfix"></div>
																</div>
															</div>
							                            </div>
						                            </div>
						                            
											    </div>
											</div>
										{%endif%}
										
			                            <div class="clearfix"></div>
			                            {%if confiSetting.option.print_position.option.is_logo_and_text_allow.option.art_work_logo_email.status == 1%}
											<div class="row">
											    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
											        <span class="upload-logo pull-left">
											        	<input {{ (imprint_info.art_work_text.mail_sent == 1)? 'checked=checked' : '' }} type="radio" class="js-show-div"  data-artwork-type="email" name="is_logo_text_{{imprintLocation.product_id }}_{{imprintLocation.imprint_location_id }}" id="logo_text_email_{{imprintLocation.product_id }}_{{imprintLocation.imprint_location_id }}" value="logo_text_email" data-id="logo_text_email_{{imprintLocation.product_id }}_{{imprintLocation.imprint_location_id }}">
											        	<label>{{"request_quote.print_position.artwork.via_email"|trans }}</label></span>
											        <div class="note-col pull-left displaynone" id="logo_text_email_{{imprintLocation.product_id }}_{{imprintLocation.imprint_location_id }}_div"><em class="pink">{{"request_quote.print_position.artwork.note"|trans }}:</em> <i>{{"request_quote.print_position.artwork.email_artwork"|trans }}&nbsp;<a class="js_artwork_email" href="mailto:{{confiSetting.option.print_position.option.is_logo_and_text_allow.option.art_work_logo_email.option.email_id}}" data-email="{{confiSetting.option.print_position.option.is_logo_and_text_allow.option.art_work_logo_email.option.email_id}}">{{confiSetting.option.print_position.option.is_logo_and_text_allow.option.art_work_logo_email.option.email_id}}</a></i></div>
											    </div>
											</div>
			                            {%endif%}
			                        </div>
			                    </div>
		                    {%endif%}
		                </div>
		            </div>
		        </div>
		        {%endif%}
		    </div>
		</div>
		{%endif%}
	{%endif%}	
{% endblock edit_imprint_location_start_imprint_method_block %}
<script>
	//following code added to make help icon for color to show information properly
	$(".other-color").hover(function () {
	    $(this).next().show();
	    $(this).addClass('in');
	}, function () {
	    $(this).next().hide();
	    $(this).removeClass('in');
	});
</script>
{% endblock ajax_body %}