{% load static %}

{#{% load static %}#}


{#    <div class="insert-tech-place">#}

<div class="container-messenger">
    <div class="title-profile-cont">
        <h1>Техническая поддержка</h1>
    </div>

    {% if ticket %}
        <div class="name_ticket">
            <span>{{ ticket.name }}</span>
        </div>
        <div class="block-chat">
            {% if user.is_staff or ticket.manager %}
                <div class="container-header-chat">
                    <div class="header-chat-left-part">
                        <img class="chat-avatar" src="{% static "delete_later/Avatar.png" %}">
                        <span class="chat-username">{{ ticket.manager.last_name }} {{ ticket.manager.first_name }}</span>
                    </div>
                    <div class="header-chat-right-part">
                        <img class="header-icons-right-part-padding" src="{% static "img/svg/phone.svg" %}">
                        <img class="header-icons-right-part-padding" src="{% static "img/svg/info.svg" %}">
                    </div>
                </div>
            {% endif %}

            <div class="container-messages">
                {% if not ticket.rel_messages_for_group.all %}
                    {% with text=ticket.text modifiedDT=ticket.modifiedDT  %}
                        {% include "widgets/w_message.html" %}
                    {% endwith %}
                {% else %}
                    {% for msg in ticket.rel_messages_for_group.all %}
                        {% with text=msg.text modifiedDT=msg.modifiedDT %}
                            {% include "widgets/w_message.html" %}
                        {% endwith %}
                    {% endfor %}
                {% endif %}
            </div>

            {% if user.is_staff or ticket.manager %}
                <div class="footer-chat">
                    <div class="left-part-block-enter-message">
                        <input class="enter-message-inp" placeholder="Отправить сообщение">
                    </div>
                    <div class="right-part-block-enter-message">
                        <button class="attach-file-btn-message" onclick="attachFilemeassge()"></button>
                        <button class="send-message" onclick="sendMessage('{{ ticket.id }},{{ sender }},{{ receiver }},{{ text }}')"></button>
                    </div>
                </div>
            {% endif %}
        </div>
    {% endif %}
    {% if user.is_staff %}
        <div class="block-list-of-users">
            <span class="title-list-of-users">Неразобранные тикеты</span>
            <div class="insert_users">
                {% if tickets_wo_manager %}
                    {% for ticket in tickets_wo_manager %}
                        {% include "widgets/w_tab_user.html" %}
                    {% endfor %}
                {% endif %}

            </div>
            <div class="block_tickets_in_work">
                <span class="title-list-of-users">Тикеты в работе</span>
                {% if tickets_for_manager %}
                    {% for ticket in tickets_for_manager %}
                        {% include "widgets/w_tab_user.html" %}
                    {% endfor %}
                {% endif %}
            </div>
        </div>
    {% endif %}
</div>

{#</div>#}