{% extends '::baseAjax.html.twig' %} 
{% block ajax_body %}
{% if billing_address|length>0 %}
	{% for addressDetail in billing_address %}
		<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12" id="js-edit-user-{{ addressDetail.id }}">
			<div class="account-address-block">
				<div class="address-inner-block js-select-address-for-checkout">
					<div class="address-title-block">
                    	<h4>{{ addressDetail.name }}</h4>
{#                     	<span class="company-icon">#}
{# 							<a href="javascript:void(0)" data-original-title="Edit" data-placement="top" data-toggle="tooltip" data-id="{{ addressDetail.id }}"  class="js_open_modal_checkout_edit_billing_address" #}
{# 								data-url="{{ path('office_brain_orderbundle_order_editcheckoutshippingaddress', { 'contactBookId' : addressDetail.id }) }}" >#}
{# 								<i class="fa fa-pencil-square-o"></i>#}
{# 							</a>#}
{# 						</span>#}
						<div class="clearfix"></div>
                    </div>
                    
                    <div class="address-info-block">
{# 						<i class="fa address-icon"></i>#}
						<div class="addr-addr-text">				                              
						    <p>
							    {% if addressDetail.companyName !='' %}{{ addressDetail.companyName }}<br /> {% endif %}
								{% if addressDetail.email !='' %}{{ addressDetail.email }}<br /> {% endif %}
								{% if addressDetail.street1 !='' %} {{ addressDetail.street1 }}, {% endif %}
								{% if addressDetail.street2 !='' %} {{ addressDetail.street2 }} {% endif %}
								<br />
								{% if addressDetail.cityId != '' %}{{ addressDetail.cityId|city }}, {% endif %} 
								{% if addressDetail.stateId != '' %}{{ addressDetail.stateId|state }}, {% endif %}
								{% if addressDetail.zipcode != '' %}{{ addressDetail.zipcode }} {% endif %}
								{% if addressDetail.countryId != '' %} <br /> {{ addressDetail.countryId|country }} {% endif %}
{# 							    <span class="small-text">(Residential Address)</span>#}
						    </p>
						</div>
					</div>
					<div class="address-contact-info-block">
						<ul>
							{% if addressDetail.phone is defined and addressDetail.phone != '' %} 
							    <li>
							    	{{'add_checkout.user.contact_book.phone.lab'|trans }} : {{ addressDetail.phone }}
							    </li>
						    {% endif %}
						    
						    {% if addressDetail.extension is defined and addressDetail.extension != '' %} 
							    <li>
							    	Ext : {{ addressDetail.extension }}
							    </li>
						    {% endif %}
						    
						    {% if addressDetail.mobile is defined and addressDetail.mobile != '' %} 
							    <li>
							    	{{'add_checkout.user.contact_book.mobile.lab'|trans }} : {{ addressDetail.mobile }}
							    </li>
						    {% endif %}
						    
							{% if addressDetail.fax is defined and addressDetail.fax != '' %}
							    <li>
									{{'add_checkout.user.contact_book.fax.lab'|trans }} : {{ addressDetail.fax }}
							    </li>
						    {% endif %}
						    
{# 							{% if addressDetail.email is defined and addressDetail.email != '' %}#}
{# 							    <li>#}
{# 									{{'add_checkout.user.contact_book.email.label'|trans }} : {{ addressDetail.email }}#}
{# 							    </li>#}
{# 						    {% endif %}#}
						    
							{% if addressDetail.website is defined and addressDetail.website != '' %}
							    <li>
									{{'add_checkout.user.contact_book.website.lab'|trans }} : {{ addressDetail.website }}
							    </li>
						    {% endif %}
						</ul>
					</div>
					<div class="clearfix"></div>
				</div>
			</div>
		</div>
	{% endfor %}
{% else %}
	<div class="tab-padding">
		<div class="row">
			<div class="col-lg-12">
				<div class="tab-marging2">
					<div class="info-text">
						<i class="fa fa-info-circle"></i><span>{{ 'plz_add_bill_address'|trans }}</span>
					</div>
				</div>
			</div>
		</div>
	</div>

{% endif %}
{% endblock ajax_body %}