@if(isset($item) && isset($item->category_id))
@php
    $storeId = storeId();
    $categoryId = isset($item->category_id) ? $item->category_id : 0 ?? 0;
    $categoryIds = [$categoryId];
    $filters = [
            'category_ids' => $categoryIds,
            'store_id' => $storeId,
    ];
    $cartRelatedItems = cartRelatedItems($filters);
    $showRelatedItems = count($cartRelatedItems) > 0;
@endphp
@if($showRelatedItems)
<div class="modal fade related_items_modal" id="related_items_modal" role="dialog">
    <div class="modal-dialog modal-xl">
        <div class="modal-content" style="border-radius: 20px;">
            <div id="related-items" data-related_items = "{{$showRelatedItems}}">
                  <div class="modal-body slectdiv related_items" style="border: none;">
                  <label class="form-label text-center">
                      <h3>{!! __('v2/front_site.related_items_title') !!}</h3>
                  </label>

                  <div class="row d-flex ritems-container" >
                      @foreach($cartRelatedItems as $cRI)
                    @php
                      $hasVariationOrExtra = $cRI->item_extra_id || $cRI->item_var_id || $cRI->is_offer_item;
                      $href = $hasVariationOrExtra ? getProductSlug($cRI->id ,$cRI->name,true ) : 'javascript:void(0)';
                      $class = !$hasVariationOrExtra ? '__submit_from_link' : '';
                      $clickText = !$hasVariationOrExtra ? __('v2/front_site.add_to_cart') : __('v2/front_site.choose_variation');
                    @endphp
                        <div class="ritems">
                              <div class="product-boxx" style="margin-top: 0;">
                                  <div class="list-view position-relative">
                                      <div class="list-product">
                                          <div class="list-product-img">
                                              @if (isset($cRI['item_discount']) && $cRI['item_discount'] > 0)
                                                  <div class="itm-discount">
                                                      <span>{{ (int) $cRI['item_discount'] . '% OFF' }}</span>
                                                      <img class="discount-tag" width="100"
                                                           src="{{ $cRI['discount_image'] }}">
                                                  </div>
                                              @endif
                                              <img src="{!! getImagePath($cRI->featured_image ?? '', 'product') !!}" class="img-fluid" alt="Yummy Time Food">
                                          </div>
                                      </div>
                                      <div class="price_box_new">
                                          <div class="price-det d-flex flex-wrap justify-content-between flex-md-nowrap">
                                              <div class="product_name_list ritem-name" >
                                                  {!! $cRI->name ?? '' !!} <br/>
                                                  @php
                                                  $price = $cRI->offer_price;
                                                  $variation = 0;
                                                  $priceJson = $cRI->data_json;
                                                  if($cRI->item_var_id > 0){
                                                    $variation = 1;
                                                    $priceJson = $cRI->variation_type_json;
                                                  }
                                                  $checkPrice = getSpecialPrice($item->store_id,$priceJson,$variation);
                                                  if($checkPrice != null){
                                                    $price = $checkPrice;
                                                  }
                                                  @endphp
                                                  {!! numberFormat($price ?? '') !!}
                                              </div>
                                          </div>
                                      </div>
                                      <ul style="margin-top: auto;">
                                          <li>
                                              <a href="{!! $href !!}" class=" {!! $class !!}" data-action="add-to-cart"
                                                 data-item_id="{!! $cRI->id ?? '' !!}" data-url="{!! route('front.v2.add-to-cart') !!}"
                                                 data-_token="{!! csrf_token() !!}" data-original-text="{!! $clickText !!}">
                                                  <span class="spin" style="display: none">
                                                      <i class="fa fa-circle-o-notch fa-spin" style="font-size:16px;"></i>
                                                  </span>
                                                  <span class="text add-btn">{!! $clickText !!}</span>
                                              </a>
                                          </li>
                                      </ul>
                                  </div>
                              </div>
                          </div>
                    @endforeach
                  </div>
                <div class="text-center mt-3">
                    <button type="button" class="btn btn-primary btn-continue" id="close-related-items-modal">{!! __('v2/front_site.close') !!}</button>
                </div>
            </div>
        </div>
    </div>
  </div>
</div>
@endif
@endif