{!! Form::open(['action' => route('portal.my_subscriptions.create', 5), 'method' => 'POST', 'class' => '']) !!}

<div class="card-body">
@if(Yard::instance('subscription')->content()->count())
    <style>
        .cart-item {
            position: relative;
            padding: 15px 0;
            border-bottom: 1px solid #ddd;
        }
        .cart-item:last-child {
            border-bottom: none;
        }
        .cart-item .product-image {
            max-width: 80px;
        }
        .cart-item .product-title {
            font-size: 1.1em;
            font-weight: 500;
            color: #393939;
        }
        .cart-item .product-details {
            font-size: 0.9em;
            color: #666;
        }
        .cart-item .quantity-input {
            width: 80px;
            text-align: center;
        }
        .cart-summary {
            background: #f8f9fa;
            padding: 20px;
            border-radius: 5px;
        }
        .cart-summary .table {
            margin-bottom: 0;
        }
        .cart-summary .table td {
            border-top: none;
            padding: 8px 0;
        }
        .cart-summary .total-row {
            font-weight: bold;
            border-top: 1px solid #ddd;
        }
    </style>

    <div class="cart-overview">
        <h4 class="mb-4">{{ __('abo.abo_order_hl') }}</h4>
        @if(isset($error))
            <div class="alert alert-danger">
                <strong>{{ $error }}</strong>
            </div>
        @endif
        @foreach(Yard::instance('subscription')->getContentByOrder() as $row)
            @php($product = \App\Models\Product::find($row->id))
            <div class="cart-item">
                <div class="row align-items-center">
                    <div class="col-3 col-sm-2">
                        @if($row->options->has('image'))
                            <img src="{{ route('product_image', [$row->options->image]) }}" class="product-image" alt="{{ $row->name }}">
                        @endif
                    </div>
                    <div class="col-9 col-sm-10">
                        <div class="row">
                            <div class="col-12 col-sm-6 col-md-7">
                                <div class="product-title">
                                    {{ $row->name }}
                        
                                        {!! get_abo_type_badge_by_product($product) !!}
                                 
                                </div>
                                <div class="product-details">
                                    <div>{{ __('order.content') }}: {{ $product->contents }}</div>
                                    <div>{{ __('order.art_no') }}: {{ $product->number }}</div>
                                </div>
                            </div>
                            <div class="col-6 col-sm-3 col-md-2">
                                <div class="price-single">
                                    <div style="">{{  $row->price() }} € {{ Yard::instance('subscription')->getUserTaxFree() }}</div>
                                    @if(Yard::instance('subscription')->isPriceCurrency())
                                        <span class="small">~{{  Yard::instance('subscription')->getCurrencyByKey('price', $row, 2) }} {{  Yard::instance('subscription')->getPriceCurrencyUnit() }} </span>
                                    @endif
                                </div>
                            </div>
                            <div class="col-6 col-sm-3 col-md-3">
                                <div class="quantity-select text-right">
                                    @if($row->options->comp)
                                        <span class="text-right">1 x</span>
                                    @else
                                    <span class="text-right">{{ $row->qty  }} x</span>
                                    @endif
                                </div>
                                <div class="price-total text-right mt-2">
                                    <span class="font-bold text-price-total"><strong>{{  $row->subtotal() }} &euro; </strong></span> 
                                    @if(Yard::instance('subscription')->isPriceCurrency())
                                    <br>
                                    <span class="small">~{{  Yard::instance('subscription')->getCurrencyByKey('subtotal', $row, 2) }} {{  Yard::instance('subscription')->getPriceCurrencyUnit() }} </span>                                    @endif
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        @endforeach

        <div class="cart-summary mt-4">
            <table class="table">
                <tbody>
                    <tr>
                        <td>{{ __('order.subtotal') }}:</td>
                        <td class="text-right">
                            {{ Yard::instance('subscription')->total() }} €
                            @if(Yard::instance('subscription')->isPriceCurrency())
                                <span class="small">~{{ Yard::instance('subscription')->getCurrencyByKey('subtotal') }} {{ Yard::instance('subscription')->getPriceCurrencyUnit() }}</span>
                            @endif
                        </td>
                    </tr>
                    <tr>
                        <td>{{ __('Delivery country') }}:</td>
                        <td class="text-right">
                            {{ Yard::instance('subscription')->getShippingCountryName() }}
                        </td>
                    </tr>
                    <tr>
                        <td>{{ __('order.shipping_costs') }}:</td>
                        <td class="text-right">
                            {{  Yard::instance('subscription')->shipping() }} € 
                        </td>
                    </tr>
                    @if(Yard::instance('subscription')->getUserTaxFree())
                    <tr>
                        <td class="">{{ __('order.sum_net') }}:</td>
                        <td class="text-right">{{  Yard::instance('subscription')->subtotalWithShipping() }} €</td>
                    </tr>   
                @else
                    <tr>
                        <td class="">{{ __('order.total_without_VAT') }}:</td>
                        <td class="text-right">{{  Yard::instance('subscription')->subtotalWithShipping() }} €</td>
                    </tr>
                    <tr>
                        <td class="">{{ __('order.plus_VAT') }}:</td>
                        <td class="text-right">{{  Yard::instance('subscription')->taxWithShipping() }} €</td>
                    </tr>
                @endif
                  
                    <tr class="total-row">
                        <td>
                            @if(Yard::instance('subscription')->getUserTaxFree())
                                {{ __('order.total_net') }}:
                            @else
                                {{ __('order.total_gross') }}:
                            @endif
                        </td>
                        <td class="text-right">
                            {{ Yard::instance('subscription')->totalWithShipping() }} €
                            @if(Yard::instance('subscription')->isPriceCurrency())
                                <span class="small">~{{ Yard::instance('subscription')->getCurrencyByKey('totalWithShipping') }} {{ Yard::instance('subscription')->getPriceCurrencyUnit() }}</span>
                            @endif
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>

            <div class="abo-settings mt-4">
                <h5>{{ __('abo.abo_settings') }}</h5>
                <div class="form-group">
                    <label>{{ __('abo.delivery_day') }}*</label>
                    <select class="form-control custom-select" name="abo_interval">
                        {!! HTMLHelper::getAboDeliveryOptions() !!}
                    </select>
                </div>
                <div class="alert alert-info">
                    <i class="fa fa-info-circle"></i> {!! __('abo.abo_order_info') !!}
                </div>
            </div>
    </div>
@endif
</div>
<div class="card-footer">
    <button type="submit" class="btn btn-default" name="action" value="back">{{ __('abo.back') }}</button>
    <div class="float-right">
        <button type="submit" class="btn btn-secondary" name="action" value="checkout"><i class="ion ion-ios-redo"></i> {{ __('order.confirm_and_proceed_to_checkout') }}</button>
    </div>
    <br><br>
    <div class="text-right">
        <em class="small"> <i class="fa fa-lock"></i> {!! __('payment.checkout_ssl_server') !!}</em>
    </div>
</div>
{!! Form::close() !!}