{% set ob_city_dropdown = ob_project_setting['configuration_rule']['site_management']['option']['address']['option']['city']['option']['dropdown']['status'] %}
{% set ob_city_textbox = ob_project_setting['configuration_rule']['site_management']['option']['address']['option']['city']['option']['textbox']['status'] %}
{% set ob_state_dropdown = ob_project_setting['configuration_rule']['site_management']['option']['address']['option']['state']['option']['dropdown']['status'] %}
{% set ob_state_textbox = ob_project_setting['configuration_rule']['site_management']['option']['address']['option']['state']['option']['textbox']['status'] %}
{% set ob_country_dropdown = ob_project_setting['configuration_rule']['site_management']['option']['address']['option']['country']['option']['dropdown']['status'] %}
{% set ob_country_textbox = ob_project_setting['configuration_rule']['site_management']['option']['address']['option']['country']['option']['textbox']['status'] %}

<ul>
	<li class="pull-left"><a href="javascript:void(0);" class="js-open-address-table" id="{{ index.id }}" data-toggle="dropdown"><i class="fa fa-bars"></i>{{ index.firstName }}</a></li>
	<li class="pull-right buttons">
		<a href="javascript:void(0)" class="btn-xs sub-shop-btn js-edit-billing-address" data-user-id="{{ index.id }}" data-quote-id="{{ quote_id }}"  data-hover="tooltip"  data-toggle="modal" data-placement="top" data-original-title="{{'quote.icon.edit' | trans }}" title="{{'quote.icon.edit' | trans }}">
			<i class="fa fa-pencil-square-o"></i>
		</a>
		<a href="javascript:void(0)" class="btn-xs sub-shop-btn js-delete-user-address" data-user-id="{{ index.id }}" data-quote-id="{{ quote_id }}" data-hover="tooltip"  data-toggle="modal" data-placement="top" data-original-title="{{'quote.icon.delete' | trans }}" title="{{'quote.icon.delete' | trans }}">
			<i class="fa fa-trash-o"></i>
		</a>
	</li>
</ul>
<div class="address-table" aria-labelledby="{{ index.id }}" >
	<table>
		<tr>
			<td>
				<div class="user-img">
				 {% if index.photo is defined and index.photo !='' %}
		        	<img alt="" src="{{  asset('images/uploads/user_photo/' ~ index.photo)  }}" class=" js-profile-photo" width="100">
		           {% else %}
		           	<img alt="" src="{{ asset(ob_project_assets_base_url~'images/man-dummy.png') }}">
				{% endif %} 
				</div>
            </td>			
			<td>
				<span>{{ 'admin.quote_info.quote_address' |trans }}</span>
				<p>
				{% if index.address is defined and index.address!='' %}{{ index.address }},<br/>{% endif %}
				{% if index.street2 is defined and index.street2!='' %}{{ index.street2 }},<br/>{% endif %}
				
				{% if ob_city_dropdown %}
				{% if index.cityId is defined and index.cityId!='' %} {{ index.cityId|city }},{% endif %}
		        {% endif %}
		        
		        {% if ob_city_textbox %}
				{% if index.cityName is defined and index.cityName!='' %} {{ index.cityName }},{% endif %}
				{% endif %}
				
				{% if ob_state_textbox %}
                	{% if index.stateName is defined and index.stateName!='' %}{{ index.stateName }},{% endif %}
                {% elseif ob_state_dropdown %}
                	{% if index.stateId is defined and index.stateId!='' %}{{ index.stateId|state }},{% endif %}
                {% endif %}
				
		        {% if index.zipcode is defined and index.zipcode!='' %}{{ index.zipcode }},<br/>{% endif %}
		        
		        {% if ob_country_textbox %}
                	{% if index.countryName is defined and index.countryName!='' %}{{ index.countryName }}{% endif %}
                {% elseif ob_country_dropdown %}
                	{% if index.countryId is defined and index.countryId!='' %}{{ index.countryId|country }}{% endif %}
                {% endif %}
		        </p>
			</td>
		</tr>
		<tr>
			{% if index.phone is defined and index.phone!='' %}
			<td><i class="fa fa-phone"></i>{{ index.phone }}</td>
			{% endif %}
			{% if index.email is defined and index.email!='' %}
			<td><a href="mailto:{{ index.email }}"><i class="fa fa-envelope"></i>{{ index.email }}</a>
			{% endif %}
		</tr>
		<tr>
			{% if index.fax is defined and index.fax!='' %}
			<td><i class="fa fa-print"></i>{{ index.fax }}</td>
			{% endif %}
			{% if index.website is defined and index.website!='' %}
			<td><a href="javascript:void(0)"><i class="fa fa-globe"></i>{{ index.website }}</a></td>	
			{% endif %}	
		</tr>

	</table>
</div>