{% for Message in Messages %}
    <div class="kt-inbox__item mes___ {{ Message.getChatMessageIsRead ? '': 'kt-inbox__item--unread' }}" data-ref="{{ Message.id }}" data-type="{{ type }}">
        <div class="kt-inbox__info">
            <div class="kt-inbox__actions">
                <label class="kt-checkbox kt-checkbox--single kt-checkbox--tick kt-checkbox--brand">
                    <input type="checkbox">
                    <span></span>
                </label>
                <span class="kt-inbox__icon kt-inbox__icon--light bulkOperations MessageTopAction"  data-func="mi" data-singular="{{ Message.id }}"  data-toggle="kt-tooltip" data-placement="right" title="Mark as important">
                    <i class="flaticon-add-label-button"></i>
                </span>
            </div>

            <div class="kt-inbox__sender load___detailedMessage" data-ref="{{ Message.id }}"  data-toggle="view">
                <span class="kt-media kt-media--sm kt-media--danger" style="background-image: url({{ asset(user_avatar(Message.getMessageFrom.getID(),false)) }})">
                        <span></span>
                </span>
                <a href="#" class="kt-inbox__author">
                    {% if type == 'sent' %}
                        {{ Message.getMessageTo.fName }} {{ Message.getMessageTo.lName }}
                    {% else %}
                        {{ Message.getMessageFrom.getFName }} {{ Message.getMessageFrom.getLName }}
                    {% endif %}

                </a>
            </div>

        </div>
        <div class="kt-inbox__details load___detailedMessage" data-ref="{{ Message.id }}" data-toggle="view">
            <div class="kt-inbox__message">
                <span class="kt-inbox__subject">{{ Message.getMessageSubject }}</span>
                <span class="kt-inbox__summary">{{ Message.getChatContent }}</span>
            </div>
        </div>
        <div class="kt-inbox__datetime" data-toggle="view">
            {{ ago__(Message.getCreatedAt|date('y-m-d H:i:s')) }}
        </div>
    </div>
{% endfor %}