@if(count($offerRules) > 0)
    @php
    $n=1;
    $categoryIds = array_column($offerRules,'category_id');
    $sameCategory = (count(array_unique($categoryIds, SORT_REGULAR)) === 1);
    @endphp
    @foreach ($offerRules as $keys => $offer)
        <div class="col-lg-6 col-sm-12" id="__item_target_{!!$offer['id'] !!}">
            {!! Form::hidden('is_offer_item', 1) !!}
            {!! Form::hidden('variation_id', $offer['vitem_id']) !!}
            {!! Form::hidden('variation_master_id', $offer['variation_id']) !!}

            <div class="product-box-view">
                <div class="food-img">
                    <img src="{!! getImagePath($offer['item']['featured_image'], 'product') !!}" class="img-fluid" />
                </div>
                <div class="product-title">
                    @php
                    $selectText = $offer['name'];
                    $itemName = $offer['item']['name'];
                    if((int)$offer['variation_id'] > 0){
                    $selectText .=" - ".$offer['vm_name'];
                    $itemName .= " - ".$offer['vm_name'];
                    }
                    $num = ($n == 1) ? __('v2/front_site.first') :__('v2/front_site.second');
                    @endphp
                    <div class="__category_placeholder text-center">
                        <span class="__cat_deal_title">
                            @if($sameCategory)
                                {!! __('v2/front_site.select_same',['num'=>$num,'text'=>$selectText])  !!}
                            @else
                                {!! __('v2/front_site.select_item_deal',['text'=>$selectText])  !!}
                            @endif
                        </span>
                        <button type="button" class="btn btn-primary category_select __show_offer_items" data-offer-id="__ocid_{!! $offer['id'] !!}" data-title="{!! __('v2/front_site.select_item_deal',['text'=>$selectText])  !!}">
                            {!! __('v2/front_site.select') !!}
                        </button>
                    </div>
                    <ul>
                        <li>
                            <h1>{{ $itemName }}</h1>
                        </li>
                        <li><input class="item_quantity" name="quantity" value="1" type="hidden">
                        </li>
                    </ul>
                    <p>{!! $offer['item']['description'] !!}</p>
                </div>
            </div>
            @php
            $variationId = $itemPrice = 0;
            $itemId = $offer['item']['id'];
            @endphp
            <div class="row">
                @if (isset($removedIngredients[$itemId]) && count($removedIngredients[$itemId]) > 0)
                    @php $j=1; @endphp
                    <div class="remove_div">
                        <h3>{!! __('v2/front_site.removed') !!}</h3>
                        <div class="custom-choose mb-3 remove remove-ing-offer">
                            @foreach ($removedIngredients[$itemId] as $rKey => $remove)
                                <ul class="box-rem rem-ingredients">
                                    <li>
                                        <input type="checkbox" id="opt-{{ $offer['id'] .$j .$remove['id'] }}"
                                               value="{!! $remove['id'] !!}" name="remove[]">
                                        <label for="opt-{{ $offer['id'] .$j .$remove['id'] }}">
                                            <div class="yummy_div_img">
                                                <img src="{!! getImagePath($remove['image'], 'product') !!}" class="img-fluid" />
                                                <h5>{!! $remove['name'] !!}</h5>
                                            </div>
                                        </label>
                                    </li>
                                </ul>
                                @php $j++; @endphp
                            @endforeach
                        </div>
                        <input type="hidden" value="" name="removed_ing[{{ $keys }}]"
                               class="removed_ing">
                    </div>
                @endif
                <div class="col-lg-12 extra-col">
                    @if (isset($extraIngredients[$itemId]) && count($extraIngredients[$itemId]) > 0)

                        <div class="tab-list">
                            <div class="remove_div" id="remove_boxx">
                                <h3>{!! __('v2/front_site.extra') !!}</h3>
                                <div id="radioBtn" class="btn-group add-category">
                                    @php $l=1; $categoryId = 0; @endphp
                                    @if (isset($globalExtraCategory[$itemId]) && count($globalExtraCategory) > 0 )
                                        @foreach ($globalExtraCategory[$itemId] as $key => $extraCategories)
                                            @php
                                            if($l == 1){
                                            $categoryId = $extraCategories['id'];
                                            }
                                            @endphp

                                            <li data-tab="tabs-{{ $extraCategories['id'] }}"
                                                class="tabClicker tab btn btn-primary btn-sm {!! $l == 1 ? 'active' : 'notActive' !!}">
                                                {!! $extraCategories['name'] !!}
                                            </li>
                                            @php $l++; @endphp
                                        @endforeach
                                    @endif
                                </div>
                                <div class="custom-choose mb-3 extra deals-section"
                                     data-variation="{!! $offer['variation_id'] !!}" data-check="deals">
                                    @php
                                    $k = 1;
                                    @endphp
                                    @foreach ($extraIngredients[$itemId] as $extra)
                                        @php
                                        $extraPrice = $extra['price'];
                                        if(count($extra['item_variations']) > 0){
                                        $variationKey = array_search($offer['variation_id'], array_column($extra['item_variations'], 'id'));
                                        if(isset($extra['item_variations'][$variationKey])){
                                            $extraPrice = $extra['item_variations'][$variationKey]['price'];
                                        }
                                        }
                                        @endphp
                                        <div class="box-rem box-extra box-deal"
                                             data-check="tabs-{{ $extra['category_id'] }}" @if($categoryId == $extra['category_id']) style="display: block" @else style="display: none @endif">
                                            <input type="checkbox"
                                                   id="opt-{{ $itemId }}{{ $offer['id'] }}{{ $k }}"
                                                   @if (count($extra['item_variations']))
                                                   @foreach ($extra['item_variations'] as $itemVariations)
                                                   data-price-vari-{{ $itemVariations['id'] }}="{{ $itemVariations['price'] }}"
                                                   @endforeach
                                                   @endif
                                                   data-price="{{ $extra['price'] }}"
                                                   value="{!! $extra['id'] !!}" name="extra[]">
                                            <label for="opt-{{ $itemId }}{{ $offer['id'] }}{{ $k }}">
                                                <div class="yummy_div_img">
                                                    <img src="{!! getImagePath($extra['image'],'product') !!}"
                                                         class="img-fluid" />
                                                    <h5>{!! $extra['name'] !!}</h5>
                                                    <p>{!! numberFormat($extraPrice, false, true, 0) !!}</p>
                                                    <input type="hidden" name="price_extra"
                                                           class="priceExtra" value="{!! $extraPrice !!}">
                                                </div>
                                            </label>
                                        </div>
                                        @php $k++; @endphp
                                    @endforeach
                                </div>
                            </div>
                        </div>
                    @endif

                    <input type="hidden" name="offer_item_id[{{ $offer['id'] }}]" id="offer_item_id" value="{!! $itemId !!}" />
                    <input type="hidden" name="offer_item_name[{{ $offer['id'] }}]" id="offer_item_name" value="{!! $offer['item']['name'] !!}" />

                    <input type="hidden" name="offer_variation_id[{{ $offer['id'] }}]"
                           id="offer_variation_id" value="{{ $offer['item_variation_id'] }}" />
                    <input type="hidden" name="offer_variation_name[{{  $offer['id'] }}]"
                           id="offer_variation_name" value="{{ $offer['vm_name'] }}" />
                    <input type="hidden" value="" name="extra_ings[{{ $offer['id'] }}]"
                           class="extra_ings">
                    <input type="hidden" value="" name="extra_ings_price[{{$offer['id'] }}]"
                           class="extra_ings_price">
                        <input type="hidden" value="" name="deal_rule_id[{{ $offer['id'] }}]"
                              value = "{!! $offer['id'] !!}"class="deal_rule_id">
                </div>
            </div>
        </div>
        @php
            $n++;
        @endphp
    @endforeach
    @endif