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

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

{% 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>{{ d2_sys_config('sys_orginization') }} {% trans %}Expert{% endtrans %}: {{ expert.title }}</title>
{% endblock title %}
{% block head_seo %}
	{% set tag_list = d2_get_tag_list(expert) %}
	<meta content="index,follow" name="robots">
	<meta content="{% trans %}Expert{% endtrans %}: {{ expert.title }}" name="description">
	<meta content="{{ d2_sys_config('sys_orginization') }},{% trans %}expert{% endtrans %},{{ tag_list }}" name="keywords">
	<meta content="never" http-equiv="expires">

	{% if d2_sys_config('sys_show_social') %}{% if built_snippets['meta_data'] is defined %} {{ built_snippets['meta_data']| raw }} {% endif %}{% endif %}
{% 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>

	{% if d2_sys_config('sys_show_social') %}{% if built_snippets['script'] is defined %} {{ built_snippets['script']| raw }} {% endif %}{% endif %}
{% 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%" valign="top">
						{% if expert.customer.path %}
						<img id="expert_img_{{ expert.id }}" src="/uploads/customer/images/{{ expert.customer.getBestPath }}?v={{ expert.customer.version }}" width="100%" 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="100%" 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>
			{% if d2_sys_config('sys_show_social') %}{% if built_snippets['html'] is defined %} {{ built_snippets['html']| raw }} {% endif %}{% endif %}
			</div>
		</div>
		
		{# COMMENTS #}
		{% if d2_sys_config('sys_comments_show') == true %}
		{% include 'D2CommentBundle::comments.html.twig' with {'comments_name': 'Expert', 'comment_item_type': 'expert', 'comment_item_id': expert.id} %}
		{% endif %}
	</div>
	
	<div class="col-md-5">
		{% if d2_sys_config('sys_related_show') == true %}
			<hr/>
			{# RELATED VIDEO's #}
			{% if d2_sys_config('sys_case_study_active') == true %}
			{% include 'D2CaseStudiesBundle::related.html.twig' with {'exclude_related': false, 'skip': 0} %}
			{% endif %}

			{# RELATED EXPERT'S #}
			{% if d2_sys_config('sys_expert_active') == true %}
			{% include 'D2ExpertBundle::related.html.twig' with {'exclude_related': expert.id, 'skip': 0} %}
			{% endif %}
			
			{# RELATED RESOURCE's #}
			{% if d2_sys_config('sys_collection_active') == true %}
			{% include 'D2ResourceBundle::related.html.twig' with {'exclude_related': false, 'skip': 0} %}
			{% endif %}
			
			{# RELATED COLLECTIONS #}
			{% if d2_sys_config('sys_collection_active') == true %}
			{% include 'D2CollectionBundle::related.html.twig' with {'exclude_related': false, 'skip': 0} %}
			{% endif %}
			
			{# RELATED NEWS #}
			{% if d2_sys_config('sys_news_active') == true %}
			{% include 'D2NewsBundle::related.html.twig' with {'exclude_related': false, 'skip': 0} %}
			{% endif %}

			{# RELATED ADVERTS #}
			{% if d2_sys_config('sys_smalls_active') == true %}
			{% include 'D2AdvertBundle::related.html.twig' with {'exclude_related': false, 'skip': 0} %}
			{% endif %}
		{% endif %}
	</div>

</div>

{% endblock content %}