{# chat list of the users #}
{% if chat_list_of_users is not empty %}

    <hr>
    <h4>{{ 'Chat List'|trans }}</h4>
    <hr>

    <span class="chat__list__counter" data-count="{{ chat_list_of_users | length }}"></span>
    <span class="group__list__counter" data-count="{{ involvements_in_groups | length }}"></span>

    {% set ar__of_users = [] %}
    {% for chat_ar in chat_list_of_users %}
        {# chat reference #}
        {# this chat is not group based then we use user reference niether we will use group reference #}
        {% if chat_ar.icg_name is empty %}

            {# check both from and to field - a sender can't send message himself so, if the message_to id is current user id then we'll pick up the from id to see the user chat picture and name niether we will use from id#}
            {% if chat_ar.user_ref == app.user.id %}

                {# message is sent to the this current user#}
                {% set key___ref = chat_ar.user_ref__from %}
                {% set name___ref = chat_ar.user_from_fName ~ ' ' ~  chat_ar.user_from_lName %}
                {% set slogan =  get_the_user__full_category(chat_ar.user_from_category) %}
                {% set img___url =  asset(user_avatar(chat_ar.user_ref__from,false)) %}

            {% else %}

                {# message is sent to from this current logged in user #}
                {% set key___ref = chat_ar.user_ref %}
                {% set name___ref = chat_ar.fName ~ ' ' ~  chat_ar.lName %}
                {% set slogan =  get_the_user__full_category(chat_ar.category) %}
                {% set img___url =  asset(user_avatar(chat_ar.user_ref,false)) %}

            {% endif %}


        {% else %}

            {# using group reference is not empty #}
            {% set key___ref = 'g___' ~ chat_ar.internalChatGroup_ref %}
            {% set name___ref = chat_ar.icg_name %}
            {% set slogan =  chat_ar.icg_description %}
            {% set img___url =  '' %}

        {% endif %}

        {% if key___ref  in ar__of_users %}

        {% else %}
            <div class="kt-widget__item user__rf  user__rf_once hand-cursor" data-value="{{ key___ref }}">
                <span class="kt-userpic kt-userpic--circle">

                {% if chat_ar.icg_name is empty %}
                    <img src="{{ img___url }}" alt="image">
                {% else %}
                    <span class="kt-badge kt-badge--username kt-badge--unified-success kt-badge--lg kt-badge--rounded kt-badge--bold">G</span>
                {% endif %}


                </span>
                <div class="kt-widget__info">
                    <div class="kt-widget__section">
                        <h6 class="kt-widget__username u____nam">{{ name___ref }}</h6>

                        {% if chat_ar._unread_counter__ %}
                            <span class="kt-badge kt-badge--success kt-badge--dot">{{ chat_ar._unread_counter__ }}</span>
                        {% endif %}
                    </div>
                    <span class="kt-widget__desc">
                {{ slogan }}
                </span>
                </div>
                <div class="kt-widget__action">
                    <span class="kt-widget__date"> {{ ago__(date_format(chat_ar.created_at)) }}</span>
                    {% if chat_ar._unread_counter__ %}
                        <span class="kt-badge kt-badge--success kt-font-bold">{{ chat_ar._unread_counter__ }}</span>
                    {% endif %}
                </div>
            </div>

            {# add message to or message from reference in it#}
            {% set ar__of_users = ar__of_users|merge([chat_ar.user_ref,chat_ar.user_ref__from]) %}
        {% endif %}

    {% endfor %}

{% endif %}

{# group list in which I'm involved #}
{% if involvements_in_groups is not empty %}

    <hr>
    <h4>{{ 'Group List'|trans }}</h4>
    <hr>

    {% for group in involvements_in_groups %}
        <div class="kt-widget__item user__rf  user__rf_once hand-cursor group____list" data-value="g___{{ group.id }}">

            {% for uU in group.getInternalChatGroupUsers.toArray() %}
                <span class="__i__n d-none" data-repeater-delete="{{ uU.getInvolvedUsers.id }}"></span>
            {% endfor %}

            <span class="kt-userpic kt-userpic--circle">
<span class="kt-badge kt-bad                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  ge--username kt-badge--unified-success kt-badge--lg kt-badge--rounded kt-badge--bold">G</span>
</span>
            <div class="kt-widget__info">
                <div class="kt-widget__section">
                    <h6 class="kt-widget__username u____nam">{{ group.getIcgName }}</h6>
                    {#<span class="kt-badge kt-badge--success kt-badge--dot"></span>#}
                </div>
                <span class="kt-widget__desc">
{{ group.getIcgDescription }}
</span>
            </div>
        </div>
    {% endfor %}

{% endif %}