@extends('admin.layouts.master')
@section('title', 'الفاقد')

@section('page-header')
    <div class="page-pretitle">الإنتاج</div>
    <h2 class="page-title"><i class="ti ti-trash ms-1"></i> الفاقد</h2>
@endsection

@section('content')
<div class="card"><div class="card-body">
    <table class="table table-vcenter table-striped" id="t" style="width:100%">
        <thead><tr><th>#</th><th>التاريخ</th><th>البطاقة</th><th>الصنف</th><th>الكمية</th><th>التكلفة</th><th>السبب</th><th>أبلغ بواسطة</th></tr></thead>
    </table>
</div></div>
@endsection

@push('scripts')
<script>
$('#t').DataTable({
    processing: true, serverSide: true, responsive: true, order: [[0,'desc']],
    language: window.dtArabic,
    ajax: '{{ route('admin.production-waste.index') }}',
    columns: [
        { data: 'id', name: 'id' },
        { data: 'date_f', name: 'waste_date' },
        { data: 'ticket_no', name: 'jobTicket.ticket_no' },
        { data: 'item_name', name: 'item.name' },
        { data: 'qty_f', name: 'quantity' },
        { data: 'cost_f', name: 'estimated_cost' },
        { data: 'reason', name: 'reason' },
        { data: 'user_name', name: 'reportedBy.name' },
    ]
});
</script>
@endpush