@extends('portal::layouts.supplier')
@section('title', __('purchase.purchases'))
@section('content')
<section class="content-header no-print"><h1>@lang('purchase.purchases')</h1></section>
<section class="content no-print">
    @component('components.widget', ['class' => 'box-primary', 'title' => __('purchase.all_purchases')])
        <div class="table-responsive">
            <table class="table table-bordered table-striped ajax_view" id="contact_purchase_table">
                <thead>
                    <tr>
                        <th>@lang('messages.action')</th>
                        <th>@lang('messages.date')</th>
                        <th>@lang('purchase.ref_no')</th>
                        <th>@lang('purchase.purchase_status')</th>
                        <th>@lang('purchase.payment_status')</th>
                        <th>@lang('purchase.grand_total')</th>
                        <th>@lang('purchase.payment_due')</th>
                    </tr>
                </thead>
            </table>
        </div>
    @endcomponent
</section>
@endsection
@section('javascript')
<script type="text/javascript">
$(document).ready(function() {
    contact_purchase_datatable = $("#contact_purchase_table").DataTable({
        processing: true, serverSide: true, aaSorting: [[1, 'desc']],
        ajax: { url: '/supplier/purchases', data: function (d) { d = __datatable_ajax_callback(d); } },
        columns: [
            { data: 'action', name: 'action', orderable: false, searchable: false},
            { data: 'transaction_date', name: 'transaction_date'},
            { data: 'ref_no', name: 'ref_no'},
            { data: 'status', name: 'status'},
            { data: 'payment_status', name: 'payment_status'},
            { data: 'final_total', name: 'final_total'},
            { data: 'payment_due', name: 'payment_due', orderable: false, searchable: false},
        ],
        fnDrawCallback: function () { __currency_convert_recursively($('#contact_purchase_table')); }
    });
});
</script>
@endsection