{{--
    Danh sách đội, nhóm (nạp lại bằng AJAX khi tìm kiếm).
    Style bảng dùng chung: .crm-list-table (public/css/crm-2026/components.css).
    Giữ hook JS: nút sửa .edit[data-team][data-member] (js/custom/teams.js),
    nút xoá .delete[data-url] (xử lý chung trong layout/_script.blade.php).
--}}
<div class="crm-list">
    <div class="table-responsive">
        <table class="table crm-list-table">
            <thead>
            <tr>
                <th class="crm-list-table__no">STT</th>
                <th>Loại nhóm</th>
                <th>Mã</th>
                <th>Tên</th>
                <th>Trưởng nhóm</th>
                <th>Thành viên</th>
                <th>Cập nhật</th>
                <th class="crm-list-table__actions">Thao tác</th>
            </tr>
            </thead>
            <tbody>
            @if(count($data))
                @foreach($data as $key=>$item)
                    <tr>
                        {{-- STT liên tục theo trang (trang 2 bắt đầu từ 21 ...) --}}
                        <td class="crm-list-table__no">{{ $data->firstItem() + $key }}</td>
                        <td>
                            {{$item->department_id==\App\Constants\DepartmentConstant::TELESALES?'Sale'
                            :($item->department_id==\App\Constants\DepartmentConstant::MARKETING?'Marketing'
                            :($item->department_id==\App\Constants\DepartmentConstant::CSKH?'CSKH':'Carepage')
                            )}}
                        </td>
                        <td><span class="crm-code-chip">{{@$item->code}}</span></td>
                        <td><span class="crm-list-table__title">{{@$item->name}}</span></td>
                        <td>{{@$item->user->full_name}}</td>
                        <td>{{@$item->getNameUser()}}</td>
                        <td>{{@$item->created_at}}</td>
                        <td class="crm-list-table__actions">
                            <a class="crm-action-btn crm-action-btn--edit edit" href="javascript:void(0)"
                               data-team="{{$item}}"
                               data-member="{{json_encode($item->arrayIdTeamMember())}}"
                               data-toggle="tooltip" title="Sửa" aria-label="Sửa {{@$item->name}}">
                                <i class="fas fa-pen"></i>
                            </a>
                            <a class="crm-action-btn crm-action-btn--delete delete" href="javascript:void(0)"
                               data-url="{{route('teams.destroy',$item->id)}}"
                               data-toggle="tooltip" title="Xoá" aria-label="Xoá {{@$item->name}}">
                                <i class="fas fa-trash-alt"></i>
                            </a>
                        </td>
                    </tr>
                @endforeach
            @else
                <tr>
                    <td id="no-data" colspan="8">
                        <div class="crm-list-empty">
                            <i class="fas fa-folder-open"></i>
                            <span>Không tồn tại dữ liệu</span>
                        </div>
                    </td>
                </tr>
            @endif
            </tbody>
        </table>
    </div>
    <div class="crm-list-footer">
        <span class="crm-list-footer__total">Tổng số <b>{{ number_format($data->total()) }}</b> bản ghi</span>
        {{ $data->appends(['search' => @$input['search'],'branch_id' => @$input['branch_id'],'department_id' => @$input['department_id'] ])->links() }}
    </div>
</div>
<script>
    // Tooltip cho nút thao tác (nội dung được nạp lại bằng AJAX nên khởi tạo lại mỗi lần)
    if ($.fn.tooltip) {
        $('#registration-form [data-toggle="tooltip"]').tooltip({trigger: 'hover', placement: 'top'});
    }
</script>