@props([
    'products' => [],
    'productType' => 'base', // 'base' oder 'upgrade'
    'formRoute' => '',
    'formStep' => 3
])



    @if(count($products) > 0)
        <div class="table-responsive">
            <table class="table table- m-0">
                <thead>
                    <tr>
                        <th>{{ __('abo.' . $productType . '_product') }}</th>
                        <th>&nbsp;</th>
                        <th class="text-right">{{ __('order.unit_price') }}</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($products as $product)

                    @php
                        $cartItem = Yard::instance('subscription')->getCartItemByProduct($product->id, 'withTaxFree');
                        $qty = isset($cartItem->qty) ? $cartItem->qty : 0;
                        $rowId = isset($cartItem->rowId) ? $cartItem->rowId : '';
                    @endphp
                        <tr>
                            <td class="text-center align-middle px-0" data-label="{{ __('abo.' . $productType . '_product') }}">
                                <div class="no-line-break input-group-min-w">
                                    <div class="input-group d-inline-flex w-auto">
                                        <span class="input-group-prepend">
                                            <button type="button" class="btn btn-secondary icon-btn md-btn-extra remove-product-qty" 
                                                    data-row-id="{{ $rowId }}" 
                                                    data-product-id="{{ $product->id }}">-</button>
                                        </span>
                                        <input type="text" 
                                               class="form-control text-center input-extra table-input-event-onchange" 
                                               name="{{ $productType }}_product_qty[{{ $product->id }}]" 
                                               data-row-id="{{ $rowId }}" 
                                               data-product-id="{{ $product->id }}" 
                                               value="{{ $qty }}">
                                        <span class="input-group-append">
                                            <button type="button" class="btn btn-secondary icon-btn md-btn-extra add-product-qty" 
                                                    data-row-id="{{ $rowId }}" 
                                                    data-product-id="{{ $product->id }}">+</button>
                                        </span>
                                    </div>
                                </div>
                            </td>
                            <td class="p-4" data-label="">
                                <div class="media align-items-center product-inactive" id="product-{{ $product->id }}">
                                    @if(count($product->images))
                                        <img src="{{ route('product_image', [$product->images->first()->slug]) }}" 
                                             class="d-block ui-w-100 ui-bordered mr-4" 
                                             alt="{{ $product->getLang('name') }}">
                                    @endif
                                    <div class="media-body">
                                        <h5 class="d-block text-dark">
                                            {{$product->getLang('name')}} 
                                            <br>{!! get_abo_type_badge($productType) !!}
                                        </h5>
                                        {!! $product->getLang('copy') !!}
                                    </div>
                                </div>
                            </td>
                            <td class="text-right font-weight-semibold align-middle p-4" data-label="{{ __('order.unit_price') }}">
                                <span class="no-line-break">
                                    {{ $product->getFormattedPriceWith(\App\Services\UserService::getTaxFree(), false, \App\Services\UserService::$user_country) }} €
                                </span>
                                @if(\App\Services\UserService::$user_country && \App\Services\UserService::$user_country->currency)
                                    <span class="no-line-break">
                                        {!! $product->getFormattedPriceCurrencyWith(\App\Services\UserService::getTaxFree(), false, \App\Services\UserService::$user_country) !!}
                                    </span>
                                @endif
                            </td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    @endif