@extends ('backend.layouts.app')

@section ('title', app_name() . ' | ' . __('pointsetting::labels.backend.pointsetting.management'))

@section('breadcrumb-links')
    @include('pointsetting::includes.breadcrumb-links')
@endsection

@push('after-styles')
@endpush

@section('content')
<div class="card">
    <div class="card-body">
        <div class="row">
            <div class="col-sm-5">
                <h4 class="card-title mb-0">
                    @if($client)
                        {{$client->merchant_name}}'s
                    @endif
                    {{ __('pointsetting::labels.backend.pointsetting.management') }} <small class="text-muted">{{ __('pointsetting::labels.backend.pointsetting.list') }}</small>
                </h4>
            </div><!--col-->

            <div class="col-sm-7">
                @include('pointsetting::includes.header-buttons')
            </div><!--col-->
        </div><!--row-->

        <div class="row mt-4">
            <div class="col">
                <div class="table-responsive">
                    <table id="pointsetting-table" class="table table-condensed table-hover">
                        <thead>
                        <tr>
                            <th>{{ __('pointsetting::labels.backend.pointsetting.table.id') }}</th>
                            <th>{{ __('pointsetting::labels.backend.pointsetting.table.merchant') }}</th>
                            <th>{{ __('pointsetting::labels.backend.pointsetting.table.name') }}</th>
                            <th>{{ __('pointsetting::labels.backend.pointsetting.table.type') }}</th>
                            <th>{{ __('pointsetting::labels.backend.pointsetting.table.amount') }}</th>
                            <th>{{ __('pointsetting::labels.backend.pointsetting.table.value') }}</th>
                            <th>{{ __('pointsetting::labels.backend.pointsetting.table.last_updated') }}</th>
                            <th>{{ __('labels.general.actions') }}</th>
                        </tr>
                        </thead>
                    </table>
                </div>
            </div><!--col-->
        </div><!--row-->
    </div><!--card-body-->
</div><!--card-->
@endsection

@push('after-scripts')

    <script>
        $(function() {
            var clientId = {{$client ? $client->id : 'null'}};
            console.log(clientId);
            $('#pointsetting-table').DataTable({
                serverSide: true,
                ajax: {
                    url: '{!! route("admin.pointsetting.get") !!}',
                    type: 'post',
                    data: function (d) {
                        d.data = {
                                client_id: clientId
                            };
                        return d;
                    },
                    error: function (xhr, err) {
                        if (err === 'parsererror')
                            location.reload();
                        else swal(xhr.responseJSON.message);
                    }
                },
                columns: [
                    {data: 'id', name: 'id'},
                    {data: 'client_id', name: 'client_id'},
                    {data: 'name', name: 'name'},
                    {data: 'type', name: 'type'},
                    {data: 'amount', name: 'amount'},
                    {data: 'value', name: 'value'},
                    {data: 'updated_at', name: 'updated_at'},
                    {data: 'actions', name: 'actions', searchable: false, sortable: false}
                ],
                order: [[0, "asc"]],
                searchDelay: 500,
                fnDrawCallback: function (nRow, aData, iDisplayIndex, iDisplayIndexFull) {
                    load_plugins();
                }
            });
        });
    </script>
@endpush