{% extends app.request.get('project_setting').instance_theme_path~":AdminTheme:base.html.twig" %} 
{% block breadcrumb %} 
	<li>
		{{ "admin.quote_info.bread_crumb" | trans}}
	</li>
{% endblock breadcrumb %}
{% block main_page_title %}
	<h1><i class="fa fa-quote-right"></i>
	{% block form_title %}
		{% if mode=="edit" %}
			{{ 'admin.quote_info.edit_quote' |trans}}
		{% else %}
			{{ 'admin.quote_info.create_quote' |trans }}
		{% endif %}
	{% endblock form_title %}
	</h1>
{% endblock main_page_title %}

{% block main_content %}
<div class="page-content">
	<nav class="navbar navbar-default top-dropdown">
		<div class="container-fluid">
			<div class="row">
				<div class="col-lg-3 col-md-12 col-xs-12 col-sm-12">
					<i class="fa fa-quote-right pull-left"></i>
					<div class="top-title-form search-width">
						<div class="row">
							<div class="col-lg-12 col-sm-12 col-md-12">
								<input value="{{ (data.quoteTitle  is defined) ? data.quoteTitle  : '' }}" type="text" class="js_onchange_quote_master" data-is-numeric="0" data-quote-id="{{ data.id }}" data-add-message="quoteTitle" name="quote_title" id="quote_title" placeholder="{{ 'admin.quote_info.quote_name_placeholder' |trans }}" />
							</div>
						</div>
					</div>
				</div>
				<div class="col-lg-9 col-md-12 col-xs-12 col-sm-12">
					<ul class="top-title-form pull-right">
						<li><a class="btn admin-custom-btn js_preview_quote_admin" id="js_preview_quote" href="javascript:void(0)" data-quote-id="{{ data.id }}">{{ 'admin.quote_info.quote_preview'|trans }}</a></li>
						<li><a class="btn admin-custom-btn js_send_quote" href="javascript:void(0)" data-quote-id="{{ data.id }}">{{ 'admin.quote_info.quote_send' |trans }}</a></li>
						<li><a class="btn admin-custom-btn js_save_quoate_admin" data-quote-id="{{ data.id }}" href="javascript:void(0)">{{ 'admin.quote_info.quote_save' |trans }}</a></li>
						<li class="dropdown js_quote_activity_li" id="js_quote_activity_li">
							<a class="btn admin-custom-btn" href="javascript:void(0)">{{ 'admin.quote_info.quote_save_as' |trans }}</a>
							<div class="dropdown-menu">
								<div class="col-xs-4 save-icon">
									<div class="radio">
										<label>
											<input name="js_quote_activity_radio" type="radio" class="ace ring" value="image"> <span class="lbl jpg-icon"></span>
										</label>
									</div>
								</div>
								<div class="col-xs-4 save-icon">
									<div class="radio">
										<label>
											<input name="js_quote_activity_radio" type="radio" class="ace ring" value="pdf"> <span class="lbl pdf-icon"></span>
										</label>
									</div>
								</div>
								<div class="col-xs-4 save-icon">
									<div class="radio">
										<label> <input name="js_quote_activity_radio" type="radio"
											class="ace ring" value="html"> <span class="lbl css-icon"></span>
										</label>
									</div>
								</div>
								<div class="align-center">
									<button class="customize-btn js_quote_activity" data-quote-id="{{ data.id }}">{{ "ok"|trans({},'goldstar') }}</button>
									<button class="customize-btn js_quote_activity_cancel">{{ "cancel"|trans({},'goldstar') }}</button>
								</div>
							</div>
						</li>
						<li><a class="btn admin-custom-btn" href="javascript:void(0)" id="js_duplicate_quote" data-quote-id="{{ data.id }}">{{ 'admin.quote_info.quote_duplicate_quote' |trans }}</a></li>
						<li><a class="btn admin-custom-btn" href="{{ path('office_brain_quotebundle_quoteadmin_adminquotelist') }}">{{'admin.quote_info.quote_cancle' |trans }}</a></li>
					</ul>
				</div>
			</div>
		</div>
	</nav>
	<div class="ui-table-block col-lg-12 col-md-12 col-xs-12">
		<div class="ui-content-block">
			<div class="quote-block">
				<div class="quote-header">
					<h2 class="pull-left">{{ 'admin.quote_info.bread_crumb' |trans }} : # {{ data.id }}</h2>
					<input type="hidden" name="quote_id" value="{{ data.id }}" id="quote_id">
					<div class="input-append date input-group date-block pull-left" id="datetimepicker1">
						{% if (data.expiredAt == "") or  (data.expiredAt|dateFormatQuote == "01/01/1970") %}
							{% set expire_date = "" %}
						{% else%}
							{% set expire_date = data.expiredAt|dateFormatQuote %}
						{% endif %}
						<input type="text" class="form-control" data-format="MM/dd/yyyy" name="quote_expire" readonly="readonly" id="quote_expire" value="{{ expire_date }}">
						<span class="add-on input-group-addon datepicker-color" title="{{ 'expiry_date'|trans({},'app') }}" data-original-title="{{ 'expiry_date'|trans({},'app') }}" data-placement="top" data-hover="tooltip"> <i class="fa-calendar fa"></i></span>
					</div>
					{% if data.isVisibleHeaderText==1 %}
						{% set headerClass='fa fa-eye'%}
					{% else %}
						{% set headerClass='fa fa-eye-slash' %}
					{% endif %}
						<a href="javascript:void(0);" class="show-header"><i class="{{ headerClass }} js-hide-show" data-quote-id="{{ data.id }}" data-fld-name="isVisibleHeaderText"> <span>{{ 'admin.quote_info.quote_show_header' |trans }}</span></i></a>
						<span class="show-date pull-right">{{ 'admin.quote_info.quote_date'|trans }}: {{ data.createdAt|dateFormatQuote(ob_project_date_format) }}</span>
				</div>
				<div class="quote-content">
					<textarea class="form-control custom-control tinymce" placeholder="{{ 'admin.quote_info.ph_enter_here' |trans }}" name="content_editor">
						{{ (data.headerTextField  is defined) ? data.headerTextField  : '' }}
					</textarea>
				</div>
			</div>
			<div class="row">
				{% include 'OfficeBrainQuoteBundle:QuoteAdmin:customerInfo.html.twig' %}
				{% include 'OfficeBrainQuoteBundle:QuoteAdmin:distributorInfo.html.twig' %}
			</div>
			<div class="quote-block">
				<div class="quote-header">
					<h2 class="pull-left">{{'admin.quote_info.quote_product_information' |trans }}</h2>
					<div class="top-title-form pull-right">
						{% if ob_project_transaction_configuration_rule.quote.create.option.button_search_add_product.status==1 %}
							<a href="javascript:void(0);" data-toggle="modal" data-target="#email-product" id="js_search_and_add_product" class="js_search_product_to_quote admin-custom-btn" data-quote-id="{{ data.id }}"> <i class="fa fa-search"></i> {{'admin.quote_info.quote_search_add_poduct'| trans }}</a>&nbsp;
						{% endif %}
						{% if ob_project_transaction_configuration_rule.quote.create.option.button_add_custom_product.status==1 and ob_project_user_setting.user_data.userType=="distributor" %}
							<a href="{{ path('officebrain_product_add',{'quote_id':data.id}) }}" class="admin-custom-btn"><i class="fa fa-plus"></i>{{ 'admin.quote_info.quote_search_create_poduct' |trans }}</a>
						{% endif %}
					</div>
				</div>
				<div class="quote-content">
					<div id="js_product_list" class="panel-group">
						{% if data.quoteItemLine|length>0 %} 
							{{ render(controller('OfficeBrainQuoteBundle:QuoteAdmin:getProductList', { 'quote_id': data.id })) }}
						{% else %}
							<div align="center">
								<h2>{{ "admin.quote_info.quote_no_product_added"|trans }}</h2>
							</div>
						{% endif %}
					</div>
				</div>
			</div>
			<div class="quote-block discount-col">
				<div class="quote-header">
					<h2 class="pull-left">{{ 'admin.quote_info.quote_charges_discount'|trans }}</h2>
				</div>
				<div class="quote-content">
					<div class="quote-block">
						<div class="quote-header-small">
							<h3 class="pull-left">{{ 'admin.quote_info.quote_additional_charges'|trans }}</h3>
{# 							<a class="admin-custom-btn pull-right" href="javascript:void(0)"><i class="fa fa-plus"></i>{{ 'admin.quote_info.quote_add_additional_charges'|trans }}</a}#}
						</div>
						<div class="quote-content">
							<div class="row">
								{% if data.isVisibleAdditionalCharges==1 %}
									{% set chargesCheck='checked="checked"' %}
								{% else %}
									{% set chargesCheck='' %}
								{% endif %}
								<div class="col-lg-5 col-md-5 col-xs-5 checkbox no-margin " id="js_isVisibleAdditionalCharges_{{ data.id }}" data-add-message="additionalChargesText">
									<label class="margin-right-10">
										<input name="form-field-checkbox" type="checkbox" class="ace js_show_message"  {{ chargesCheck }} data-quote-id="{{ data.id }}" data-fld-name="isVisibleAdditionalCharges">
										<span class="lbl">{{ 'admin.quote_info.quote_disply_message_charge'|trans }} </span>
									</label>
									{% if data.isVisibleAdditionalCharges==1 %}
										<input type="text" placeholder="{{ 'admin.quote_info.quote_enter_message_placeholder'|trans  }}" value="{{ data.additionalChargesText }}" class="js_onchange_quote_master"  data-is-numeric="0" data-add-message="additionalChargesText" data-quote-id="{{ data.id }}" />
									{% endif %}
								</div>

								<div class="col-lg-4 col-md-3 col-xs-3">
{# 									{{ ob_project_setting.currency_code|upper }}#}
									<input type="text" placeholder="{{ 'admin.quote_info.quote_additional_charges_placeholder'|trans  }}" value="{{ data.additionalChargesType }}" class="form-control js_onchange_quote_master" data-is-numeric="0" data-add-message="additionalChargesType" data-quote-id="{{ data.id }}" />
								</div>
								<div class="col-lg-2 col-md-3 col-xs-3 pull-right inline-charges-block">
									{{ ob_project_setting.currency_code|upper }}
									<input type="text" placeholder="0.00"  value="{{ data.additionalCharges|price }}" class="form-control js_onchange_quote_master js_quote_charge inline-charges" data-add-message="additionalCharges" data-is-numeric="1" data-quote-id="{{ data.id }}"/>
									
								</div>
							</div>
						</div>
					</div>
					<div class="product-info-col-3">
						<div class="row">
							<div class="col-xs-2">
								<label>{{ 'admin.quote_info.quote_discount'|trans }}</label>
							</div>
							{% if data.isVisibleDiscount==1 %}
								{% set discountCheck='checked="checked"' %}
							{% else %}
								{% set discountCheck='' %}
							{% endif %}
							<div class="col-lg-6 col-md-7 col-xs-6 checkbox no-margin" id="js_isVisibleDiscount_{{ data.id }}" data-add-message="discountText">
								<label class="margin-right-10">
									<input name="form-field-checkbox" type="checkbox" class="ace js_show_message"  {{ discountCheck }} data-quote-id="{{ data.id }}" data-fld-name="isVisibleDiscount">
									<span class="lbl">{{ 'admin.quote_info.quote_disply_message_discount'|trans }}</span>
								</label>
								{% if data.isVisibleDiscount==1 %}
	
									<input type="text" placeholder="{{ 'admin.quote_info.quote_enter_message_placeholder'|trans  }}" value="{{ data.discountText }}" class="js_onchange_quote_master" data-is-numeric="0" data-add-message="discountText" data-quote-id="{{ data.id }}" />
								{% endif %}
							</div>
							<div class="col-lg-2 col-md-2 col-xs-3 pull-right inline-charges-block">
								{{ ob_project_setting.currency_code|upper }}
								<input type="text" placeholder="0.00" class="form-control js_onchange_quote_master js_quote_discount inline-charges" value="{{ data.discount|price }}" data-add-message="discount" data-is-numeric="1" data-quote-id="{{ data.id }}" />
							</div>
						</div>
					</div>
					<div class="product-info-col-3">
						<div class="row">
							<div class="col-xs-2">
								<label>{{'admin.quote_info.quote_grand_total'|trans }}</label>
							</div>
							{% if data.isVisibleGrandTotal==1 %}
								{% set grandTotalCheck='checked="checked"' %}
							{% else %}
								{% set grandTotalCheck='' %}
							{% endif %}
							<div class="col-lg-6 col-md-7 col-xs-6 checkbox no-margin" id="js_isVisibleGrandTotal_{{ data.id }}" data-add-message="grandTotalText">
								<label class="margin-right-10">
									<input name="form-field-checkbox" type="checkbox" class="ace js_show_message"  {{ grandTotalCheck }} data-quote-id="{{ data.id }}" data-fld-name="isVisibleGrandTotal">
									<span class="lbl">{{ 'admin.quote_info.quote_disply_message_grand_total'|trans }} </span>
								</label>
								{% if data.isVisibleGrandTotal==1 %}
							
									<input type="text" placeholder="{{ 'admin.quote_info.quote_enter_message_placeholder'|trans  }}" value="{{ data.grandTotalText }}" class="js_onchange_quote_master" data-is-numeric="0" data-add-message="grandTotalText" data-quote-id="{{ data.id }}" />
								{% endif %}
							</div>
							<div class="col-lg-2 col-md-2 col-xs-3 pull-right inline-charges-block">
								{{ ob_project_setting.currency_code|upper }}
								<input type="text" placeholder="{{ '0.00' }}" value="{{ data.grandTotal|price }}" class="form-control inline-charges" readonly="readonly" id="js_quote_total"/>
							</div>
						</div>
					</div>
				</div>
			</div>

			<div class="quote-block">
				<div class="quote-header">
					<h2 class="pull-left">{{
						'admin.quote_info.quote_disclaimer_message'|trans }}</h2>
					{% if data.isVisibleFooterText==1 %}
						{% set footerClass='fa fa-eye' %}
					{% else %}
						{% set footerClass='fa fa-eye-slash' %}
					{% endif %}
					<a href="javascript:void(0);" class="show-header "><i class="{{ footerClass }} js-hide-show" data-quote-id="{{ data.id }}" data-fld-name="isVisibleFooterText"></i> <span>Show Footer</span></a>
				</div>
				<div class="quote-content">
					<textarea placeholder="{{ 'admin.quote_info.quote_comments_placeholder'|trans  }}" class="form-control" name="content_editor_footer">{{ (data.footerTextField is defined) ? data.footerTextField|raw : '' }} </textarea>
				</div>
			</div>
		</div>
	</div>
</div>

<div id="model-request-quote" class="modal fade" data-keyboard="false" data-backdrop="static" tabindex="-1"></div>
{% endblock main_content %}

{% block footer_js %}
	{{ parent() }}
	{{tinymce_init({'theme': {'simple': {'menubar': false}}}) }}
	<script>tinymce.init({selector:'textarea'});</script>
	{% javascripts 
		'@OfficeBrainQuoteBundle/Resources/public/js/admin-create-quote.js'
		'@OfficeBrainQuoteBundle/Resources/public/js/typeahead.min.js' %}
		<script src="{{ asset_url }}" type='text/javascript'></script>
	{% endjavascripts %}
{% endblock footer_js %}