{% extends '::baseAjax.html.twig' %}
{% block ajax_body %}
<!-- Request Quick View Block -->
	<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-question-circle"></i> {{ 'request_quote.shipping_type.edit_shipping_address'|trans }}</h1>
			</div>
			<div class="modal-body">
				<div class="row">
                  <form action="{{ path('office_brain_requestquotebundle_requestquote_editcontactinsession' )}}" method="post" id="contact_book_add" novalidate>
				  {% set counter = app.request.get('counter',null) %}
                  {% if counter != null %}
                  	<input type="hidden" name="counter" value="{{ app.request.get('counter') }}" />
                  {% endif %}
         		<div class="col-md-12 col-lg-12 col-sm-12 col-xs-12">
	                <div class="row">
		                <div class="col-md-6 col-lg-6 col-sm-6 col-xs-12">
			                <div class="form-group">
			                	<label class="checkout-label" for="name">{{ 'user.contact_book.name.label'|trans }}<i class="mandatory-field">*</i></label>
			                	{% block contactbook_name %}{% endblock contactbook_name %}			                	
			                </div>
		                </div>
		                <div class="col-sm-6 col-xs-12">
			                <div class="form-group inp-parts">
			                	<label class="checkout-label" for="adressType">{{ 'user.contact_book.addressType.label'|trans }}<span class="mandatory-field">*</span></label>
			                	{% block contactbook_addresstype %}{% endblock contactbook_addresstype %}			                	
			                </div>
		                </div>
		                <div class="col-md-12 col-lg-6 col-lg-offset-6 col-sm-12 col-xs-12 js-isoffice" style="display: none;">
			                <div class="form-group">			                	
{# 			                	{{ form_widget(contactBookForm.isOffice,{'attr':{'class':'input','data-toggle':'tooltip','data-placement':'bottom','title':''}} ) }}#}
{# 			                	{{ form_errors(contactBookForm.isOffice) }}#}
			                </div>									                
		                </div>
		            </div>
		            <div class="row">
		                <div class="col-md-6 col-lg-6 col-sm-6 col-xs-12">
			                <div class="form-group">
			                	<label class="checkout-label" for="email">{{ 'user.contact_book.email.label'|trans }}<i class="mandatory-field">*</i></label>
			                	{% block contactbook_email %}{% endblock contactbook_email %}			                	
			                </div>
		                </div>
		                <div class="col-md-6 col-lg-6 col-sm-6 col-xs-12">
			                <div class="form-group">
			                	<label class="checkout-label" for="street1">{{ 'user.contact_book.street1.label'|trans }}<i class="mandatory-field">*</i></label>
			                	{% block contactbook_address1 %}{% endblock contactbook_address1 %}			                	
			                </div>
		                </div>
		            </div>
		            <div class="row">
		                <div class="col-md-6 col-lg-6 col-sm-6 col-xs-12">
			                <div class="form-group">
			                	<label class="checkout-label" for="street2">{{ 'user.contact_book.street2.label'|trans }}</label>
			                	{% block contactbook_address2 %}{% endblock contactbook_address2 %}			                	
				            </div>
		                </div>
		                <div class="col-sm-6 col-xs-12">
			                <div class="form-group inp-parts">
			                	<label class="checkout-label" for="countryId">{{ 'user.contact_book.countryId.label'|trans }}<i class="mandatory-field">*</i></label>
			                	{% block contactbook_country %}{% endblock contactbook_country %}			                	
			                </div>  
		                </div>
		            </div>
		            <div class="row">
		                 <div class="col-sm-6 col-xs-12">
			                <div class="form-group inp-parts">
			                	<label class="checkout-label" for="stateId">{{ 'user.contact_book.stateId.label'|trans }}<i class="mandatory-field">*</i></label>
			                	{% block contactbook_state %}{% endblock contactbook_state %}			                	
			                </div>
		                </div>
		                 <div class="col-sm-6 col-xs-12">
			                <div class="form-group inp-parts">
			                	<label class="checkout-label" for="cityId">{{ 'user.contact_book.cityId.label'|trans }}<i class="mandatory-field">*</i></label>
			                	{% block contactbook_city %}{% endblock contactbook_city %}			                	
			                </div>
		                </div>
		            </div>
		            <div class="row">
		                <div class="col-md-6 col-lg-6 col-sm-6 col-xs-12">
			                <div class="form-group js-zipcode-validate">
			                	<label class="checkout-label" for="zipcode">{{ 'user.contact_book.zipcode.label'|trans }}<i class="mandatory-field">*</i></label>
			                	{% block contactbook_zipcode %}{% endblock contactbook_zipcode %}			                	
			                </div>
		                </div>
		                <div class="col-md-6 col-lg-6 col-sm-6 col-xs-12">
			                <div class="form-group">
			                	<label class="checkout-label" for="extension">{{ 'user.contact_book.extension.label'|trans }}</label>
			                	{% block contactbook_extension %}{% endblock contactbook_extension %}			                	
			                </div>
		                </div>
		             </div>
		            <div class="row">
		                <div class="col-md-6 col-lg-6 col-sm-6 col-xs-12">
			                <div class="form-group">
			                	<label class="checkout-label" for="phone">{{ 'user.contact_book.phone.label'|trans }}</label>
			                	{% block contactbook_phone %}{% endblock contactbook_phone %}			                	
			                </div>
		                </div>
		                <div class="col-md-6 col-lg-6 col-sm-6 col-xs-12">
			                <div class="form-group">
			                	<label class="checkout-label" for="mobile">{{ 'user.contact_book.mobile.label'|trans }}</label>
			                	{% block contactbook_mobile %}{% endblock contactbook_mobile %}			                	
			                </div>
		                </div>
		             </div>
		            <div class="row">
		                <div class="col-md-6 col-lg-6 col-sm-6 col-xs-12">
			                <div class="form-group">
			                	<label class="checkout-label" for="fax">{{ 'user.contact_book.fax.label'|trans }}</label>
			                	{% block contactbook_fax %}{% endblock contactbook_fax %}			                	
			                </div>
		                </div>
		                <div class="col-md-6 col-lg-6 col-sm-6 col-xs-12">
			                <div class="form-group">
			                	<label class="checkout-label" for="website">{{ 'user.contact_book.website.label'|trans }} &nbsp;<span class="no-texttransform">({{ 'user.contact_book.website.example'|trans }})</span></label>
			                	{% block contactbook_website %}{% endblock contactbook_website %}			                	
			                </div>
		                </div>
					</div>
					<div class="btn-box-main">
						<input type="button" tabindex="17" value="{{ 'user.contact_book.submit.label'|trans }}" class="btn btn-default js-transaction-submit-btn">
						<input type="reset" tabindex="18" value="{{ 'reset'|trans({},'app') }}" class="btn btn-default" />
						<input type="hidden"  value="{{ requestData.method }}" name="guest_shipping_method_type" class="js-guest-shipping-method-type"/>
						<input type="hidden"  value="{{ requestData.productId }}" name="guest_shipping_method_product_id" class="js-guest-shipping-method-product-id"/>
	                </div>
                </div>
                {% block form_rest %}{% endblock form_rest %}        	
			</form>
				</div>	
                
			</div>
		</div>
	</div>
	
	{% block additional_script %}
		<script type="text/javascript"> 
		 $(".custom-select").each(function () {
		    $(this).wrap("<span class='checkout-select-wrapper select-block'></span>");
		    $(this).after("<span class='checkout-holder'></span>");
		    var selectedOption = $(this).find(":selected").text();
			$(this).parents(".checkout-select-wrapper").find(".checkout-holder").text(selectedOption);
		});
		
		</script>
	{% endblock additional_script %}
	
{% endblock ajax_body %}