@extends('modules.head') @section('contenido')
    <div class="header">
        <h3>Tier Pricings: {{ $tierPricing->name }}</h3>
    </div>
    <div class="box-body table-responsive ">
        <table id="tier_pricings_table" class="table table-bordered table-hover dataTables_wrapper">
            <thead>
            <tr>
                <th>BP Code</th>
                <th>Name</th>
            </tr>
            </thead>
            <tbody>
            </tbody>
        </table>
    </div>

    <script src="{{ asset('js/jQuery/jquery-2.2.3.min.js') }}"></script>

    <script>
        $(function () {
            const tier_pricings_table = $('#tier_pricings_table').DataTable({
                processing: true,
                serverSide: true,
                ajax: "{{ route('tier_pricings.users', ['id' => $tierPricing->id]) }}",
                columns: [
                    {data: 'document', name: 'document'},
                    {data: 'first_name', name: 'first_name', render: function (data, type, row) {
                        const url = "{{ route('client.edit', ['id' => ':id']) }}".replace(':id', row.id);
                        return `<a href="${url}">${row.first_name}</a>`;
                    }},
                ]
            });
        })
    </script>

@endsection