{{--
    Lịch sử nhập / xuất kho (nạp lại bằng AJAX khi submit #gridForm).
    Style bảng dùng chung: .crm-list-table (public/css/crm-2026/components.css).
    Giữ hook JS: #registration-form, nút xoá .delete[data-url] (xử lý chung trong layout/_script.blade.php).
    Nút Tạo mới (mở modal #add_new) đã chuyển lên header ở history_depot/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>Kho</th>
                    <th>Sản phẩm</th>
                    <th>Nghiêp vụ</th>
                    <th class="text-right">Số lượng nhập/xuất</th>
                    {{--<th class="text-center">Số lượng chờ xuất</th>--}}
                    {{--<th class="text-center">Mã đơn</th>--}}
                    <th>Ghi chú</th>
                    <th>Cập nhật</th>
                    <th class="crm-list-table__actions">Thao tác</th>
                </tr>
                </thead>
                <tbody>
                @if(count($docs))
                    @foreach($docs as $key => $item)
                        <tr>
                            {{-- STT liên tục theo trang --}}
                            <td class="crm-list-table__no">{{ $docs->firstItem() + $key }}</td>
                            <td>{{@$item->branch->name}}</td>
                            <td><span class="crm-list-table__title">{{@$item->product->name}}</span></td>
                            <td>{{@$status[$item->status]}}</td>
                            <td class="text-right">{{@number_format($item->quantity)}}</td>
                            {{--<td class="text-center">{{@number_format($item->quantity_pending)}}</td>--}}
                            {{--<td class="text-center">{{@$item->code_order}}</td>--}}
                            <td>{{@$item->note}}</td>
                            <td>{{$item->created_at}}</td>
                            <td class="crm-list-table__actions">
                                {{-- Chỉ cho xoá phiếu nhập kho / tặng khách --}}
                                @if($item->status == \App\Constants\OrderConstant::NHAP_KHO||$item->status == \App\Constants\OrderConstant::TANG_KHACH)
                                    <a class="crm-action-btn crm-action-btn--delete delete" href="javascript:void(0)"
                                       data-url="{{url('/depots/history/'.$item->id)}}" data-toggle="tooltip" title="Xoá"
                                       aria-label="Xoá {{@$item->product->name}}">
                                        <i class="fas fa-trash-alt"></i>
                                    </a>
                                @endif
                            </td>
                        </tr>
                    @endforeach
                @else
                    <tr>
                        <td colspan="8">
                            <div class="crm-list-empty">
                                <i class="fas fa-folder-open"></i>
                                <span>Không có 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($docs->total()) }}</b> bản ghi</span>
            {{$docs->links()}}
        </div>
    </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>