
                <div class="table-responsive">
                    <table id="tables" class="table table-bordered align-middle" style="width:100%">
                        <thead class="table-light">
                            <tr>
                                <td style="padding: 14px">Search</td>
                                <td>
                                    <input type="text" name="search" id="search" class="form-control" placeholder="Search by product name" value="{!! $search_query ?? '' !!}">
                                </td>
                                <td colspan="2" style="padding: 14px"></td>
                                <td><input type="number" placeholder="Percentage"
                                        class="form-control main-percentage"></td>
                                <td><input type="number" placeholder="Rate Per Unit" class="form-control main-price">
                                </td>
                            </tr>
                            <tr>
                                <th class="thbutton">Serial No</th>
                                <th>Test Item</th>
                                <th>Item Price</th>
                                <th>Settings By</th>
                                <th>Percentage (%)</th>
                                <th>Rate (Rs.) per unit</th>
                            </tr>
                        </thead>
                        <tbody>
                            @php $i=1; @endphp
                            @if (count($data) > 0)
                                @foreach ($data as $key => $list)
                                    <tr>
                                        <td class="text-center">{{ 1 + $key }}</td>
                                        <td>{{ ucfirst($list->name) }}</td>
                                        <td>{{ $list->sale_price }}</td>
                                        <td>
                                            <select class="form-control type"
                                                name="calculation_type[{!! $list->id !!}]">
                                                <option value="percentage" {!! matchSelected('percentage', $list->calculation_type) !!}>Percentage</option>
                                                <option value="quantity" {!! matchSelected('quantity', $list->calculation_type) !!}>Quantity</option>
                                            </select>
                                        </td>
                                        <td>
                                            <input type="number" name="percentage[{!! $list->id !!}]"
                                                placeholder="Percentage" value="{!! $list->percentage !!}"
                                                class="form-control percentage">
                                        </td>
                                        <td>
                                            <input type="number" name="price[{!! $list->id !!}]"
                                                placeholder="Rate Per Unit" value="{!! $list->price !!}"
                                                class="form-control price">
                                        </td>
                                    </tr>
                                    @php $i++; @endphp
                                @endforeach
                            @else
                                <tr>
                                    <td colspan="5">No Data Found</td>
                                </tr>
                            @endif
                        </tbody>
                    </table>
                </div>
                    <!-- <div class="float-md-end">
                        <button class="btn btn-success button-large mt-3 mx-3" type="submit"><i class="bi bi-upload"></i> Update Incentive Setting</button>
                    </div>
                    <nav class="float-start mt-2">
                        <ul class="pagination">
                            {!! $data->onEachSide(0)->render('incentive-slabs.pagination') !!}
                        </ul>
                    </nav> -->
                    
                <nav class="row align-items-center mt-3">
                    <div class="col-md-6">
                        {!! $data->onEachSide(0)->render('incentive-slabs.pagination') !!}
                    </div>
                    <div class="col-md-1 float-md-end">
                    </div>
                    <div class="col-lg-2 col-md-2 col-2 dataTables_length" id="example_length" style="text-align: right;">
                        <i class="bi bi-funnel" style=" top: 11px;left: 20px;"></i>
                        <select class="form-select sorting sorting-box" id="" name="example_length" aria-controls="example" style="padding-left: 30px;">
                            <option value="10">Show: 10</option>
                            <option value="30">Show: 30</option>
                            <option value="50">Show: 50</option>
                        </select>
                    </div>
                    <div class="col-md-3 float-md-end">
                        <button class="btn btn-success button-large mx-3" type="submit"><i class="bi bi-upload"></i> Update Incentive Setting</button>
                    </div>
                </nav>
            </div>