{% 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'] %}

<div class="billing-address-col">
	<div class="address-col">
		<ul>
			<li class="pull-left"><i class="fa fa-bars"></i>{{ index.firstName }}</li>
		</ul>
		<div class="address-table" style="display: block !important;">
			<table class="table-responsive">
				<tr>
					<td width="35%">
						<div class="user-img">
						{% if index.photo is defined and index.photo !='' %}
	                        <img alt="" src="{{ ob_project_base_url~asset('images/uploads/user_photo/' ~ index.photo)  }}" class="js-profile-photo" width="100">
								{% else %}
	                      	<img src="{{ ob_project_base_url~asset(ob_project_assets_base_url ~ 'images/man-dummy.png')}}" alt="" />
                    	{% endif %}
						</div>
					</td>
					<td><span>{{ index.firstName }} </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 class="nowrap"><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></td>{% endif %}
				</tr>
				<tr>
					{% if index.fax is defined and index.fax!='' %}<td class="nowrap"><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>
	</div>
</div>