{% extends '::baseAjax.html.twig' %} 
{% block ajax_body %}

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

            <input type="hidden" id="js-user-id" value="{{ userData.id }}" >
            <input type="hidden" id="js-quote-id" value="{{ userData.id }}" >
            <div class="billing-address-col" id="js-login-user-to-quote">
				<div class="address-table" aria-labelledby="{{ userData.id }}" style="display: block;">
				    <table id="js-quote-update-ajax-distributor-info-block">       
				    	<tr>
				    		<td width="15%">
				    			<div class="user-img">
				    				{% if userData.photo is defined and userData.photo !='' %}
							        	<img alt="" src="{{  asset('images/uploads/user_photo/' ~ userData.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 width="85%">
				    			<div class="name">{{ userData.firstName }} {{ userData.lastName }}</div>
				    			<span>{{ userData.companyName }}</span>
				    			<p>
				    				{% if userData.address is defined and userData.address!='' %}{{ userData.address }}, <br/>{% endif%}
					            	{% if userData.street2 is defined and userData.street2!='' %}{{ userData.street2 }}, <br/>{% endif%}
					                
					            	{% if ob_city_dropdown %}
					            		{% if userData.cityId is defined and userData.cityId!=''%}{{ userData.cityId|city }},{% endif %}
					                {% endif %}
					                
					                {% if ob_city_textbox %}
					                	{% if userData.cityName is defined and userData.cityName!=''%}{{ userData.cityName }},{% endif %}
					                {% endif %}
					                
					                {% if ob_state_textbox %}
                                    	{% if userData.stateName is defined and userData.stateName!=''%}{{ userData.stateName }},{% endif %}
                                    {% elseif ob_state_dropdown %}
                                    	{% if userData.stateId is defined and userData.stateId!=''%}{{ userData.stateId|state }},{% endif %}
                                    {% endif %}
					                
					            	{% if userData.zipcode is defined and userData.zipcode!='' %}{{ userData.zipcode }},{% endif %}<br/>
					                
					                {% if ob_country_textbox %}
                                    	{% if userData.countryName is defined and userData.countryName!='' %}{{ userData.countryName }}<br/>{% endif %}
                                    {% elseif ob_country_dropdown %}
                                        {% if userData.countryId is defined and userData.countryId!='' %}{{ userData.countryId|country }}<br/>{% endif %}
                                    {% endif %}
					            	
				    			</p>
				    			{% if userData.phone is defined and userData.phone!='' %}
									<div>
					    				<i>Phone:</i> {{ userData.phone }}
					    			</div>
								{% endif %}
					    		{% if userData.email is defined and userData.email!='' %}
									<div>
					    				<i>Email: </i><a href="mailto:{{ userData.email }}">{{ userData.email }}</a>
					    			</div>
								{% endif %}
					    		{% if userData.fax is defined and userData.fax!='' %}
									<div>
										<i>Fax:</i> {{ userData.fax }}
									</div>
								{% endif %}
								{% if userData.website is defined and userData.website!='' %}
									<div>
										<i>Website: </i><a href="javascript:void(0)">{{ userData.website }}</a>
									</div>	
								{% endif %}
				    		</td>
				    	</tr>
					</table>
				</div>
            </div>
{% endblock ajax_body %}