<li class="nav-item dropdown noti-nav me-3 pe-0">
                <a href="#" class="dropdown-toggle active-dot active-dot-danger nav-link p-0" data-bs-toggle="dropdown">
                    <i class="isax isax-notification-bing"></i>
                </a>
                <div class="dropdown-menu notifications dropdown-menu-end ">
                    <div class="topnav-dropdown-header">
                        <span class="notification-title">Notifications</span>
                    </div>
                    <div class="noti-content">
                        <ul class="notification-list">
                            <li class="notification-message">
                                <a href="#">
                                    <div class="notify-block d-flex">
                                        <span class="avatar">
                                            <img class="avatar-img" alt="Ruby perin" src="{{URL::asset('assets/img/clients/client-01.jpg')}}">
                                        </span>
                                        <div class="media-body">
                                            <h6>Travis Tremble <span class="notification-time">18.30 PM</span></h6>
                                            <p class="noti-details">Sent a amount of $210 for his Appointment  <span class="noti-title">Dr.Ruby perin </span></p>
                                        </div>
                                    </div>
                                </a>
                            </li>
                            <li class="notification-message">
                                <a href="#">
                                    <div class="notify-block d-flex">
                                        <span class="avatar">
                                            <img class="avatar-img" alt="Hendry Watt" src="{{URL::asset('assets/img/clients/client-02.jpg')}}">
                                        </span>
                                        <div class="media-body">
                                            <h6>Travis Tremble <span class="notification-time">12 Min Ago</span></h6>
                                            <p class="noti-details"> has booked her appointment to  <span class="noti-title">Dr. Hendry Watt</span></p>
                                        </div>
                                    </div>
                                </a>
                            </li>
                            <li class="notification-message">
                                <a href="#">
                                    <div class="notify-block d-flex">
                                        <div class="avatar">
                                            <img class="avatar-img" alt="Maria Dyen" src="{{URL::asset('assets/img/clients/client-03.jpg')}}">
                                        </div>
                                        <div class="media-body">
                                            <h6>Travis Tremble <span class="notification-time">6 Min Ago</span></h6>
                                            <p class="noti-details"> Sent a amount  $210 for his Appointment   <span class="noti-title">Dr.Maria Dyen</span></p>
                                        </div>
                                    </div>
                                </a>
                            </li>
                            <li class="notification-message">
                                <a href="#">
                                    <div class="notify-block d-flex">
                                        <div class="avatar avatar-sm">
                                            <img class="avatar-img" alt="client-image" src="{{URL::asset('assets/img/clients/client-04.jpg')}}">
                                        </div>
                                        <div class="media-body">
                                            <h6>Travis Tremble <span class="notification-time">8.30 AM</span></h6>
                                            <p class="noti-details"> Send a message to his doctor</p>
                                        </div>
                                    </div>
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
            </li>