{# RELATED COLLECTIONS's #}
	<div class="row">
		<div class="col-md-offset-1 col-md-10">
			<hr/>
			{% if app.user %}
			<a class="btn btn-default pull-right" href="javascript:NewComment('{{ comment_item_type }}', {{ comment_item_id }})" role="button">Add your Comment?</a>
			{% else %}
			<a class="btn btn-default pull-right" href="javascript:ShowPlsLogOnTxt('{{ comment_item_type }}', {{ comment_item_id }}, '{{ comment_item_slug }}')" role="button">Add your Comment?</a>
			{% endif %}
			<h2>What do you think?</h2>
			{% if comments_name == 'Case Study' %}
			<p>How do you feel about this {% trans %}Case Study{% endtrans %}? Add your comments below.</p>
			{% elseif comments_name == 'Collection' %}
			<p>How do you feel about this {% trans %}Collection{% endtrans %}? Add your comments below.</p>
			{% elseif comments_name == 'Resource' %}
			<p>How do you feel about this {% trans %}Resource{% endtrans %}? Add your comments below.</p>
			{% elseif comments_name == 'Expert' %}
			<p>How do you feel about this {% trans %}Expert{% endtrans %}? Add your comments below.</p>
			{% elseif comments_name == 'News Item' %}
			<p>How do you feel about this {% trans %}News Item{% endtrans %}? Add your comments below.</p>
			{% elseif comments_name == 'Advert' %}
			<p>How do you feel about this {% trans %}Advert{% endtrans %}? Add your comments below.</p>
			{% endif %}
			<div class="clearfix"></div>
		</div>
	</div>

	<div id="comment_start_div" class="row"></div>	

	{% set comments = d2_get_comments(comment_item_type, comment_item_id) %}
	{% if comments|length > 0 %}
		{% for comment in comments %}
			{% if comment.enabled %}
				{% set replies = d2_comment_get_replies(comment_item_type, comment_item_id, comment.id) %}
				<hr/>
				<div class="row">
					<div class="col-md-offset-1 col-md-2">
						{% if comment.customer.path %}
						<img src="/uploads/customer/images/{{ comment.customer.getBestPath }}?v={{ comment.customer.version }}" width="60%" alt="CONTRIBUTOR" class="img-responsive img-rounded">
						{% else %}
						<img src="{{ asset('bundles/d2core/images/user.png') }}" width="60%" alt="COLLECTION" class="img-responsive img-rounded">
						{% endif %}
					</div>
					<div class="col-md-6">
						<h5><b>{{ comment.customer.displayName|trim }}</b> <b>Posted:</b> {{ d2_comment_get_ago(comment.date) }}</h5>
						<p>{{ comment.comment|trim }}</p>
					</div>
					<div class="col-md-1">
						{% if app.user %}
						<a class="btn btn-default pull-right" href="javascript:NewReply('{{ comment_item_type }}', {{ comment_item_id }}, {{ comment.id }})" role="button">Reply</a>
						{% else %}
						<a class="btn btn-default pull-right" href="javascript:ShowPlsLogOnTxt('{{ comment_item_type }}', {{ comment_item_id }}, '{{ comment_item_slug }}')" role="button">Reply</a>
						{% endif %}
					</div>
				</div>
				
				{# REPLY SECTION #}
				{% for reply in replies %}
					{% if reply.enabled %}
						<hr/>
						<div class="row">
							<div class="col-md-offset-2 col-md-2">
								{% if reply.customer.path %}
								<img src="/uploads/customer/images/{{ reply.customer.getBestPath }}?v={{ reply.customer.version }}" width="60%" alt="CONTRIBUTOR" class="img-responsive img-rounded">
								{% else %}
								<img src="{{ asset('bundles/d2core/images/user.png') }}" width="60%" alt="EXPERT" class="img-responsive img-rounded">
								{% endif %}
							</div>
							<div class="col-md-5">
								<h5><b>{{ reply.customer.displayName|trim }}</b> <b>Posted:</b> {{ d2_comment_get_ago(reply.date) }}</h5>
								<p>{{ reply.comment|trim }}</p>
							</div>
						</div>
					{% endif %}	
				{% endfor %}

				<div id="reply_end_div_{{ comment.id }}" class="row"></div>	
			{% endif %}
		{% endfor %}
		
	{% endif %}