{# RELATED EXPERT'S #}
	{% if related_experts|length > 0 %} 
		<div  class="row" id="related_expert_content">
			<div class="col-md-12">
				{% if d2_sys_config('sys_related_divide') == true %}
					<h2>Related {% trans %}Experts{% endtrans %} ({{ related_experts|length }})
						{% if related_experts|length > 3 %} 
						{% if (skip - 3) >= 0 %} 
						<span onclick="javascript:fetchRelated('expert', 'up', {{ skip }}, '{{ tags }}', '{{ exclude_related }}'); return false;" class="pull-right glyphicon glyphicon-arrow-up" aria-hidden="true" style="cursor:pointer"></span>
						{% endif %}
						{% if (skip + 3) < related_experts|length %} 
						<span onclick="javascript:fetchRelated('expert', 'down', {{ skip }}, '{{ tags }}', '{{ exclude_related }}'); return false;" class="pull-right glyphicon glyphicon-arrow-down" aria-hidden="true" style="cursor:pointer"></span>
						{% endif %}
						{% endif %}
					</h2>
				{% endif %}
				<div class="clearfix"></div>
				{% set related_cnt = 0 %}
				{% set displayed_cnt = 0 %}
				{% if related_experts|length > 0 %}
					{% for related_expert in related_experts if displayed_cnt != 3 %}
						{% if (exclude_related == false) or (related_expert.id != exclude_related) %}
							{% set related_cnt = related_cnt + 1 %}
							{% if related_cnt > skip %}
							{% set displayed_cnt = displayed_cnt + 1 %}

							{% if app.user %}
								{% if related_expert.chatStatus == 0 %}
								{% set pop_title = "I'm Currently Off-Line" %}
								{% set pop_content = "Apologies, but I can't chat now. Pls message me for a future chat time." %}
								{% elseif related_expert.chatStatus == 1 %}
								{% set pop_title = "I'm Currently On-Line" %}
								{% set pop_content = "I'm ready to chat right now! Click here to get going." %}
								{% elseif related_expert.chatStatus == 2 %}
								{% set pop_title = "I'm Currently Busy" %}
								{% set pop_content = "I'm currently busy with a chat. Pls try a little later to see if I'm free.." %}
								{% endif %}
							{% else %}
								{% set pop_title = "Chat to an Expert" %}
								{% set pop_content = "Please logon if you want to chat to one of our experts." %}
							{% endif %}

							<div class="row">
								<div class="col-md-3">
									<a href="{{ path('expert_show', { 'id': related_expert.id}) }}">
									{% if related_expert.customer.path %}
									<img src="/uploads/customer/images/{{ related_expert.customer.getBestPath }}?v={{ related_expert.customer.version }}" width="140px" alt="EXPERT" class="img-responsive img-rounded">
									{% else %}
									<img src="{{ asset('bundles/d2core/images/user.png') }}" width="140px" alt="EXPERT" class="img-responsive img-rounded">
									{% endif %}
									</a>
								</div>	
								<div class="col-md-8">
									<table style="margin-left:10px; font-size:18px">
										<tr><td><h4 style="font-family:'Arial Black', Gadget, sans-serif">{{ related_expert.customer.displayName }}</h4></td></tr>
										<tr><td>{{ related_expert.title }}, {{ related_expert.orginization }}</td></tr>
										<tr><td>{{ related_expert.customer.country }}</td></tr>
										{% if d2_sys_config('sys_related_show_desc') %}<p>{{ related_expert.titleInfo }}</p>{% endif %}
										<tr><td>
											{% if related_expert.chatStatus == 0 %}
											<p style="font-size:12px" class="text-danger"><b>I AM CURRENTLY OFF LINE</b></p>
											{% elseif related_expert.chatStatus == 1 %}
											<p style="font-size:12px" class="text-success"><b>I AM CURRENTLY ON LINE</b></p>
											{% elseif related_expert.chatStatus == 2 %}
											<p style="font-size:12px" class="text-warning"><b>I AM CURRENTLY BUSY ON ON A CHAT</b></p>
											{% endif %}
										</td></tr>
									</table>
									<a class="btn btn-default pull-right" href="{{ path('expert_show', { 'id': related_expert.id}) }}" role="button">Connect</a>
								</div>	
							</div>	
							<hr/>
							{% endif %}
						{% endif %}
					{% endfor %}
				{% endif %}
			</div>
		</div>
	{% endif %}