{% if messages|length > 0 %}
	{% for message in messages %}
		{% set msg_ago = d2_message_get_ago(message.createdAt) %}
		{% if message.sender.id == user.id %}
			<div class="row">
				<div class="col-md-10">
					<span class="pull-left" style="font-size:10px; font-color:#A3A3A3">{{ msg_ago }}</span>
					<span class="pull-right"><b>{{ message.sender.customer.firstname }} {{ message.sender.customer.lastname }}</b></span>
				</div>
			</div>
			<div class="row">
				<div class="col-md-10">{{ message.body }}</div>
				<div class="col-md-2"><img src="{{ asset('bundles/d2core/images/chat_me.png') }}" alt="CHATTER" class="img-responsive img-circle"></div>
			</div>
			<hr>
		{% else %}
			<div class="row">
				<div class="col-md-10">
					<span class="pull-left"><b>{{ message.sender.customer.firstname }} {{ message.sender.customer.lastname }}</b></span>
					<span class="pull-right" style="font-size:10px; font-color:#A3A3A3">{{ msg_ago }}</span>
				</div>
			</div>
			<div class="row">
				<div class="col-md-2"><img src="{{ asset('bundles/d2core/images/chat_you.png') }}" alt="CHATTER" class="img-responsive img-circle"></div>
				<div class="col-md-10">{{ message.body }}</div>
			</div>
			<hr>
		{% endif %}
	{% endfor %}
{% endif %}