{% 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">
				<div style="text-align: left;"><h1 class="modal-title"><b>{{ 'Shipping address' }}</b></h1></div>
				<div style="text-align: left;"><h4>{{ "All fields are required unless they're explicitly marked as optional." }} </h4></div>
			</div>
			<div class="modal-body">
				<div class="row">
                  <form action="{{ path('office_brain_orderbundle_order_addcontactinsession' )}}" 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-12 col-xs-12">
			                <div class="form-group inp-parts">
			                	<label class="checkout-label" for="countryId">{{ 'user.contact_book.countryId.label'|trans }}</label>
								{% block order_guest_add_checkout_form_country_id %}
								{% endblock order_guest_add_checkout_form_country_id %}
								{% block order_guest_add_checkout_form_country_id_error %}
								{% endblock order_guest_add_checkout_form_country_id_error %}
			                </div>  
		                </div>

		                <div class="col-md-6 col-lg-6 col-sm-12 col-xs-12">
			                <div class="form-group">
			                	<label class="checkout-label" for="name">{{ 'First and last name' }}</label>
			                	{% block order_guest_add_checkout_form_name %}
								{% endblock order_guest_add_checkout_form_name %}
								{% block order_guest_add_checkout_form_name_error %}
			                	{% endblock order_guest_add_checkout_form_name_error %}
			                </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="email">{{ 'user.contact_book.email.label'|trans }}</label>
								{% block order_guest_add_checkout_form_email %}
								{% endblock order_guest_add_checkout_form_email %}
								{% block order_guest_add_checkout_form_email_error %}
								{% endblock order_guest_add_checkout_form_email_error %}
			                </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="phone">{{ 'user.contact_book.phone.label'|trans }}</label>
								{% block order_guest_add_checkout_form_phone %}
								{% endblock order_guest_add_checkout_form_phone %}
								{% block order_guest_add_checkout_form_phone_error %}
								{% endblock order_guest_add_checkout_form_phone_error %}
			                </div>
		                </div>
		                <div class="col-md-12 col-lg-12 col-sm-12 col-xs-12">
			                <div class="form-group">
			                	<label class="checkout-label" for="street1">{{ 'Address' }}</label>
								{% block order_guest_add_checkout_form_street_one %}
								{% endblock order_guest_add_checkout_form_street_one %}
								{% block order_guest_add_checkout_form_street_one_error %}
								{% endblock order_guest_add_checkout_form_street_one_error %}
			                </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="cityId">{{ 'user.contact_book.cityId.label'|trans }}<i class="mandatory-field">*</i></label>#}
								{% block order_guest_add_checkout_form_city_id %}
								{% endblock order_guest_add_checkout_form_city_id %}
								{% block order_guest_add_checkout_form_city_id_error %}
								{% endblock order_guest_add_checkout_form_city_id_error %}
			                </div>
		                </div>
		                <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 order_guest_add_checkout_form_zipcode %}
								{% endblock order_guest_add_checkout_form_zipcode %}
								{% block order_guest_add_checkout_form_zipcode_error %}
								{% endblock order_guest_add_checkout_form_zipcode_error %}
			                </div>
		                </div>
		                <div class="col-md-12 col-lg-12 col-sm-12 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 order_guest_add_checkout_form_state_id %}
								{% endblock order_guest_add_checkout_form_state_id %}
								{% block order_guest_add_checkout_form_state_id_error %}
								{% endblock order_guest_add_checkout_form_state_id_error %}
			                </div>
		                </div>
		                <div class="col-sm-6 col-xs-12 hide">
			                <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 order_guest_add_checkout_form_address_type %}
								{% endblock order_guest_add_checkout_form_address_type %}
								{% block order_guest_add_checkout_form_address_type_error %}
								{% endblock order_guest_add_checkout_form_address_type_error %}
		                	</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">			                	
								{% block order_guest_add_checkout_form_is_office %}
								{% endblock order_guest_add_checkout_form_is_office %}
								{% block order_guest_add_checkout_form_is_office_error %}
								{% endblock order_guest_add_checkout_form_is_office_error %}
			                </div>									                
		                </div>

		                <div class="col-md-6 col-lg-6 col-sm-6 col-xs-12 hide">
			                <div class="form-group">
			                	<label class="checkout-label" for="street2">{{ 'user.contact_book.street2.label'|trans }}</label>
								{% block order_guest_add_checkout_form_street_two %}
								{% endblock order_guest_add_checkout_form_street_two %}
								{% block order_guest_add_checkout_form_street_two_error %}
								{% endblock order_guest_add_checkout_form_street_two_error %}								
				            </div>
		                </div>

		                <div class="col-md-6 col-lg-6 col-sm-6 col-xs-12 hide">
			                <div class="form-group">
			                	<label class="checkout-label" for="mobile">{{ 'user.contact_book.mobile.label'|trans }}</label>
								{% block order_guest_add_checkout_form_mobile %}
								{% endblock order_guest_add_checkout_form_mobile %}
								{% block order_guest_add_checkout_form_mobile_error %}
								{% endblock order_guest_add_checkout_form_mobile_error %}
			                </div>
		                </div>

		                <div class="col-md-6 col-lg-6 col-sm-6 col-xs-12 hide">
			                <div class="form-group">
			                	<label class="checkout-label" for="extension">{{ 'user.contact_book.extension.label'|trans }}</label>
								{% block order_guest_add_checkout_form_extension %}
								{% endblock order_guest_add_checkout_form_extension %}
								{% block order_guest_add_checkout_form_extension_error %}
								{% endblock order_guest_add_checkout_form_extension_error %}
			                </div>
		                </div>

		                <div class="col-md-6 col-lg-6 col-sm-6 col-xs-12 hide">
			                <div class="form-group">
			                	<label class="checkout-label" for="fax">{{ 'user.contact_book.fax.label'|trans }}</label>
								{% block order_guest_add_checkout_form_fax %}
								{% endblock order_guest_add_checkout_form_fax %}
								{% block order_guest_add_checkout_form_fax_error %}
								{% endblock order_guest_add_checkout_form_fax_error %}
			                </div>
		                </div>

		                <div class="col-md-6 col-lg-6 col-sm-6 col-xs-12 hide">
			                <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 order_guest_add_checkout_form_website %}
								{% endblock order_guest_add_checkout_form_website %}
								{% block order_guest_add_checkout_form_website_error %}
								{% endblock order_guest_add_checkout_form_website_error %}
			                </div>
		                </div>

		            </div>
		            
					<div class="btn-box-main">
						{% block order_guest_add_checkout_form_btn_submit %}
							<input type="button" tabindex="17" value="{{ 'user.contact_book.submit.label'|trans }}" class="btn btn-default js-transaction-submit-btn">
						{% endblock order_guest_add_checkout_form_btn_submit %}
						{% block order_guest_add_checkout_form_btn_reset %}
							<input type="reset" tabindex="18" value="{{ 'reset'|trans({},'app') }}" class="btn btn-default" />
						{% endblock order_guest_add_checkout_form_btn_reset %}
						<input type="hidden"  value="" name="guest_shipping_method_type" class="js-guest-shipping-method-type"/>
						<input type="hidden"  value="" name="guest_shipping_method_product_id" class="js-guest-shipping-method-product-id"/>
	                </div>
                </div>
        	{{ form_rest(contactBookForm, {'display': 'hidden'}) }}
			</form>
				</div>	
                
			</div>
		</div>
	</div>
	
	<!-- TO DO MAKE ONE BLOCK FOR THIS -->
	{% block order_guest_add_checkout_form_jquery %}    
	{% endblock order_guest_add_checkout_form_jquery %}
	
{% endblock ajax_body %}