@php($cartInstance = $cart_instance ?? 'shopping')
@php($baseCompCount = $base_comp_count ?? Yard::instance($cartInstance)->getNumComp())
<div class="card mt-3 mb-3">
    <div class="card-body">
        <input type="hidden" name="count_comp_products" value="{{ Yard::instance($cartInstance)->getNumComp() }}">
        @for ($i = 1; $i <= Yard::instance($cartInstance)->getNumComp(); $i++)
            @if (Yard::instance($cartInstance)->getNumComp() > 1)
                <h5 class="border-bottom pb-2">{{ $i }}. {{ __('order.shipping_compensation_product') }} </h5>
            @else
                <h5 class="border-bottom pb-2">{{ __('order.shipping_compensation_product') }} </h5>
            @endif
            @if ($i > $baseCompCount)
                <div class="alert alert-warning small">
                    <i class="fa fa-info-circle"></i> {{ __('order.comp_required_by_additional_products') }}
                </div>
            @endif
            <div class="row no-gutters row-bordered">
                @php($counter = 1)
                @php($checked_id = Yard::instance($cartInstance)->getCompProductBy($i))
                @foreach ($comp_products as $comp_product)
                    <div class="media col-md-6 col-lg-4 p-4">
                        <div class="d-block ui-w-80 ui-bordered mr-3">
                            @if (count($comp_product->images))
                                <img src="{{ route('product_image', [$comp_product->images->first()->slug]) }}"
                                    class="img-fluid" alt="">
                            @endif
                        </div>
                        <div class="media-body">
                            <label class="switcher switcher-secondary">
                                <input type="radio" class="switcher-input" value="{{ $comp_product->id }}"
                                    data-comp_num="{{ $i }}"
                                    name="switchers-comp-product[{{ $i }}]"
                                    @if ($checked_id == $comp_product->id) checked @endif required>
                                <span class="switcher-indicator">
                                    <span class="switcher-yes"></span>
                                    <span class="switcher-no"></span>
                                </span>
                                <span class="switcher-label"></span>
                            </label>
                            <div class="text-body mt-2"><strong>{{ $comp_product->getLang('name') }}</strong></div>
                            <div class="">{{ __('order.art_no') }}: {{ $comp_product->number }}</div>
                        </div>
                    </div>
                    @php($counter++)
                @endforeach
            </div>
        @endfor
    </div>
</div>