@extends('layouts.agent')
@section('content')
<div class="container">
    <div class="row justify-content-center">
        <div class="col-md-12">
            <div style="margin-bottom: 10px;" class="row">
                <div class="col-lg-12">
                    <a class="btn btn-success" href="{{ route('agent.sales-orders.create') }}">
                        {{ trans('global.add') }} Sales Orders
                    </a>
                </div>
            </div>
            <div class="card">
                <div class="card-header">
                    Sales Order {{ trans('global.list') }}
                </div>

                <div class="card-body">
                    <div class="table-responsive">  
                        <table class="table table-striped" id="sales-order-table">
                            <thead>
                                <th>#</th>
                                <th>SO No.</th>
                                <th>SO Date</th>
                                <th>Code</th>
                                <th>Product</th>
                                <th>Remark</th>
                                <th>Date</th>
                                <th>Actions</th>
                            </thead>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@section('scripts')
<script>
$(function(){
    $('#sales-order-table').DataTable({
        processing: true,
        serverSide: true,
        ajax: '{{ route('agent.sales-orders.getSalesOrderData') }}',
        columns: [
            {data: 'id', name: 'id'},
            {data: 'so_no', name: 'so_no'},
            {data: 'so_date', name: 'so_date'},
            {data: 'items_code', name: 'items_code'},
            {data: 'description', name: 'description', sortable : false, searchable : false },
            {data: 'remark', name: 'remark'},
            {data: 'so_date', name: 'so_date'},
            { data: 'actions', name: '{{ trans('global.actions') }}', sortable : false, searchable : false }
        ],
    });
});
</script>
@endsection