@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="6"> {{$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 width="4%">
            </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%" class="sl-no" style="display: none">{{$groupItem['sl']}}</td>

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

                            <input type="hidden"
                                   name="sale[{{$groupItem['sl']}}][service_package_id]"
                                   value="{{$groupItem['service_package_id']}}"
                                   class="form-control">

                            <input type="hidden"
                                   name="sale[{{$groupItem['sl']}}][service_group_id]"
                                   value="{{$groupItem['service_group_id']}}"
                                   class="form-control">

                            <input type="text"
                                   name="sale[{{$groupItem['sl']}}][diagnostic_test_name]"
                                   value="{{$groupItem['diagnostic_test_name']}}"
                                   class="form-control" readonly>
                            <div class="help-block with-errors"></div>
                        </td>
                        <td width="10%">
                            <div class="input-group col-md-12">
                                <input autocomplete="off" type="number"
                                       id="quantity-{{$groupItem['diagnostic_test_id']}}"
                                       name="sale[{{$groupItem['sl']}}][quantity]" value="1"
                                       class="form-control quantity" readonly="">
                            </div>
                        </td>
                        <td width="12%">
                            <div class="input-group col-md-12">
                                <input type="text" id="total-{{$groupItem['diagnostic_test_id']}}"
                                       name="sale[{{$groupItem['sl']}}][total]" value="{{$groupItem['total']}}"
                                       class="form-control total-amount" readonly="">
                            </div>
                        </td>
                        <td width="10%">
                            <div class="input-group col-md-10">
                                <input type="number" id="discount-{{$groupItem['diagnostic_test_id']}}"
                                       name="sale[{{$groupItem['sl']}}][discount]" value="0.00" class="form-control" readonly>
                            </div>
                        </td>
                        <td width="17%">
                            <div class="input-group col-md-10">
                                <input type="text" id="salePrice-{{$groupItem['diagnostic_test_id']}}"
                                       name="sale[{{$groupItem['sl']}}][diagnostic_test_sale_price]" readonly
                                       value="{{$groupItem['diagnostic_test_sale_price']}}"
                                       class="form-control sale-price">
                            </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%" class="sl-no" style="display: none">{{$groupItems['sl']}}</td>

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

                        <input type="hidden"
                               name="sale[{{$groupItems['sl']}}][service_package_id]"
                               value="{{$groupItems['service_package_id']}}"
                               class="form-control">
                        <input type="hidden"
                               name="sale[{{$groupItems['sl']}}][service_group_id]"
                               value="{{$groupItems['service_group_id']}}"
                               class="form-control">

                        <input type="text"
                               name="sale[{{$groupItems['sl']}}][diagnostic_test_name]"
                               value="{{$groupItems['diagnostic_test_name']}}"
                               class="form-control" readonly>

                        <div class="help-block with-errors"></div>
                    </td>
                    <td width="10%">
                        <div class="input-group col-md-12">
                            <input autocomplete="off" type="number" id="quantity-{{$groupItems['diagnostic_test_id']}}"
                                   name="sale[{{$groupItems['sl']}}][quantity]" value="1" class="form-control quantity"
                                   readonly="">
                        </div>
                    </td>
                    <td width="12%">
                        <div class="input-group col-md-12">
                            <input type="text" id="total-{{$groupItems['diagnostic_test_id']}}"
                                   name="sale[{{$groupItems['sl']}}][total]" value="{{$groupItems['total']}}"
                                   class="form-control total-amount" readonly="">
                        </div>
                    </td>
                    <td width="10%">
                        <div class="input-group col-md-10">
                            <input type="number" id="discount-{{$groupItems['diagnostic_test_id']}}"
                                   name="sale[{{$groupItems['sl']}}][discount]" value="0.00" class="form-control" readonly>
                        </div>
                    </td>
                    <td width="17%">
                        <div class="input-group col-md-10">
                            <input type="text" id="salePrice-{{$groupItems['diagnostic_test_id']}}"
                                   name="sale[{{$groupItems['sl']}}][diagnostic_test_sale_price]" readonly
                                   value="{{$groupItems['diagnostic_test_sale_price']}}"
                                   class="form-control sale-price">
                        </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 @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="6"> {{$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>
            </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%" class="sl-no" style="display: none">{{$service['sl']}}</td>
                    <td width="36%">
                        <input type="hidden"
                               name="sale[{{$service['sl']}}][diagnostic_test_id]"
                               value="{{$service['diagnostic_test_id']}}"
                               class="form-control">

                        <input type="hidden"
                               name="sale[{{$service['sl']}}][service_package_id]"
                               value="{{$service['service_package_id']}}"
                               class="form-control">
                        <input type="hidden"
                               name="sale[{{$service['sl']}}][service_group_id]"
                               value="{{$service['service_group_id']}}"
                               class="form-control">

                        <input type="text"
                               name="sale[{{$service['sl']}}][diagnostic_test_name]"
                               value="{{$service['diagnostic_test_name']}}"
                               class="form-control" readonly>
                        <div class="help-block with-errors"></div>
                    </td>
                    <td width="10%">
                        <div class="input-group col-md-12">
                            <input autocomplete="off" type="number" id="quantity-{{$service['diagnostic_test_id']}}"
                                   name="sale[{{$service['sl']}}][quantity]" value="1" class="form-control quantity"
                                   readonly="">
                        </div>
                    </td>
                    <td width="12%">
                        <div class="input-group col-md-12">
                            <input type="text" id="total-{{$service['diagnostic_test_id']}}"
                                   name="sale[{{$service['sl']}}][total]" value="{{$service['total']}}"
                                   class="form-control total-amount" readonly="">
                        </div>
                    </td>
                    <td width="10%">
                        <div class="input-group col-md-10">
                            <input type="number" id="discount-{{$service['diagnostic_test_id']}}"
                                   name="sale[{{$service['sl']}}][discount]" value="0.00" class="form-control" readonly>
                        </div>
                    </td>
                    <td width="17%">
                        <div class="input-group col-md-10">

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

                        </div>
                    </td>
                    <td width="8%">

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