{% if comments_allowed %}
		<div class="col s12 m12">
	          	  <h5 >{{'LBL_COMMENTS'|trans|raw}}</h5> 
		</div>
		<div class="col s12 m12">
			<div class="card">
				<ul class="collection comment-collection commentslist">
		{% for comment in related_comments %}
					<li class="collection-item {% if loop.index==1 %}lastComment{% endif %}">{% if comment.customer!="" %} <span class="new badge {{themebasiccolor}}">Customer</span>{% else %}<span class="new badge red">Support Team</span>{% endif %} <span class="new badge white {{themebasiccolor}}-text">{{comment.modifiedtime}} - {{comment.daysago}} ago</span> <span class="textarea1">{{comment.commentcontent|trans|raw}}</span><br></li>
		{% endfor %}
				</ul>
				<ul class="collection comment-collection addcommentbox">
					{% if comments_allowed %}
					<li class="collection-item">
						<div class="input-field col s12">
							<textarea class="materialize-textarea" id="newCommentContent"></textarea>
							<label for="textarea1">{{'LBL_ADD_YOUR_COMMENT_HERE'|trans|raw}}</label>
						</div>
						<div class="right-align col s12"><a class="waves-effect waves-light btn btn-small {{themebasiccolor}}" id="send-comment">{{'LBL_ADD_COMMENT'|trans|raw}}<i class="material-icons right">send</i></a><br><br></div>
					</li>
					{% endif %}
				</ul>
			</div>
		</div>
	{% endif %}