{{-- top section of the chat --}}
  <div class="top">
    <div class="container">
        <div class="col-md-12">
            <div class="inside">
                <a href="#"><img class="avatar-md" src="/theme/dist/img/avatars/avatar-female-5.jpg"
                        data-toggle="tooltip" data-placement="top" title="Keith" alt="avatar"></a>
                <div class="status">
                    <i class="material-icons online">fiber_manual_record</i>
                </div>
                <div class="data">
                    <h5><a href="#">{{ $selectedUser?->name }}</a></h5>
                    <span>Active now</span>
                </div>
                {{-- <button class="btn connect d-md-block d-none" name="1"><i
                        class="material-icons md-30">phone_in_talk</i></button>
                <button class="btn connect d-md-block d-none" name="1"><i
                        class="material-icons md-36">videocam</i></button> --}}
                <button class="btn d-md-block d-none"><i class="material-icons md-30">info</i></button>
                {{-- <div class="dropdown">
                    <button class="btn" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i
                            class="material-icons md-30">more_vert</i></button>
                    <div class="dropdown-menu dropdown-menu-right">
                        <button class="dropdown-item connect" name="1"><i
                                class="material-icons">phone_in_talk</i>Voice Call</button>
                        <button class="dropdown-item connect" name="1"><i
                                class="material-icons">videocam</i>Video Call</button>
                        <hr>
                        <button class="dropdown-item"><i class="material-icons">clear</i>Clear
                            History</button>
                        <button class="dropdown-item"><i class="material-icons">block</i>Block
                            Contact</button>
                        <button class="dropdown-item"><i class="material-icons">delete</i>Delete
                            Contact</button>
                    </div>
                </div> --}}

                
            </div>
        </div>
    </div>
</div>