<h4><a href="#/message/list"><i class="fas fa-chevron-left"></i></a>&nbsp;<%= _lc( 'MESSAGE_DETAIL_HEADLINE', [ message.getSubject() ] ) %></h4>
<div class="row">
    <div class="col-sm-12">
        <div class="card">
            <div class="card-body">
                <div class="chat-container">
                    <div class="chat-avatar">
                        <img src="<%= message.getCreatorPicUrl() %>" class="img-fluid profile-image-small" />
                    </div>
                    <p>
                        <%=raw app.util.Helper.nl2br( message.getMessage() ) %>
                    </p>
                    <span class="float-right">
                        <small><%= message.getMomentCreated().fromNow() %></small>
                    </span>
                </div>
            </div>
            <div class="card-footer">
                <div class="input-group mb-3">
                    <input type="text"
                           class="form-control"
                           placeholder="Deine Nachricht"
                           aria-label="Recipient's username"
                           aria-describedby="button-addon2">
                    <div class="input-group-append">
                        <button class="btn btn-primary"
                                type="button"
                                data-message-id="<%= message.getId() %>"
                                data-id="btn-reply">
                            <i class="fas fa-reply"></i>
                        </button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
