{# RELATED RESOURCE's #}
	{% if related_resources|length > 0 %} 
		<div  class="row" id="related_resource_content">
			<div class="col-md-12">
				{% if d2_sys_config('sys_related_divide') == true %}
					<h2>Related {% trans %}Resources{% endtrans %} ({{ related_resources|length }})
						{% if related_resources|length > 3 %} 
						{% if (skip - 3) >= 0 %} 
						<span onclick="javascript:fetchRelated('resource', '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_resources|length %} 
						<span onclick="javascript:fetchRelated('resource', '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_resources|length > 0 %}
					{% for related_r in related_resources if displayed_cnt != 3 %}
						{% if (exclude_related == false) or (related_r.id != exclude_related) %}
							{% set related_cnt = related_cnt + 1 %}
							{% if related_cnt > skip %}
							{% set displayed_cnt = displayed_cnt + 1 %}
							{% set img_name = asset("bundles/d2core/images/" ~ d2_resource_image_name(related_r.origPath)) %}
							<div class="row">
								{% if related_r.resourceType == constant('D2\\ResourceBundle\\Entity\\Resource::TYPE_RT_DOCUMENT') %}
								<div class="col-md-3">
									<a href="{{ path('resource_show', { 'id': related_r.id}) }}" title="View {% trans %}Resource{% endtrans %}">
										{% if related_r.banner is null %}
										<img src="{{ img_name }}" alt="RESOURCE" width="100%"class="img-responsive img-rounded">
										{% else %}
										<img src="/uploads/resources/{{ related_r.banner.getBestPath }}?v={{ related_r.banner.version }}" alt="RESOURCE" class="img-responsive img-rounded" width="100%" />
										{% endif %}
									</a>
								</div>	
								<div class="col-md-8">
									<h4>{{ related_r.title }}</h4>
									<h4>{{ related_r.subTitle }}</h4>
									{% if d2_sys_config('sys_related_show_desc') %}<p>{{ related_r.titleInfo }}</p>{% endif %}
									<p>Viewed: {{ related_r.viewCnt }} times</p>
									<a class="btn btn-default pull-right" href="{{ path('resource_show', { 'id': related_r.id}) }}" role="button">VIEW</a>
								</div>	
								{% else %}
								<div class="col-md-3">
									{% if related_r.banner %}
									<a href="{{ path('resource_show', { 'id': related_r.id}) }}" title="View {% trans %}Resource{% endtrans %}">
										<img src="/uploads/resources/{{ related_r.banner.getBestPath }}?v={{ related_r.banner.version }}" alt="RESOURCE" class="img-responsive img-rounded" width="100%" />
									</a>
									{% endif %}
								</div>	
								<div class="col-md-8">
									<h4>{{ related_r.title }}</h4>
									<h4>{{ related_r.subTitle }}</h4>
									{% if d2_sys_config('sys_related_show_desc') %}<p>{{ related_r.titleInfo }}</p>{% endif %}
									<p>Viewed: {{ related_r.viewCnt }} times</p>
									<a class="btn btn-default pull-right" href="{{ path('resource_show', { 'id': related_r.id}) }}" role="button">VIEW</a>
								</div>	
								{% endif %}
							</div>	
							<hr/>
							{% endif %}
						{% endif %}
					{% endfor %}
				{% endif %}
			</div>
		</div>
	{% endif %}