{% extends 'D2ExpertBundle::base.html.twig' %}

{% set seo_img_path = "/uploads/customer/images/" ~ expert.customer.getBestPath %}

{% if social_shares|length > 0 %}
	{% set built_snippets = d2_build_snippets(social_shares, route_url, expert.title, expert.orginization, seo_img_path, expert.hashTag, expert.shareTag) %}
{% endif %}

{% block title %}
	<title>Migration:Cities Expert: {{ expert.title }}</title>
{% endblock title %}
{% block head_seo %}
	{% set tag_list = d2_get_tag_list(expert) %}
	<meta content="index,follow" name="robots">
	<meta content="Expert: {{ expert.title }}" name="description">
	<meta content="migration:cities,expert,{{ tag_list }}" name="keywords">
	<meta content="never" http-equiv="expires">

	{{ built_snippets['meta_data']| raw }}
{% endblock head_seo %}

{% block head_script_extra %}
	<script type="text/javascript" src="{{ asset('bundles/d2expert/js/expert.js') }}"></script>
	<script type="text/javascript" src="{{ asset('bundles/d2comment/js/comments.js') }}"></script>
	<script type="text/javascript" src="{{ asset('bundles/d2chat/js/chat.js') }}"></script>
	<script type="text/javascript" src="{{ asset('bundles/d2core/js/utils.js') }}"></script>
	<script>
		$(document).ready(function(){	
			$(function () {
			  $('[data-toggle="popover"]').popover()
			})
		});
	</script>

	{{ built_snippets['script']| raw }}
{% endblock head_script_extra %}

{% block head_style_extra %}
 	<link href="{{ asset('bundles/d2core/css/olay.css') }}" rel="stylesheet">
 	<link href="{{ asset('bundles/d2core/css/select_add.css') }}" rel="stylesheet">
{% endblock head_style_extra %}

{% block page_header %}
{% endblock page_header %}

{% block content %}

<div class="row">
	<div class="col-md-7">
		<hr/>
		<div class="row">
			<div class="col-md-offset-1 col-md-10">
			{% if app.user %}
				{% if expert.chatStatus == 0 %}
				{% set pop_title = "I'm Currently Off-Line" %}
				{% set pop_content = "Apologies, but I can't chat now. Pls email me for a future chat time." %}
				{% elseif expert.chatStatus == 1 %}
				{% set pop_title = "I'm Currently On-Line" %}
				{% set pop_content = "I'm ready to chat right now!" %}
				{% elseif 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 %}
			{% set customer = expert.customer %}
			<table style="width:100%">
				<tr>
					<td style="width:30%">
						{% if expert.customer.path %}
						<img id="expert_img_{{ expert.id }}" src="/uploads/customer/images/{{ expert.customer.getBestPath }}" width="200px" alt="EXPERT" class="img-responsive img-rounded" data-toggle="popover" title="{{ pop_title }}" data-trigger="hover" data-content="{{ pop_content }}">
						{% else %}
						<img id="expert_img_{{ expert.id }}"  src="{{ asset('bundles/d2core/images/user.png') }}" width="200px" alt="EXPERT" class="img-responsive img-rounded" data-toggle="popover" title="{{ pop_title }}" data-trigger="hover" data-content="{{ pop_content }}">
						{% endif %}
					</td>
					<td  valign="top">
						<table id="expert_{{ expert.id }}" class="expert_table" style="margin-left:10px; font-size:18px">
							<tr><td><h4 style="font-family:'Arial Black', Gadget, sans-serif">{{ expert.customer.firstname }} {{ expert.customer.lastname }}</h4></td></tr>
							<tr><td>{{ expert.title }}, {{ expert.orginization }}</td></tr>
							<tr><td>{{ expert.customer.country }}</td></tr>
							<tr><td style="font-size:14px">{{ customer.description }}</td></tr>
							<tr><td><span style="color:#00AAC9"><span style="font-family:'Arial Black', Gadget, sans-serif; font-size:14px">EXPERTISE</span> {{ expert.expertise }}</span></td></tr>
							<tr><td id="expert_status_{{ expert.id }}">
								{% if expert.chatStatus == 0 %}
								<p style="font-size:12px" class="text-danger"><b>I AM CURRENTLY OFF LINE</b></p>
								{% elseif expert.chatStatus == 1 %}
								<p style="font-size:12px" class="text-success"><b>I AM CURRENTLY ON LINE</b></p>
								{% elseif 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>
							<tr><td>
								{% if app.user %}
									{% if expert.chatStatus == 1 %}
									<a id="expert_link_{{ expert.id }}" class="btn btn-default pull-right" href="javascript:NewChat({{ expert.id }})" role="button">Chat Now?</a>
									{% else %}
									<a id="expert_link_{{ expert.id }}" class="btn btn-default pull-right" href="" role="button">Email Me?</a>
									{% endif %}
								{% else %}
									{% if expert.chatStatus == 1 %}
									<a id="expert_link_{{ expert.id }}" class="btn btn-default pull-right" href="javascript:ShowChatPlsLogOnTxt('expert', {{ expert.id }})" role="button">Chat Now?</a>
									{% else %}
									<a class="btn btn-default pull-right" href="javascript:ContactEmail({{ expert.id }})" role="button">Email Me?</a>
									{% endif %}
								{% endif %}
							</td></tr>
						</table>
					</td>
				</tr>
			</table>
			{{ built_snippets['html']| raw }}
			</div>
		</div>
		
		{# COMMENTS #}
		{% include 'D2CommentBundle::comments.html.twig' with {'comments_name': 'Expert', 'comment_item_type': 'expert', 'comment_item_id': expert.id} %}
	</div>
	
	<div class="col-md-5">
		{# RELATED VIDEO's #}
		{% include 'D2CaseStudiesBundle::related.html.twig' with {'exclude_related': false} %}

		{# RELATED EXPERT'S #}
		{% include 'D2ExpertBundle::related.html.twig' with {'exclude_related': expert.id} %}
		
		{# RELATED RESOURCE's #}
		{% include 'D2ResourceBundle::related.html.twig' with {'exclude_related': false} %}
		
		{# RELATED COLLECTIONS #}
		{% include 'D2CollectionBundle::related.html.twig' with {'exclude_related': false} %}
		
		{# RELATED NEWS #}
		{% include 'D2NewsBundle::related.html.twig' with {'exclude_related': false} %}

{#		
		<h2 style="margin-top:50px">View more Experts</h2>
		<div class="row" style="margin-top:30px">
			<div class="col-md-11">
				<p>View our other Experts.
				</p>
				<a class="btn btn-default" href="{{ path('resources') }}" role="button">Experts</a>
			</div>	
		</div>	
		<hr/>
#}
	</div>

</div>

{% endblock content %}