<div class="container">
    <div class="row">
        <div class="col-md-12 p-0">
            <div id="chat3">
                <div class="card-body">
                    <div class="row">
                        <div class="col-md-12 col-lg-5 col-xl-4 mb-4 mb-md-0 border-end">
                            <div class="p-3 pt-0">
                                <div class="input-group rounded mb-3">
                                    <input type="search" class="form-control rounded" placeholder="Tìm Kiếm..."
                                        wire:model.live="searchTerm" />
                                    <span class="input-group-text border-0" id="search-addon">
                                        <i class="fas fa-search"></i>
                                    </span>
                                </div>
                                <div>
                                    <ul class="list-unstyled mb-0 scroll-y-hidden chat-aside-height"
                                        wire:poll.2s="fetchList">
                                        <!--[if BLOCK]><![endif]--><?php if(!empty($getAllChat->count()) > 0): ?>
                                            <!--[if BLOCK]><![endif]--><?php $__currentLoopData = $getAllChat; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $key => $item): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                                <li class="p-2 border-bottom">
                                                    <a href="<?php echo e(route('training_officer_chat.updateNotification', $item->student_id)); ?>"
                                                        class="d-flex justify-content-between">
                                                        <div class="d-flex flex-row">
                                                            <div>
                                                                <img src="https://cdn.pixabay.com/photo/2020/07/01/12/58/icon-5359553_640.png"
                                                                    alt="avatar" class="d-flex align-self-center me-3"
                                                                    width="60">
                                                                <span class="badge bg-success badge-dot"></span>
                                                            </div>
                                                            <div class="pt-1">
                                                                <p class="fw-bold mb-0">
                                                                    <?php echo e($item->student->name); ?>

                                                                </p>
                                                                <p class="small text-muted truncate-text-1">
                                                                    <?php echo e($item->message); ?>

                                                                </p>
                                                            </div>
                                                        </div>
                                                        <!--[if BLOCK]><![endif]--><?php if(!empty($item->unread_count) > 0): ?>
                                                            <div class="pt-1">
                                                                <span
                                                                    class="badge bg-danger rounded-pill float-end"><?php echo e($item->unread_count); ?>

                                                                </span>
                                                            </div>
                                                        <?php endif; ?><!--[if ENDBLOCK]><![endif]-->
                                                    </a>
                                                </li>
                                            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?><!--[if ENDBLOCK]><![endif]-->
                                        <?php else: ?>
                                            <div class="text-center text-danger pt-3">
                                                <h6>Không Có Đoạn Chat Nào</h6>
                                            </div>
                                        <?php endif; ?><!--[if ENDBLOCK]><![endif]-->
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6 col-lg-7 col-xl-8 hidden_for_phone">
                            <div class="d-flex justify-content-center align-items-center text-center"
                                style="height: 370px;">
                                <div>
                                    <h5>Chào Mừng Đến Với <strong>Đại Học Đào Sông Nin</strong></h5>
                                    <div class="mt-3 mb-3">
                                        <img src="<?php echo e(asset('admin')); ?>/img/banner_home/logo.png" alt=""
                                            width="175px">
                                    </div>
                                    <div>
                                        <small>Trang Này Có Chức Năng Hỗ Trợ Và Phản Hồi Các Thắc Mắc Của Sinh
                                            Viên</small>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<?php /**PATH C:\Users\phama\OneDrive\Desktop\Tai_Nguyen_Hoc_Tap\DuAnPHP3\SchoolManagementSystem\resources\views/livewire/training_officer/chat.blade.php ENDPATH**/ ?>