@extends('admin.layouts.master')
@section('title', 'الأصناف')

@section('page-header')
    <div class="row align-items-center">
        <div class="col">
            <div class="page-pretitle">المخزون</div>
            <h2 class="page-title"><i class="ti ti-box ms-1"></i> الأصناف</h2>
        </div>
        <div class="col-auto"><a href="{{ route('admin.items.create') }}" class="btn btn-primary"><i class="ti ti-plus ms-1"></i> صنف جديد</a></div>
    </div>
@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><th>الحالة</th><th>إجراءات</th></tr></thead>
    </table>
</div></div>
@endsection

@push('scripts')
<script>
$('#t').DataTable({
    processing: true, serverSide: true, language: window.dtArabic, responsive: true,
    ajax: '{{ route('admin.items.index') }}',
    columns: [
        { data: 'id', name: 'id' },
        { data: 'code', name: 'code' },
        { data: 'name', name: 'name' },
        { data: 'category_name', name: 'category.name' },
        { data: 'unit_name', name: 'unit.short_name', orderable: false },
        { data: 'total_stock', name: 'total_stock', orderable: false, searchable: false },
        { data: 'cost_formatted', name: 'cost_price' },
        { data: 'price_formatted', name: 'selling_price' },
        { data: 'status', name: 'is_active', orderable: false },
        { data: 'actions', name: 'actions', orderable: false, searchable: false },
    ]
});
</script>
@endpush