@extends('admin.layouts.master')
@section('title', $type === 'receipt' ? 'سندات القبض' : 'سندات الصرف')

@section('page-header')
    <div class="row align-items-center">
        <div class="col"><div class="page-pretitle">المالية</div>
            <h2 class="page-title">
                @if($type === 'receipt')
                    <i class="ti ti-arrow-down ms-1"></i> سندات القبض
                @else
                    <i class="ti ti-arrow-up ms-1"></i> سندات الصرف
                @endif
            </h2></div>
        <div class="col-auto">
            <a href="{{ route('admin.payments.create', ['type'=>$type]) }}" 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>{{ $type === 'receipt' ? 'العميل' : 'المورد' }}</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: { url: '{{ route('admin.payments.index') }}', data: { type: '{{ $type }}' } },
    columns: [
        { data: 'id', name: 'id' },
        { data: 'payment_no', name: 'payment_no' },
        { data: 'date_f', name: 'payment_date' },
        { data: 'party_name', name: 'customer.name' },
        { data: 'related_no', name: 'invoice.invoice_no' },
        { data: 'treasury_name', name: 'treasury.name' },
        { data: 'amount_formatted', name: 'amount' },
        { data: 'method_label', name: 'method' },
        { data: 'actions', name: 'actions', orderable: false, searchable: false },
    ]
});
</script>
@endpush