@foreach($chats as $key => $chat)
<div class="menu-item mb-3">
    <span class="menu-link chat-menus chat-menus-{{$chat->id}} {{($key == 0) ? 'active' : ''}}" data-id="{{$chat->id}}">
        <span class="menu-title fw-bold chat-title edit-title-{{$chat->id}}" data-id="{{$chat->id}}">{{$chat->name}}</span>
            <button class="btn no-arrow p-0" type="button" id="dropdownMenuButton1" data-bs-toggle="dropdown" aria-expanded="false">
                <i class="fa fa-ellipsis-h"></i>
            </button>
            <ul class="dropdown-menu" aria-labelledby="dropdownMenuButton1">
                <li><a class="dropdown-item rename-chat edit-chat-icon" href="#" data-id="{{$chat->id}}">Rename</a></li>
                <li><a class="dropdown-item remove-chat remove-chat-{{$chat->id}} remove-chat-icon" href="#" data-id="{{$chat->id}}">Delete</a></li>
            </ul>
            <input type="text" class="form-control form-control-solid edit-title-input edit-title-input-{{$chat->id}}" data-id="{{$chat->id}}" value="{{$chat->name}}" style="display: none;">
    </span>
</div>
@endforeach