@php $members = $retVal['participants']; @endphp
<div class="messenger__single-convo-info">
    <div class="info__content">
        <div class="info__convo-title">
            <form id="form-update-conversation" action="#" enctype="multipart/form-data">
                <input id="file_upload_id" name="image" type="file" class="hidden"/>
                <input type="hidden" name="conversation_id" value="{{ $retVal['info']['id'] }}">
                <input type="hidden" name="name" id="input-change-name"/>
            </form>
            @if(!empty($retVal['info']['image']))
                <a class="title__image" onclick="_upload()" href="#" style="position: relative">
                    <span class="preview-text" style="

                    position: absolute; top: 34%; left: 14%;
                    height: 100%; width: 100%;

                    ">Chỉnh</span>
                    <img src="{{ $retVal['info']['image'] }}" class="image-avatar" alt="">

                </a>
            @else

                <div class="title__images">
                    @foreach($members as $key => $memberImage)
                        @if($key < 3)
                            <img src="{{ $memberImage['image'] }}" alt="">
                        @endif
                    @endforeach
                </div>
            @endif

            <div class="title__main">{{ $retVal['info']['name'] }}</div>
            <!-- <div class="title__main-edit">
              <div class="form-group mb-0">
                <div class="input-group">
                  <input type="text" class="form-control" placeholder="Thay đổi tên nhóm">
                  <span class="input-group-btn">
                    <button class="btn ht-btn--primary" type="button"><i class="ion-md-checkmark"></i></button>
                  </span>
                </div>
              </div>
            </div> -->

            @php $isGroup = $retVal['info']['is_group'] @endphp
            @if($isGroup)
                <div class="title__actions">
                    <div class="single-action">
                        <div class="dropdown">
                            <a href="#" class="single-action__label" data-toggle="dropdown"
                               aria-expanded="false"><i class="ion-md-settings"></i></a>
                            <ul class="dropdown-menu pull-right">
                                <li><a href="#" class="change-conversation-name"
                                       data-conversation="{{ $retVal['info']['id'] }}">Đổi tên nhóm</a></li>
                                <li class="divider"></li>
                                {{--<li><a href="#">Báo cáo sai phạm</a></li>--}}
                                <li><a href="#" class="leave-conversation"
                                       data-conversation-id="{{ $retVal['info']['id'] }}">Rời khỏi nhóm</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            @endif
        </div>
    </div>
</div>
@if($retVal['info']['is_group'])
    <div class="messenger__single-convo-info">
        <div class="info__header">
            <div class="info__header__title">Thành viên</div>
            <div class="info__header__actions">
                <div class="single-action"><a href="#collapse__Messenger-GroupMembers"
                                              class="single-action__label single-action__label--collapse"
                                              data-toggle="collapse" aria-expanded="true"><i
                                class="ion-ios-arrow-down"></i></a></div>
            </div>
        </div>


        <div class="info__content">
            <div id="collapse__Messenger-GroupMembers" class="collapse in" aria-expanded="true"
                 style="">
                @foreach($members as $member)
                    <div class="info__convo-members">
                        <div class="single-member">
                            <div class="member__avatar"><img
                                        src="{{ $member['image'] }}"
                                        alt=""></div>
                            <div class="member__title ht-oneline">{{ $member['name'] }}</div>
                            <div class="member__actions">
                                <div class="single-action">
                                    <div class="dropdown pull-right">
                                        <a href="#" class="single-action__label" data-toggle="dropdown"
                                           aria-expanded="false"><i class="ion-ios-more"></i></a>
                                        <ul class="dropdown-menu">
                                            @if($member['id'] == auth('backend')->user()->id)
                                                <li><a href="#" class="leave-conversation"
                                                       data-conversation-id="{{ $retVal['info']['id'] }}"
                                                       data-id="{{ $member['id'] }}">Rời nhóm</a></li>
                                            @endif
                                            @if($member['id'] != auth('backend')->user()->id)
                                                <li><a href="#" class="remove-user-conversation"
                                                       data-conversation-id="{{ $retVal['info']['id'] }}"
                                                       data-id="{{ $member['id'] }}">Xóa khỏi nhóm</a></li>

                                                @if(!$member['is_admin'])
                                                    <li><a href="#" class="set-admin-conversation"
                                                           data-user-name="{{ $member['name'] }}"
                                                           data-conversation-id="{{ $retVal['info']['id'] }}"
                                                           data-id="{{ $member['id'] }}">Đặt làm admin</a></li>
                                                @else
                                                    <li><a href="#" class="remove-admin-conversation"
                                                           data-user-name="{{ $member['name'] }}"
                                                           data-conversation-id="{{ $retVal['info']['id'] }}"
                                                           data-id="{{ $member['id'] }}">Xóa trạng thái admin</a></li>
                                                @endif

                                            @endif
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- <div class="list-see-more"><a href="#">Xem thêm (10)</a></div> -->
                    </div>
                @endforeach
            </div>
        </div>

    </div>
@else
    <div class="messenger__single-convo-info">
        <div class="info__header">
            <div class="info__header__title">Thông tin cá nhân</div>
            <div class="info__header__actions">
                <div class="single-action"><a href="#collapse__Messenger-GroupMembers"
                                              class="single-action__label single-action__label--collapse"
                                              data-toggle="collapse" aria-expanded="true"><i
                                class="ion-ios-arrow-down"></i></a></div>
            </div>
        </div>


        @foreach($members as $key => $member)
            @if($member['id'] != auth('backend')->user()->id)
        <div class="info__content">
            <div id="collapse__Messenger-GroupMembers" class="collapse in" aria-expanded="true"
                 style="">
                <ul class="user-detail-list list-unstyled">
                    <li>Số điện thoại: <span class="color-blue-700">{{ $member['phone'] }}</span></li>
                    <li>Email: <span class="color-blue-700">{{ $member['email'] }}</span></li>
                    <li>Giới tính: <span class="color-blue-700">{{ $member['gender'] }}</span></li>
                    <li>Địa chỉ: <span class="color-blue-700">{{ $member['address'] }}</span></li>
                </ul>
            </div>
        </div>
            @endif
            @endforeach

    </div>
@endif