@extends('modules.head') @section('contenido')
    <div class="header">
        <h3>Tier Pricing Suggestions</h3>
    </div>
    <div class="box-body table-responsive ">
        <table id="tier_pricing_suggestions_table" class="table table-bordered table-hover dataTables_wrapper">
            <thead>
            <tr>
                <th>Code</th>
                <th>Name</th>
                <th>Total Suggestions</th>
                <th>Approved Suggestions</th>
                <th>Rejected Suggestions</th>
                <th>Pending Suggestions</th>
            </tr>
            </thead>
            <tbody>
            </tbody>
        </table>
    </div>

    <script src="{{ asset('js/jQuery/jquery-2.2.3.min.js') }}"></script>
    <script>
        $(function () {
            const tier_pricings_suggestions_table = $('#tier_pricing_suggestions_table').DataTable({
                processing: true,
                serverSide: true,
                ajax: "{{ route('tier_pricing_suggestions.index') }}",
                columns: [
                    {
                        data: 'code', name: 'code', render: function (data, type, row) {
                            return `<a href="{{ route("tier_pricing_suggestions.show", ["tier_pricing_suggestion" => ":id"]) }}">${data}</a>`
                                .replace(':id', row.id);                        }
                    },
                    {data: 'name', name: 'name'},
                    {data: 'total_suggestions', name: 'total_suggestions'},
                    {data: 'total_approved_suggestions', name: 'total_approved_suggestions'},
                    {data: 'total_rejected_suggestions', name: 'total_rejected_suggestions'},
                    {data: 'total_pending_suggestions', name: 'total_pending_suggestions'},
                ]
            });
        })
    </script>
@endsection