@extends('layouts.admin_main')

@section('title', trans('admin_lang.payment'))

@push('styles')
    <link rel="stylesheet" href="{{ asset('assets/css/dataTables.bootstrap4.min.css') }}">
@endpush

@section('content')

    <div class="kt-portlet kt-portlet--mobile">
        @header(['title' => trans('admin_lang.payment'), 'icon' => 'fa fa-money-bill-alt'])
        <div class="kt-portlet__head-label">
        </div>
        @endheader
        <div class="kt-portlet__body">
            <div class="table_container">
                <div class="table-responsive">
                    <table class="table table-striped table-bordered" id="category-table">
                        <thead>
                        <tr>
                            <th>{{ trans('admin_lang.id') }}</th>
                            <th>{{ trans('admin_lang.transaction_id') }}</th>
                            <th>{{ trans('admin_lang.order_number') }}</th>
                            <th>{{ trans('admin_lang.registered_business_name') }}</th>
                            <th>{{ trans('admin_lang.transaction_date') }}</th>
                            <th>{{ trans('admin_lang.amount') }}</th>
                            <th>{{ trans('admin_lang.status') }}</th>
                            <th>{{ trans('admin_lang.actions') }}</th>
                        </tr>
                        </thead>
                    </table>
                </div>
            </div>
        </div>
    </div>
@endsection

@push('scripts')
    <script type="text/template" id="header-buttons">
{{--    @include('components.button',['type' => 'create', 'label' => trans('admin_lang.create_new_category'), 'url' => route('admin.category.create')])--}}
    </script>

    <script src="{{ asset('assets/js/jquery.dataTables.min.js') }}"></script>
    <script src="{{ asset('assets/js/dataTables.bootstrap4.min.js') }}"></script>
    <script type="text/javascript">
        const url = "{{ route('admin.payment.data') }}";
        const lang = "{{ app()->getLocale() }}";
        const filters = {};

        jQuery(document).ready(function() {
            dataTable(jQuery('#category-table'), url, [
                    {data: 'index', defaultContent: ''},
                    {data: 'pay_id', name: 'pay_id'},
                    {data: 'order_number', name: 'order_number'},
                    {data: 'user_id', name: 'user_id',orderable: false, searchable: false},
                    {data: 'transaction_date', name: 'transaction_date'},
                    {data: 'amount', name: 'amount'},
                    {data: 'status', name: 'status'},
                    {data: 'action', name: 'action', orderable: false, searchable: false}
                ],
                lang,
                filters,
                jQuery('#header-buttons').html(),
                undefined,
                [[4, 'desc']]
            );
        });
    </script>
@endpush