{{--
    Danh sách danh mục thu chi (sửa tên trực tiếp trên dòng).
    Style bảng dùng chung: .crm-list-table (public/css/crm-2026/components.css).
    Giữ hook JS: input .name + nút lưu .save-cate[data-id] (thu_chi/category/index.blade.php),
    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>Tên nhóm</th>
                <th class="crm-list-table__actions">Thao tác</th>
            </tr>
            </thead>
            <tbody>
            @if(@count($docs))
                @foreach($docs as $k => $s)
                    <tr>
                        <td class="crm-list-table__no">{{$k+1}}</td>
                        <td>
                            <input type="text" class="name txt-dotted" value="{{$s->name}}">
                        </td>
                        <td class="crm-list-table__actions">
                            <a class="crm-action-btn crm-action-btn--save save-cate" href="javascript:void(0)" data-id="{{$s->id}}"
                               data-toggle="tooltip" title="Lưu" aria-label="Lưu {{ $s->name }}">
                                <i class="fas fa-save"></i>
                            </a>
                            <a class="crm-action-btn crm-action-btn--delete delete" href="javascript:void(0)"
                               data-url="{{ url('danh-muc-thu-chi/' . $s->id) }}" data-toggle="tooltip" title="Xoá" aria-label="Xoá {{ $s->name }}">
                                <i class="fas fa-trash-alt"></i>
                            </a>
                        </td>
                    </tr>
                @endforeach
            @else
                <tr>
                    <td id="no-data" colspan="3">
                        <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="pull-left">--}}
        {{--<div class="page-info">--}}
            {{--{{ 'Tổng số ' . $docs->total() . ' bản ghi ' . (request()->search ? 'found' : '') }}--}}
        {{--</div>--}}
    {{--</div>--}}
    {{--<div class="pull-right">--}}
        {{--{{ $docs->appends(['search' => request()->search ])->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>