@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-truck ms-1"></i> الموردين</h2>
        </div>
        <div class="col-auto">
            <a href="{{ route('admin.suppliers.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="suppliers-table" 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>
$('#suppliers-table').DataTable({
    processing: true, serverSide: true, responsive: true, order:[[0,'desc']],
    language: window.dtArabic,
    ajax: '{{ route('admin.suppliers.index') }}',
    columns: [
        { data: 'id', name: 'id' },
        { data: 'code', name: 'code' },
        { data: 'name', name: 'name' },
        { data: 'contact_person', name: 'contact_person' },
        { data: 'mobile', name: 'mobile' },
        { data: 'branch_name', name: 'branch.name' },
        { data: 'balance_formatted', name: 'current_balance' },
        { data: 'rating_stars', name: 'rating', orderable: false },
        { data: 'status', name: 'is_active', orderable: false },
        { data: 'actions', name: 'actions', orderable: false, searchable: false },
    ],
    dom: '<"row mb-3"<"col-md-6"l><"col-md-6"f>>rt<"row mt-3"<"col-md-6"i><"col-md-6"p>>',
    pageLength: 25,
});
</script>
@endpush