{% extends app.request.get('project_setting').instance_theme_path~':'~ app.request.get('project_setting').instance_theme ~':themeBase.html.twig' %}

{% block main_content %}
	<div class="container main">
    	<div class="content-info-page">
            <div class="innerpage row">
                <div class="col-xs-12">
                    {% use 'OfficeBrainCustomBundleThemeBundle:IdmeTheme:BaseUIElements/breadCrumb.html.twig' %}
                    {% block bread_crumb %}{{ parent() }}{% endblock bread_crumb %}
                	<div class="ob-my-quote-detail-block">
                		<div class="ob-my-quote-section">
			        		<div class="row">
	                            <div class="col-xs-12">
	                                <a href="{{ url('office_brain_userbundle_user_my_account_info') }}" class="pull-right ui-link"><i aria-hidden="true" class="fa fa-angle-left"></i> {{ "my_account_order.back_to_my_account"|trans({},'goldstar') }}</a>
	                            </div>
	                        </div>
	                    </div>
                    	<h1 class="main-title">
							{% if app.request.get('mode') == "edit" %}
								<i class="fa quote-icon"> </i> {{ 'admin.quote_info.edit_quote' |trans}}
							{% else %}
								<i class="fa quote-icon"> </i> {{ 'user.my_account_info.new_quote' |trans({},'goldstar') }}
							{% endif %}
						</h1>
                    	<div class="quote-detail-wrapper">
	                        <div class="ui-quote-block">
	                            <div class="quote-detail-title">
	                                <ul class="pull-right">
	                                	<li>
                                            {% block save_quote_block %}{% endblock save_quote_block %}
                                        </li>
										<li>
                                            {% block preview_quote_block %}{% endblock preview_quote_block %}
                                        </li>
                                        <li>
                                            {% block send_quote_block %}{% endblock send_quote_block %}
                                        </li>
                                        
                                        <li class="dropdown js_quote_activity_li" id="js_quote_activity_li">
                                            {% block quote_activity_block %}{% endblock quote_activity_block %}
                                        </li>
                                        <li>
                                            {% block duplicate_quote_block %}{% endblock duplicate_quote_block %}
                                        </li>
                                        <li>
                                            {% block close_quote_block %}{% endblock close_quote_block %}
                                        </li>                                                
	                                </ul>
	                                <div class="clearfix"></div>
	                            </div>
	                        </div>
                        	<div class="row">
                            	<div class="ui-quote-wrapper col-lg-12 col-md-12 col-xs-12">
	                                <div class="quote-block title-colum">
	                                    <div class="quote-header-block">
	                                    
	                                    
	                                    	<div class="row">
	                                        	<div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
	                                            	<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>
	                                            <div class="col-lg-5 col-md-5 col-sm-6 col-xs-12 form-group search-width">
	                                            	<label for="">{{ "my_account_my_quote.quote_name"|trans({},'goldstar') }}:</label>
	                                                {% block quote_title_block %}{% endblock quote_title_block %}
	                                            </div>
	                                            <div class="col-lg-2 col-md-3 col-sm-6 col-xs-12 date-col pull-right">
	                                            	<label for="">{{ "my_order_list.date"|trans({},'goldstar') }}:</label>
	                                                <div class="input-append date input-group date-block pull-left datetimepicker" id="datetimepicker13">
	                                                    {% if (data.expiredAt == "") %}
															{% set expire_date = "" %}
														{% else%}
															{% set expire_date = data.expiredAt|dateFormat %}
														{% 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">
	                                                    	<i class="fa-calendar fa"></i>
	                                                	</span>
	                                                </div>
	                                            </div>
	                                        </div>
{# 	                                        {% block show_header_block %}{% endblock show_header_block %}#}
{# 	                                        <span class="show-date pull-right">{{ 'admin.quote_info.quote_date' |trans }}: {{ data.createdAt|dateFormatQuote }}</span>#}
	                                    </div>
	                                    <div class="quote-content">
	                                        {% block quote_content_block %}{% endblock quote_content_block %}
	                                        <div class="checkbox pull-right">
                                        		<input type="checkbox" id="Hide-footer">
                                        		<label for="Hide-footer">{{ "my_account_my_quote.hide_header"|trans({},'goldstar') }}</label>
                                        	</div>
                                        	<div class="clearfix"></div>
	                                    </div>
	                                </div>
	                                <div class="row">
	                                    {% block quote_customer_info_block %}{% endblock quote_customer_info_block %}
	                                    {% block quote_distributor_info_block %}{% endblock quote_distributor_info_block %}
	                                </div>
	                                <div id="product_overview" class="quote-block title-colum">
	                                    <div class="quote-header quote-detail-title">
	                                        <h2 class="pull-left">{{ "my_account_my_quote.product_overview"|trans({},'goldstar') }}</h2>
{# 	                                        <div class="top-title-form pull-right">#}
{# 	                                            {% block search_and_add_product_block %}#}
{# 	                                            	{% 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 custom-button" data-quote-id="{{ data.id }}"> <i class="fa fa-search"></i> {{'my_account_quote.search_and_addproduct'| trans({},'goldstar') }}</a>#}
{# 	                                            	{% 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="custom-button"> <i class="fa fa-edit"></i>{{ 'my_account_quote.create_and_editproduct' |trans({},'goldstar') }}</a>#}
{# 													{% endif %}#}
{# 												{% endblock search_and_add_product_block %}#}
{# 	                                        </div>#}
	                                    </div>
	                                    <div class="quote-content">
	                                    	<div class="panel-group" id="accordion1">
	                                        	<div id="js_product_list" class="panel-group2">
		                                            {% if data.quoteItemLine|length>0 %}
		                                                {% block product_list_block %}{% endblock product_list_block %}
		                                            {% else %}
		                                                <div align="center">
		                                                    <h2>
		                                                        {{ "admin.quote_info.quote_no_product_added"|trans }}
		                                                    </h2>
		                                                </div>
		                                            {% endif %}
	                                        		<!-- <a class="btn custom-button" data-toggle="modal" data-target="#search_add_products_popup" href="javascript:void(0);" data-original-title="" title="">ADD NEW PRODUCT</a> -->
	                                        		<div class="clearfix"></div>
	                                        	</div>
	                                        	<div class="panel-group2">
	                                        		<div class="top-title-form pull-right2">
			                                            {% block search_and_add_product_block %}
			                                            	{% 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 custom-button" data-quote-id="{{ data.id }}"> <i class="fa fa-search"></i> {{ "my_account_my_quote.add_new_product"|trans({},'goldstar') }}</a>
			                                            	{% 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="custom-button"> <i class="fa fa-edit"></i>{{ "my_account_my_quote.add_new_product"|trans({},'goldstar') }}</a>
															{% endif %}
														{% endblock search_and_add_product_block %}
			                                        </div>
	                                        		<div class="clearfix"></div>
	                                        	</div>
	                                        </div>
	                                    </div>
	                                </div>
	                                <div class="quote-block discount-col title-colum">
	                                    <div class="quote-header quote-detail-title">
	                                        <h2 class="pull-left">{{ 'admin.quote_info.quote_additional_charges' |trans }}</h2>
	                                    </div>
	                                    <div class="quote-content">
	                                        <div class="product-info-col-3">
	                                            <div class="row">
	                                                <div class="col-lg-3 col-md-12 col-sm-12 col-xs-12"><input type="text" class="form-control" value="" placeholder="{{ "my_account_my_quote.enter_charge_name"|trans({},'goldstar') }}"></div>
	                                                <div class="col-lg-4 col-md-5 col-sm-12 col-xs-12 checkbox-block" id="js_isVisibleAdditionalCharges_{{ data.id }}" data-add-message="additionalChargesText">
	                                                    <label>
	                                                        {% block additional_charges_block %}{% endblock additional_charges_block %}
	                                                        <span class="lbl">{{ 'admin.quote_info.quote_disply_message_charge'|trans }}</span>
	                                                    </label>
	                                                     {% if data.isVisibleAdditionalCharges==1 %}
	                                                    <div class="">
	                                                        {% block additional_charges_text_block %}{% endblock additional_charges_text_block %}
	                                                    </div>
	                                                {% endif %}
	                                                </div>
	                                               
	                                                <div class="col-lg-3 col-md-4 col-sm-5 col-xs-12">
	                                                    {% block additional_charges_type_block %}{% endblock additional_charges_type_block %}
	                                                </div>
	                                                <div class="col-lg-2 col-md-3 col-sm-7 col-xs-12 amout-col pull-right">
	                                                	<div class="quote-charges-block-tab2">
		                                                	<label>{{ ob_project_setting.currency_code|upper }}</label>
		                                                    {% block additional_charges_currency_block %}{% endblock additional_charges_currency_block %}
		                                                </div>
	                                                </div>
	                                                <div class="clearfix"></div>
{# 	                                                <a class="btn custom-button" href="">{{ "my_account_my_quote.add_additional_charge"|trans({},'goldstar') }}</a>#}
	                                            </div>
	                                        </div>
	                                    </div>
	                                    <div class="quote-header quote-detail-title">
	                                        <h2 class="pull-left">{{ 'admin.quote_info.quote_discount'|trans }}</h2>
	                                    </div>
	                                    <div class="quote-content">
	                                        <div class="product-info-col-3">
	                                            <div class="row">
	                                                <div class="col-lg-3 col-md-12 col-sm-12 col-xs-12"><input type="text" class="form-control" value="" placeholder="{{ "my_account_my_quote.enter_charge_name"|trans({},'goldstar') }}"></div>
	                                                <div class="col-lg-4 col-md-5 col-sm-12 col-xs-12 checkbox-block" id="js_isVisibleDiscount_{{ data.id }}" data-add-message="discountText">
	                                                    <label>
	                                                        {% block discount_block %}{% endblock discount_block %}
	                                                        <span class="lbl">{{ 'admin.quote_info.quote_disply_message_discount'|trans }} </span>
	                                                    </label>
	                                                     {% if data.isVisibleDiscount==1 %}
	                                                    <div class="">
	                                                        {% block discount_text_block %}{% endblock discount_text_block %}
	                                                    </div>
	                                               		{% endif %}
	                                                </div>
	                                               
	                                                <div class="col-lg-2 col-md-3 col-sm-7 col-xs-12 amout-col pull-right">
	                                                	<div class="quote-charges-block-tab2">
		                                                	<label>{{ ob_project_setting.currency_code|upper }}</label>
		                                                    {% block discount_currency_block %}{% endblock discount_currency_block %}
		                                                </div>
	                                                </div>
	                                                <div class="clearfix"></div>
{# 	                                                <a class="btn custom-button" href="">{{ "my_account_my_quote.add_discount"|trans({},'goldstar') }}</a>#}
	                                            </div>
	                                        </div>
	                                    </div>
	                                    <div class="order-total">
	                                    	<div class="product-info-col-32 grand-total-col2">
	                                            <div class="row">
	                                                <div class="col-lg-3 col-md-12 col-sm-12 col-xs-12"></div>
	                                                <div class="col-lg-4 col-md-5 col-sm-12 col-xs-12 checkbox-block" id="js_isVisibleGrandTotal_{{ data.id }}" data-add-message="grandTotalText">
	                                                    <label>
	                                                        {% block grand_total_block %}{% endblock grand_total_block %}
	                                                        <span class="lbl">{{ 'admin.quote_info.quote_disply_message_grand_total'|trans }}</span>
	                                                    </label>
	                                                    {% if data.isVisibleGrandTotal==1 %}
	                                                    <div class="">
	                                                        {% block grand_total_text_block %}{% endblock grand_total_text_block %}
	                                                    </div>
	                                                	{% endif %}
	                                                </div>
	                                                <div class="col-lg-3 col-md-4 col-sm-9 col-xs-12"><span>{{ 'admin.quote_info.quote_grand_total' | trans }}</span></div>
	                                                <div class="col-lg-2 col-md-3 col-sm-3 col-xs-12 amout-col pull-right">
	                                                	<div class="quote-charges-block-tab2">
	                                                    	<label>{{ ob_project_setting.currency_code|upper }}</label>{% block grand_total_currency_block %}{% endblock grand_total_currency_block %}
	                                                    </div>
	                                                </div>
	                                            </div>
	                                        </div>
	                                    </div>
	                                </div>
	                                <div class="quote-block discount-col title-colum">
	                                	<div class="quote-header quote-detail-title">
											<h2 class="pull-left">{{ 'admin.quote_info.quote_disclaimer_message'|trans }}</h2>
{# 	                                        {% block footer_block %}{% endblock footer_block %}#}
                                    	</div>
                                    	<div class="quote-content">
											{% block footer_content_block %}{% endblock footer_content_block %}
                                         	{% block footer_content_replay_block %}{% endblock footer_content_replay_block %}
                                         	<div class="checkbox pull-right">
	                                        	<input type="checkbox" id="Hide-footer-1">
	                                        	<label for="Hide-footer-1">{{ "my_account_my_quote.hide_footer"|trans({},'goldstar') }}</label>
	                                        </div>
	                                        <div class="clearfix"></div>
										</div>
                                	</div>
                            	</div>
		                    </div>
        		        </div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div id="model-quote" class="modal fade" data-keyboard="false" data-backdrop="static" tabindex="-1"></div>
{% endblock main_content %}

{% block footer_js %}
 	{{ parent() }}
	 {% javascripts '@OfficeBrainCustomBundleThemeBundle/Resources/public/IdmeTheme/js/transaction-custom.js'
	 				%}
        <script src="{{ asset_url }}" type='text/javascript'></script>
    {% endjavascripts %}
{% endblock footer_js %}