{# message view actions #}

<div class="kt-portlet__head">
    <div class="kt-inbox__toolbar">
        <div class="kt-inbox__actions">
            <a href="#" class="kt-inbox__icon bulkOperations" data-func="tr" data-singular="{{ Message.id }}"
               data-toggle="kt-tooltip" title="Delete">
                <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px"
                     height="24px" viewBox="0 0 24 24" version="1.1" class="kt-svg-icon">
                    <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                        <rect x="0" y="0" width="24" height="24"></rect>
                        <path d="M6,8 L6,20.5 C6,21.3284271 6.67157288,22 7.5,22 L16.5,22 C17.3284271,22 18,21.3284271 18,20.5 L18,8 L6,8 Z"
                              fill="#000000" fill-rule="nonzero"></path>
                        <path d="M14,4.5 L14,4 C14,3.44771525 13.5522847,3 13,3 L11,3 C10.4477153,3 10,3.44771525 10,4 L10,4.5 L5.5,4.5 C5.22385763,4.5 5,4.72385763 5,5 L5,5.5 C5,5.77614237 5.22385763,6 5.5,6 L18.5,6 C18.7761424,6 19,5.77614237 19,5.5 L19,5 C19,4.72385763 18.7761424,4.5 18.5,4.5 L14,4.5 Z"
                              fill="#000000" opacity="0.3"></path>
                    </g>
                </svg>
            </a>
        </div>
    </div>
</div>

<div class="kt-portlet__body kt-portlet__body--fit-x">
    <div class="kt-inbox__subject">
        <div class="kt-inbox__title">
            <h3 class="kt-inbox__text">{{ Message.getMessageSubject }}</h3>
        </div>
    </div>
    <div class="kt-inbox__messages">
        <div class="kt-inbox__message kt-inbox__message--expanded">
            <div class="kt-inbox__head">
                    <span class="kt-media" data-toggle="expand"
                          style="background-image: url({{ asset(user_avatar(Message.getMessageFrom.getID(),false)) }})">
                                <span></span>
                    </span>
                <div class="kt-inbox__info">
                    <div class="kt-inbox__author" data-toggle="expand">
                        <a href="#"
                           class="kt-inbox__name">{{ Message.getMessageFrom.getFName }} {{ Message.getMessageFrom.getLName }}</a>
                        <div class="kt-inbox__status">
                            <span class="kt-badge kt-badge--success kt-badge--dot"></span> {{ ago__(Message.getCreatedAt|date('y-m-d H:i:s')) }}
                        </div>
                    </div>
                    <div class="kt-inbox__details">
                        <div class="kt-inbox__tome">
                            <span class="kt-inbox__label" data-toggle="dropdown">
                                {{ 'to me' | trans }} <i class="flaticon2-down"></i>
                            </span>
                            <div class="dropdown-menu dropdown-menu-fit dropdown-menu-md dropdown-menu-left">
                                <table class="kt-inbox__details">
                                    <tr>
                                        <td> {{ 'from' | trans }}</td>
                                        <td>{{ Message.getMessageFrom.getFName }} {{ Message.getMessageFrom.getLName }}</td>
                                    </tr>
                                    <tr>
                                        <td> {{ 'date' | trans }}</td>
                                        <td>{{ Message.getCreatedAt|date('y-m-d H:i:s') }}</td>
                                    </tr>
                                    <tr>
                                        <td>{{ 'subject' | trans }}:</td>
                                        <td>{{ Message.getMessageSubject }}</td>
                                    </tr>
                                </table>
                            </div>
                        </div>
                        <div class="kt-inbox__desc" data-toggle="expand">
                            {{ Message.getChatContent }}
                        </div>
                    </div>
                </div>
                <div class="kt-inbox__actions">
                    <div class="kt-inbox__datetime" data-toggle="expand">
                        {{ Message.getCreatedAt|date('y-m-d H:i:s') }}
                    </div>
                    <div class="kt-inbox__group">
                        <span class="kt-inbox__icon kt-inbox__icon--label kt-inbox__icon--light MessageTopAction bulkOperations"
                              data-func="mi" data-singular="{{ Message.id }}" data-toggle="kt-tooltip"
                              data-placement="top" title="Mark as important">
                                <i class="flaticon-add-label-button"></i>
                        </span>
                    </div>
                </div>
            </div>
            <div class="kt-inbox__body">
                <div class="kt-inbox__text">
                    <p class="kt-margin-t-25">
                        {{ Message.getChatContent }}
                        <br><br>
                        {% set getFileName = loadChatAttachments( Message.getCreatedAt()|date('d-M-Y'), Message.id) %}
                        {% for file in getFileName %}
                            {% set path___ =  path('secure_file_server',{'filePath':secure(file)}) %}
                            <a href="{{ path___ }}" target="_blank">{{ 'Click to see attachment' }}</a> <br>
                        {% endfor %}
                    </p>
                </div>
            </div>
        </div>
    </div>
    <form action="{{ path('requestHandler__internalchat', {'query': 'save_message_u'}) }}" enctype="multipart/form-data"
          method="post" id="reply__submission">
        <div class="kt-inbox__reply kt-inbox__reply--on">
            <div class="kt-inbox__actions">
                <button class="btn btn-secondary btn-bold">
                    <i class="flaticon2-reply-1 kt-font-brand"></i> {{ 'Reply' | trans }}
                </button>
                <button class="btn btn-secondary btn-bold">
                    <i class="flaticon2-left-arrow-1 kt-font-brand"></i> {{ 'Forward' | trans }}
                </button>
            </div>
            <div class="kt-inbox__form" id="kt_inbox_reply_form">
                <div class="kt-inbox__body">
                    <div class="kt-inbox__to">
                        <div class="kt-inbox__wrapper">
                            <div class="kt-inbox__field kt-inbox__field--to">
                                <div class="kt-inbox__label">
                                    {{ 'To'|trans }}:
                                </div>
                                <div class="kt-inbox__input">
                                    <input type="text" class="form-control" readonly="readonly"
                                           value="{{ Message.getMessageFrom.getFName }} {{ Message.getMessageFrom.getLName }}">
                                    <input type="hidden" name="m___t[]" value="{{ Message.getMessageFrom.id }}">
                                    <input type="hidden" name="m___s" value="{{ Message.getMessageSubject }}">
                                    <input type="hidden" name="r__to" value="{{ Message.id }}">
                                    <input type="hidden" name="m___f" value="{{ app.user.id }}">
                                    <input type="file" class="d-none" name="m___fls[]" multiple="multiple"
                                           accept="image/*,.docx,.xlxs,.doc,.pdf">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="kt-inbox__editor" id="kt_inbox_reply_editor" style="height: 200px;">
                        <textarea class="form-control" name="message" rows="9"></textarea>
                    </div>
                </div>
                <div class="kt-inbox__foot">
                    <div class="kt-inbox__primary">
                        <div class="btn-group">
                            <button type="button" class="btn btn-primary btn-bold send__message"
                                    data-ref="reply__submission">
                                {{ 'Send' | trans }}
                            </button>
                        </div>
                        <div class="kt-inbox__panel">
                            <button class="kt-inbox__icon kt-inbox__icon--light kt_inbox_reply_attachments_select"
                                    id="kt_inbox_reply_attachments_select">
                                <i class="flaticon2-clip-symbol"></i>
                            </button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </form>
</div>