@extends('admin.layouts.master')

@section('content')
<div class="pc-container">
    <div class="pc-content">
        <h4 class="mb-3">تقرير زيادة المخزون</h4>

        <div class="card">
            <div class="card-body">
                <table id="excess-table" class="table table-striped table-bordered w-100">
                    <thead>
                    <tr>
                        <th>الكود</th>
                        <th>المنتج</th>
                        <th>الوحدة</th>
                        <th>الرصيد الحالي</th>
                        <th>حد التنبيه</th>
                        <th>الزيادة</th>
                    </tr>
                    </thead>
                </table>
            </div>
        </div>
    </div>
</div>

<link rel="stylesheet" href="https://cdn.datatables.net/1.13.8/css/dataTables.bootstrap5.min.css">
<script src="https://cdn.datatables.net/1.13.8/js/jquery.dataTables.min.js"></script>
<script src="https://cdn.datatables.net/1.13.8/js/dataTables.bootstrap5.min.js"></script>
<script>
    $(function () {
        $('#excess-table').DataTable({
            ajax: {
                url: '{{ route('admin.inventory.reports.excess.data') }}',
                data: { warehouse_id: '{{ $warehouse?->id }}' }
            },
            columns: [
                {data: 'sku'},
                {data: 'name_ar'},
                {data: 'unit'},
                {data: 'balance'},
                {data: 'minimum'},
                {data: 'excess'}
            ],
            language: { url: '//cdn.datatables.net/plug-ins/1.13.8/i18n/ar.json' }
        });
    });
</script>
@endsection