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

{% set seo_img_path = "/uploads/adverts/" ~ advert.getBestPath ~ "?v=" ~ advert.version %}

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

{% block title %}
	<title>{{ d2_sys_config('sys_orginization') }} {% trans %}Advert{% endtrans %}: {{ advert.title }}</title>
{% endblock title %}
{% block head_seo %}
	{% set tag_list = d2_get_tag_list(advert) %}
	<meta content="index,follow" name="robots">
	<meta content="{% trans %}Advert{% endtrans %}: {{ advert.title }}" name="description">
	<meta content="{{ d2_sys_config('sys_orginization') }},{% trans %}advert{% 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/d2advert/js/advert.js') }}"></script>
	<script type="text/javascript" src="{{ asset('bundles/d2comment/js/comments.js') }}"></script>
	<script type="text/javascript" src="{{ asset('bundles/d2core/js/utils.js') }}"></script>

	<script>
		UpdateViewCnt({{ advert.id }});
	</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">
 	<link href="{{ asset('bundles/d2core/css/carousel_add.css') }}" rel="stylesheet">
{% endblock head_style_extra %}

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

{% block content %}
{% if advert.photos|length > 0 %}
<div id="slide_show_div" class="row" style="display:none">
	<div class="col-md-offset-1 col-md-10">
		<hr/>
		<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
			<!-- Indicators -->
			<ol class="carousel-indicators">
				<li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
				{% for photo in advert.photos %}
				{% if photo.enabled == true %}
					<li data-target="#carousel-example-generic" data-slide-to="{{ loop.index }}"</li>
				{% endif %}
				{% endfor %}
			</ol>

			<!-- Wrapper for slides -->
			<div class="carousel-inner" role="listbox" >
				<div class="item active">
					<img src="/uploads/adverts/{{ advert.getPath }}?v={{ advert.version }}" alt="IMAGE" style="height:400px">
					<div class="carousel-caption">
						{{ advert.title }}
					</div>
				</div>
				{% for photo in advert.photos %}
				{% if photo.enabled == true %}
				<div class="item">
					<img src="/uploads/adverts/photos/{{ photo.getPath }}?v={{ photo.version }}" alt="IMAGE" style="height:400px">
					<div class="carousel-caption">
						{{ photo.title }}
					</div>
				</div>
				{% endif %}
				{% endfor %}
			</div>
		</div>	
	</div>
</div>

<div id="show_image_div" class="row" style="display:none">
	<div class="col-md-offset-1 col-md-10">
		<hr/>
		<a title="Hide Image" href="javascript:HideAdvertImage()"><img id="full_image" src="" alt="ADVERT" class="img-responsive" width="100%"/></a>
	</div>
</div>

<div id="thumbnail_div" class="row" style="display:none">
	<div class="col-md-offset-1 col-md-10">
		<hr/>
		{% for photo in advert.photos %}
			{% if photo.enabled == true %}
				{% if loop.first %}
					<div class="row">
				{% endif %}
						<div class="col-md-2">
							<a title="Show Image" href="javascript:ShowAdvertImage('/uploads/adverts/photos/{{ photo.getPath }}?v={{ photo.version }}')">
								<img src="/uploads/adverts/photos/{{ photo.getBestPath }}?v={{ photo.version }}" alt="ADVERT" class="img-responsive img-thumbnail" width="100%" />
							</a>
						</div>
				{% if not loop.first and loop.index%5 == 0 %}
					</div>
					<div class="row">
				{% endif %}
			{% endif %}
		{% endfor %}
				</div>
	</div>
</div>
{% endif %}

<div class="row">
	<div class="col-md-8">
		<div class="row">
 		    <hr/>
			{% if advert.advertType == constant('D2\\AdvertBundle\\Entity\\Advert::TYPE_AT_IMAGE_SMALL') or advert.advertType == constant('D2\\AdvertBundle\\Entity\\Advert::TYPE_AT_IMAGE_LARGE') %}
			<div class="col-md-offset-1 col-md-6">
				<img src="/uploads/adverts/{{ advert.getPath }}?v={{ advert.version }}" alt="ADVERT" class="img-responsive" width="100%" />
			</div>
			<div class="col-md-4">
				<h3>{{ advert.title }}</h3>
				<h4>{{ advert.subTitle }}</h4>
				<p style="font-size:16px">{{ advert.text|filterScript()|raw }}</p>
				<p>This {% trans %}Advert{% endtrans %} has been viewed {{ advert.viewCnt }} times.</p>
				<a class="btn btn-default pull-right" href="javascript:ContactEmail({{ advert.id }})" role="button">CONTACT ME</a>
				<div class="clearfix"></div>
				{% if d2_sys_config('sys_show_social') %}{% if built_snippets['html'] is defined %} {{ built_snippets['html']| raw }} {% endif %}{% endif %}
			</div>
			{% elseif advert.advertType == constant('D2\\AdvertBundle\\Entity\\Advert::TYPE_AT_TEXT_BUSINESS') %}
			<div class="col-md-offset-1 col-md-10">
				<h3>{{ advert.title }}</h3>
				<h4>{{ advert.subTitle }}</h4>
				<p style="font-size:16px">{{ advert.text|filterScript()|raw }}</p>
				<p>This {% trans %}Advert{% endtrans %} has been viewed {{ advert.viewCnt }} times.</p>
				<a class="btn btn-default pull-right" href="javascript:ContactEmail({{ advert.id }})" role="button">CONTACT ME</a>
				<div class="clearfix"></div>
				{% if d2_sys_config('sys_show_social') %}{% if built_snippets['html'] is defined %}  {{ built_snippets['html']| raw }} {% endif %}{% endif %}
			</div>
			{% elseif advert.advertType == constant('D2\\AdvertBundle\\Entity\\Advert::TYPE_AT_PROPERTY_RENTAL') or advert.advertType == constant('D2\\AdvertBundle\\Entity\\Advert::TYPE_AT_PROPERTY_SALE') %}

			<div class="col-md-offset-1 col-md-4">
				<img src="/uploads/adverts/{{ advert.getBestPath }}?v={{ advert.version }}" alt="ADVERT" class="img-responsive" width="100%" />
			</div>
			<div class="col-md-6">
				<h3>{{ advert.title }}</h3>
				<h4>{{ advert.subTitle }}</h4>
				<p style="font-size:16px">{{ advert.text|filterScript()|raw }}</p>
				<p>This {% trans %}Advert{% endtrans %} has been viewed {{ advert.viewCnt }} times.</p>
				<a class="btn btn-default pull-right" href="javascript:ContactEmail({{ advert.id }})" role="button">CONTACT ME</a>
				<div class="clearfix"></div>
				{% if advert.photos|length > 0 %}
					<a id="advert_{{ advert.id }}" class="view_advert_btn btn btn-default" href="javascript:ToggleSlideShow()" role="button">VIEW SLIDE SHOW</a>
					<a id="thumbs_{{ advert.id }}" class="view_thumbs_btn btn btn-default" href="javascript:ToggleThumbs()" role="button">VIEW THUMBNAILS</a>
				{% else %}
					<a id="advert_{{ advert.id }}" class="view_advert_btn btn btn-default" target="blank" href="/uploads/adverts/photos/{{ advert.getBestPath }}?v={{ advert.version }}" role="button">VIEW</a>
				{% endif %}
				{% if d2_sys_config('sys_show_social') %}{% if built_snippets['html'] is defined %} {{ built_snippets['html']| raw }} {% endif %}{% endif %}
			</div>
			{% elseif advert.advertType == constant('D2\\AdvertBundle\\Entity\\Advert::TYPE_AT_NON_BUSINESS') %}
			{% endif %}
		</div>
		{% if d2_sys_config('sys_contributor_show') == true %}
		{% if advert.customer is not null %}
		{% set customer = advert.customer %}
		<div class="row">
			<hr/>
			<div class="col-md-offset-1 col-md-2">
				{% if customer.path %}
				<img src="/uploads/customer/images/{{ customer.getBestPath }}?v={{ customer.version }}" width="140px" alt="CONTRIBUTOR" class="img-responsive img-rounded">
				{% else %}
				<img src="{{ asset('bundles/d2core/images/user.png') }}" width="140px" alt="EXPERT" class="img-responsive img-rounded">
				{% endif %}
			</div>
			<div class="col-md-8">
				<h3>Contributor: {{ customer.displayName }}</h3>
				<p>
				{{ customer.description }}
				</p>
			</div>
		</div>
		{% endif %}
		{% endif %}
		
		{# COMMENTS #}
		{% if d2_sys_config('sys_comments_show') == true %}
		{% include 'D2CommentBundle::comments.html.twig' with {'comments_name': 'Advert', 'comment_item_type': 'advert', 'comment_item_id': advert.id} %}
		{% endif %}
	</div>
	
	<div class="col-md-4">
		{% 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': false, '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': advert.id, 'skip': 0} %}
			{% endif %}
		{% endif %}
	</div>
</div>

{% endblock content %}