{{--
    Danh sách công thủ thuật (bảng sửa trực tiếp).
    Style bảng dùng chung: .crm-list-table (public/css/crm-2026/components.css).
    Giữ hook JS: tr[data-id], input .name, input #price.number, select .location_id,
    nút .save-status[data-id], nút .delete[data-url]; nút #add_new_status đã chuyển lên header ở tips/index.
--}}
<div id="registration-form">
    <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>Thủ thuật</th>
                    <th>Giá công</th>
                    <th>Cụm</th>
                    <th class="crm-list-table__actions">Thao tác</th>
                </tr>
                </thead>
                <tbody id="sortable1">
                @if(count($tips))
                    @foreach($tips as $k =>$item)
                        <tr data-id="{{$item->id}}">
                            {{-- STT liên tục theo trang --}}
                            <td class="crm-list-table__no">{{ $tips->firstItem() + $k }}</td>
                            <td>
                                <input type="text" class="name txt-dotted form-control" value="{{$item->name}}">
                            </td>
                            <td>
                                <input type="text" id="price" class="txt-dotted form-control number" value="{{number_format($item->price)}}">
                            </td>
                            <td>
                                {!! Form::select('location_id',[1=>'Cụm miền bắc',3=>'Cụm miền nam'], @$item->location_id, array('class' => 'form-control location_id','placeholder'=>'-Tất cả chi nhánh-')) !!}
                            </td>
                            <td class="crm-list-table__actions">
                                <a class="crm-action-btn crm-action-btn--save save-status" href="javascript:void(0)" data-id="{{$item->id}}"
                                   data-toggle="tooltip" title="Lưu" aria-label="Lưu {{$item->name}}">
                                    <i class="fa fa-save"></i>
                                </a>
                                <a class="crm-action-btn crm-action-btn--delete delete" href="javascript:void(0)" data-url="{{'tips/'.$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="5">
                            <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($tips->total()) }}</b> bản ghi</span>
            {{ $tips->appends([])->links() }}
        </div>
    </div>
</div>
<script>
    // Tooltip cho nút thao tác (nội dung có thể đượ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>