@if(!empty($mode) && $mode == 'edit')
    @foreach($dealProduct->dealProductItems as $dealProductItem)
        <div class="clone deal-product-container" style="position: relative" id="deal-product-{{$i}}" data-index="{{$i}}" item-id="{{ $dealProductItem->id }}">
            <input type="hidden" name="deal_item_id[]" class="deal_item_id"
                   value="{{ $dealProductItem->id }}">
            <div class="row row-cards">
                <div class="col-sm-6 col-md-12">
                    <h4 class="deal-item-number">
                        Product#<span class="product-number-placeholder">
                @if(!empty($i)) {{ $i }}@else {{'1'}} @endif
            </span>
                    </h4>
                </div>
                <div class="col-sm-6 col-md-3">
                    <div class="mb-3">
                        <label class="form-label">Heading<span class="req_fld">*</span></label>
                        <input type="text" class="form-control product_heading"
                               placeholder="Add Heading" @if(!empty($dealProductItem))
                                   value="{{ $dealProductItem->product_heading }}" @endif
                               name="product_heading[@if(!empty($i)){{$i }}@else{{'0'}}@endif]">
                    </div>
                </div>
                <div class="col-sm-6 col-md-3">
                    <div class="mb-3">
                        <label class="form-label">Category<span class="req_fld">*</span></label>
                        <select class="form-select select2 category_id" id="category_id_{{$i}}" name="category_id[@if(!empty($i)){{$i}}@else{{'0'}}@endif]" data-placeholder="Select Category">
                            <option value="">Select Category</option>
                                                            @if(!empty($dealProductItem->category_id))
                                                                @endif
                            @if(!empty($categories))
                                @foreach($categories as $category)
                                    <option @if($dealProductCategoryId == $category->id) selected @endif value="{{$category->id}}">{{$category->title}}</option>
                                @endforeach
                            @endif
                        </select>
                    </div>
                </div>
            </div>

            <div class="row row-cards" style="padding:10px">
                <div class="col-sm-6 col-md-12 product-section">
                    <div class="mb-3">
                        <label class="form-label product-label"> Product(s)</label>
                        <span id="product-row-body">
                @if(!empty($dealProductItem->dealProductItemDetails))
                                @include('admin.dealProducts.partials.product-row-form', [
                                'content_position' => $i,
                                'dealProductItemDetails'=>$dealProductItem->dealProductItemDetails,
                                'productRows' => $dealProductItem->products,
                            ])
                            @else
                                @include('admin.dealProducts.partials.product-row-form', [
                                'products' => []
                            ])
                            @endif
            </span>
                    </div>
                </div>
            </div>
            @if($i > 1)
                <span  class="remove-product-row cross-style-2" row-id="{{$i}}">&times;</span>
            @endif

            <div class="row row-cards">
                <div class="col-sm-6 col-md-6">
                    <div class="mb-3">
                        <label class="form-label">Select Addon(s)</label>
                        <select multiple class="form-select select2 addon_ids" name="addon_ids[{{$i}}][]" id="addon_ids_{{$i}}" data-placeholder="Select Addons">
                            <option></option>
                                                            @if(!empty($dealProductItem->addons))
                                @foreach($dealProductItem->addons as $addon)
                                                                        @endforeach
                            @endif
                            @if(!empty($addons))
                                @foreach($addons as $addon)
                                    <option @if(in_array($addon->id, $addonIds)) selected @endif value="{{$addon->id}}">{{$addon->title}}</option>
                                @endforeach
                            @endif
                        </select>

                    </div>
                </div>
            </div>

        </div>
                @endforeach
@else
    <div class="clone deal-product-container" style="position: relative" id="deal-product-{{$i}}" data-index="{{$i}}">

        <div class="row row-cards">
            <div class="col-sm-6 col-md-12">
                <h4 class="deal-item-number">
                    Product#<span class="product-number-placeholder">
                @if(!empty($i)) {{ $i }}@else {{'1'}} @endif
            </span>
                </h4>
            </div>
            <div class="col-sm-6 col-md-3">
                <div class="mb-3">
                    <label class="form-label">Heading<span class="req_fld">*</span></label>
                    <input type="text" class="form-control product_heading"
                           placeholder="Add Heading" @if(!empty($dealProductItem))
                               value="{{ $dealProductItem->product_heading }}" @endif
                           name="product_heading[@if(!empty($i)){{$i }}@else{{'0'}}@endif]"
                    >
                </div>
            </div>
            <div class="col-sm-6 col-md-3">
                <div class="mb-3">
                    <label class="form-label">Category<span class="req_fld">*</span></label>
                    <select class="form-select select2 category_id" name="category_id[@if(!empty($i)){{$i}}@else{{'0'}}@endif]" id="category_id_{{$i}}" data-placeholder="Select Category">
                        <option value="">Select Category</option>
                        @foreach($categories as $category)
                            <option value="{{$category->id}}">{{$category->title}}</option>
                        @endforeach
                    </select>
                </div>
            </div>
        </div>

        <div class="row row-cards" style="padding:10px">
            <div class="col-sm-6 col-md-12 product-section">
                <div class="mb-3">
                    <label class="form-label product-label"> Product(s)</label>

                    <span id="product-row-body">
                            @include('admin.dealProducts.partials.product-row-form',[
    'products' => []
])
            </span>
                </div>
            </div>
        </div>
        @if($i > 1)
            <span  class="remove-product-row cross-style-2" row-id="{{$i}}">&times;</span>
        @endif

        <div class="row row-cards">
            <div class="col-sm-6 col-md-6">
                <div class="mb-3">
                    <label class="form-label">Select Addons</label>
                        <select multiple class="form-select select2 addon_ids" name="addon_ids[{{$i}}][]" id="addon_ids_{{$i}}" data-placeholder="Select Addons">
                        <option></option>
                            
                        @if(!empty($dealProduct->dealProductAddons))