@if(!Session::has('cart.products'))
    Geen producten in de winkelwagen
@else
    <data-cart ng-init='cart = {{ json_encode(\Session::get('cart')) }}'></data-cart>

    <ul ng-model="cart">
        {{--Products (angular foreach)--}}
        <li ng-repeat="(product_id, product) in cart.products" ng-cloak>
            <span class="title">@{{product.name}}</span>
            {{--<span class="price" ng-bind-html="product.price/100 | currency:'&euro; ' | smallAfterCommaFilter"></span>--}}
            <span class="amount">
                Aantal:
                <input type="text" name="amount-@{{product.id}}" ng-model="quantity"
                       ng-init="quantity = product.quantity"
                       ng-change="changeValue(quantity, product.id)"
                       value="@{{ product.quantity }}"/>
            </span>
            <span class="sub_total"
                  ng-bind-html="product.price/100* quantity | currency:'&euro; ' | smallAfterCommaFilter"></span>
            <span class="delete "><a href="" ng-click="enablePopup(product.id)">Verwijderen</a></span>
        </li>
    </ul>
        {{--Discount--}}
    <div class="discount">
        <span>Heb je een kortingscode?</span><br>
        <input type="text" name="discount"
               ng-model="coupon"
               ng-init="coupon = cart.discount.coupon"
               ng-change="validateCoupon(coupon)"
        />
    </div>
    {{--Total Price--}}
    <div class="product-price">
        <span class="label">Producten totaal:</span>
    <span class="total-price" ng-init="totalPrice = {{Session::get('cart.product_price')/100}}"
          ng-bind-html="calculatedTotalProductPrice() | currency:'&euro; ' | smallAfterCommaFilter">
          {{ formatCentNumber(Session::get('cart.original_price')) }}</span>
    </div>
    {{--Discount info--}}
    <div class="total" ng-if="cart.product_price != cart.total_price">
        {{--Discount price--}}
        <div class="total-price" ng-if="cart.product_price != cart.total_price">
            <span>Prijs met korting:</span>
    <span class="total-price" ng-init="totalPrice = {{Session::get('cart.product_price')/100}}"
          ng-bind-html="calculatedTotalProductPriceWithDiscount() | currency:'&euro; ' | smallAfterCommaFilter">
          {{ formatCentNumber(Session::get('cart.total_price')) }}</span>
        </div>
    <span class="discount-info">
        Korting info: @{{ cart.discount.description }}
    </span>
    </div>

    {{--Delete confirmation--}}
    <div class="popup hidden" id="confirmation-popup">
        <div class="popup-message">
            <h1>Bent u zeker dat u "@{{ popupProductName }}" wil verwijderen?</h1>

            <a href="" ng-click="setConfirmation(true,popupProductId)"><span class="button black">JA</span></a>
            <a href="" ng-click="setConfirmation(false)"><span class="button black">Nee</span></a>
        </div>
    </div>

@endif