@foreach($services as $packageKey => $packageItems)
    @if($packageKey != 'No-Package')
        <tr id="" style="color: #0d5279; font-size: 18px; font-weight: bold;"
            class="Package-{{explode('-',$packageKey)[0]}}">
            <td colspan="5"> {{$packageKey}}</td>
            <td width="8%">
                <a href="javascript:;" class="btn btn-danger btn-remove-row" data-id="{{explode('-',$packageKey)[0]}}"
                   data-type="Package">
                    <i class="fa fa-minus"></i>
                </a>
            </td>
            <td></td>
        </tr>
    @endif
    @php $sl=0; @endphp
    @foreach($packageItems as $groupKey => $groupItems)

        @if($groupKey == 'No-Group')

            @if($packageKey != 'No-Package')

                @foreach($groupItems as $key=> $groupItem)

                    <tr @if($packageKey == 'No-Package') class="Service-{{$groupItem['diagnostic_test_id']}}"

                        @elseif($groupKey == 'No-Group') class="Package-{{explode('-',$packageKey)[0]}}"

                        @else id="tr-{{$groupItem['diagnostic_test_id']}}" @endif>
                        {{-- <td width="3%">{{++$sl}}</td> --}}

                        <td width="16%">
                            <input type="hidden" name="diagnostic_test_id[]"
                                   value="{{$groupItem['diagnostic_test_id']}}"
                                   class="form-control">

                            {{$groupItem['diagnostic_test_name']}}
                            <div class="help-block with-errors"></div>
                        </td>

                        <td width="20%">
                            @if($groupItem['diagnostic_test_result_type']!==0)
                                <input type="text" name="delivery_datetime[]"
                                       value="{{now()->format('Y-m-d h:i:s A')}}"
                                       class="form-control text-center datetimepicker">
                            @endif
                        </td>

                        <td width="10%">
                            <div class="input-group col-md-12">
                                <input autocomplete="off" type="number"
                                       id="quantity-{{$groupItem['diagnostic_test_id']}}" name="quantity"
                                       value="1" class="form-control" readonly="">
                            </div>
                        </td>
                        <td width="12%">
                            <div class="input-group col-md-12">

                                <input type="text" id="total-{{$groupItem['diagnostic_test_id']}}" name="total"
                                       value="{{$groupItem['total']}}" class="form-control" readonly="">

                            </div>
                        </td>
                        <td width="10%">
                            <div class="input-group col-md-10">
                                <input type="number" id="discount-{{$groupItem['diagnostic_test_id']}}"
                                       name="discount_{{$groupItem['diagnostic_test_id']}}"
                                       value="0.00" class="form-control">
                            </div>
                        </td>
                        <td width="7%">
                            <div class="input-group col-md-10">

                                <input type="text" id="salePrice-{{$groupItem['diagnostic_test_id']}}"
                                       name="diagnostic_test_sale_price[]"
                                       value="{{$groupItem['diagnostic_test_sale_price']}}" class="form-control"
                                       readonly="">


                            </div>
                        </td>
                        <td width="8%">
                            @if($packageKey == 'No-Package' && $groupKey == 'No-Group')
                                <a href="javascript:;" class="btn btn-danger btn-remove-row"
                                   data-id="{{$groupItem['diagnostic_test_id']}}" data-type="Service">
                                    <i class="fa fa-minus"></i>
                                </a>
                            @endif
                        </td>
                    </tr>
                @endforeach

            @else

                <tr @if($packageKey == 'No-Package') class="Service-{{$groupItems['diagnostic_test_id']}}"
                    @elseif($groupKey == 'No-Group') class="Package-{{explode('-',$packageKey)[0]}}"
                    @else id="tr-{{$groupItems['diagnostic_test_id']}}" @endif>
                    {{-- <td width="3%">{{++$sl}}</td> --}}

                    <td width="16%">
                        <input type="hidden" name="diagnostic_test_id[]" value="{{$groupItems['diagnostic_test_id']}}"
                               class="form-control">

                        {{$groupItems['diagnostic_test_name']}}
                        <div class="help-block with-errors"></div>
                    </td>

                    <td width="20%">
                        @if($groupItems['diagnostic_test_result_type']!==0)
                            <input type="text" name="delivery_datetime[]"
                                   value="{{now()->format('Y-m-d h:i:s A')}}"
                                   class="form-control text-center datetimepicker">
                        @endif
                    </td>

                    <td width="10%">
                        <div class="input-group col-md-12">
                            <input autocomplete="off" type="number" id="quantity-{{$groupItems['diagnostic_test_id']}}"
                                   name="quantity"
                                   value="1" class="form-control" readonly="">
                        </div>
                    </td>
                    <td width="12%">
                        <div class="input-group col-md-12">
                            <input type="text" id="total-{{$groupItems['diagnostic_test_id']}}" name="total"
                                   value="{{$groupItems['total']}}" class="form-control" readonly="">
                        </div>
                    </td>
                    <td width="10%">
                        <div class="input-group col-md-10">
                            <input type="number" id="discount-{{$groupItems['diagnostic_test_id']}}"
                                   name="discount_{{$groupItems['diagnostic_test_id']}}"
                                   value="0.00" class="form-control">
                        </div>
                    </td>
                    <td width="7%">
                        <div class="input-group col-md-10">

                            <input type="text" id="salePrice-{{$groupItems['diagnostic_test_id']}}"
                                   name="diagnostic_test_sale_price[]"
                                   value="{{$groupItems['diagnostic_test_sale_price']}}" class="form-control"
                                   readonly="">
                        </div>
                    </td>
                    <td width="8%">
                        @if($packageKey == 'No-Package' && $groupKey == 'No-Group')
                            <a href="javascript:;" class="btn btn-danger btn-remove-row"
                               data-id="{{$groupItems['diagnostic_test_id']}}" data-type="Service">
                                <i class="fa fa-minus"></i>
                            </a>
                        @endif
                    </td>
                </tr>

            @endif

        @else

            {{-- <tr id="" style="color: #0d5279; font-size: 16px; font-weight: bold;">
                <td colspan="6"> {{$groupKey}} grp</td>
                <td width="8%">
                    @if($groupKey == 'No-Package')
                        <a href="javascript:;"
                            class="btn btn-danger btn-remove-row">
                            <i class="fa fa-minus"></i>
                        </a>
                    @endif
                </td>
                <td width="4%">

                </td>
            </tr> --}}

            <tr @if($packageKey == 'No-Package') class="Group-{{explode('-',$groupKey)[0]}}"
                @else class="Package-{{explode('-',$packageKey)[0]}}"
                @endif style="color: #0d5279; font-size: 16px; font-weight: bold;">
                <td colspan="5"> {{$groupKey}}</td>
                <td width="8%">
                    @if($packageKey == 'No-Package')
                        <a href="javascript:;"
                           class="btn btn-danger btn-remove-row" data-id="{{explode('-',$groupKey)[0]}}"
                           data-type="Group">
                            <i class="fa fa-minus"></i>
                        </a>
                    @endif
                </td>
                <td></td>
            </tr>
            @foreach($groupItems as $serviceKey => $service)
                <tr @if($packageKey == 'No-Package') class="Group-{{explode('-',$groupKey)[0]}}"
                    @else class="Package-{{explode('-',$packageKey)[0]}}" @endif>
                    {{-- <td width="3%">{{++$sl}}</td> --}}
                    <td width="16%">
                        <input type="hidden" name="diagnostic_test_id[]" value="{{$service['diagnostic_test_id']}}"
                               class="form-control">

                        {{$service['diagnostic_test_name']}}
                        <div class="help-block with-errors"></div>
                    </td>

                    <td width="20%">
                        @if($service['diagnostic_test_result_type']!==0)
                            <input type="text" name="delivery_datetime[]"
                                   value="{{now()->addDay()->format('Y-m-d h:i:s A')}}"
                                   class="form-control text-center datetimepicker">
                        @endif
                    </td>

                    <td width="10%">
                        <div class="input-group col-md-12">
                            <input autocomplete="off" type="number" id="quantity-{{$service['diagnostic_test_id']}}"
                                   name="quantity"
                                   value="1" class="form-control" readonly="">
                        </div>
                    </td>
                    <td width="12%">
                        <div class="input-group col-md-12">
                            <input type="text" id="total-{{$service['diagnostic_test_id']}}" name="total"
                                   value="{{$service['total']}}" class="form-control" readonly="">
                        </div>
                    </td>
                    <td width="10%">
                        <div class="input-group col-md-10">
                            <input type="number" id="discount-{{$service['diagnostic_test_id']}}"
                                   name="discount_{{$service['diagnostic_test_id']}}"
                                   value="0.00" class="form-control">
                        </div>
                    </td>
                    <td width="7%">
                        <div class="input-group col-md-10">
                            <input type="text" id="salePrice-{{$service['diagnostic_test_id']}}"
                                   name="diagnostic_test_sale_price[]"
                                   value="{{$service['diagnostic_test_sale_price']}}" class="form-control" readonly="">
                        </div>
                    </td>
                    <td width="8%">

                    </td>
                </tr>
            @endforeach
        @endif
    @endforeach
@endforeach

<script type="text/javascript">

    function totalCount() {
        var discountPercent = parseFloat($("#invoice-discount-percent").val());
        var total = totalAmountCalculate();
        var commisionTotal = totalAmountCalculate();
        $("#invoice-sub-total").html(total.toFixed(2));
        var discountPercentTaka = Math.floor((commisionTotal * discountPercent) / 100);
        $("#invoice-total").html((total - discountPercentTaka).toFixed(2));
        $("#invoice-pay").val((total - discountPercentTaka).toFixed(2));
        $("#pay-note").val((total - discountPercentTaka).toFixed(2));
        $("#invoice-discount-taka").val(discountPercentTaka.toFixed(2));
    }

    $('.btn-remove-row').on('click', function () {
        // location.reload();
        console.log($(this).parent().parent());
        // $(this).parent().parent().remove();
        var baseUrl = '