@if (count($products) > 0)

  <h2 class="title2">{!! __('buy with it') !!}</h2>
  <div class="detail-block">
    <div class="row">
      @foreach ($products as $key => $product)
        @if ($product->stock > 0)
          @php
          $ids[]        = $product->id;
          $prices[]     = $product->offer ?? $product->price;
          $names[]      = $product->title;
          @endphp
          <div class="col-xs-4 col-sm-6 col-md-2 col-lg-2">
            <div class="item-inner @if (!$loop->last) add-plus @endif">
              <div class="item-img">
                <div class="item-img-info">
                  <a class="product-image" title="{!! $product->title !!}" href="{{ Route('product.show',[@$product->category->slug,$product->slug]) }}">
                    <img alt="{!! $product->title !!}" src="{!! path_img($product->image_url,300,300,0) !!}" class="resp-img">
                  </a>
                </div>
              </div>
              <div class="item-info">
                <div class="info-inner">
                  <div class="item-title">
                    <a title="{!! $product->title !!}" href="{{ Route('product.show',[@$product->category->slug,$product->slug]) }}">
                      {!! $product->title !!}
                    </a>
                  </div>
                </div>
              </div>
            </div>
            </div>
        @endif
      @endforeach
      <div class="col-xs-12">
        <br>
        <div class="text-center">
          <form action="{{ route('add.all.cart') }}" method="POST" >
            {!! csrf_field() !!}
            <input type="hidden" name="ids" value="{{ implode(',',$ids) }}">
            <input type="hidden" name="prices" value="{{ implode(',',$prices) }}">
            <input type="hidden" name="names" value="{{ implode(',',$names) }}">
            <div class="add-cart-button btn-group">
              <button type="submit" name="button" class="btn btn-primary cart-btn">{!! __('Bought the set')  !!} <small></small>{{ array_sum($prices) }} {{ __('EGP') }}</button>
            </div>
          </form>
        </div>
      </div>
    </div>
  </div>
@endif