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

    <ul ng-model="cart">
        <?php /*Products (angular foreach)*/ ?>
        <li ng-repeat="(product_id, product) in cart.products" ng-cloak>
            <span class="title">{{product.name}}</span>
            <?php /*<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>
        <?php /*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>
    <?php /*Total Price*/ ?>
    <div class="product-price">
        <span class="label">Producten totaal:</span>
    <span class="total-price" ng-init="totalPrice = <?php echo Session::get('cart.product_price')/100; ?>"
          ng-bind-html="calculatedTotalProductPrice() | currency:'&euro; ' | smallAfterCommaFilter">
          <?php echo formatCentNumber(Session::get('cart.original_price')); ?></span>
    </div>
    <?php /*Discount info*/ ?>
    <div class="total" ng-if="cart.product_price != cart.total_price">
        <?php /*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 = <?php echo Session::get('cart.product_price')/100; ?>"
          ng-bind-html="calculatedTotalProductPriceWithDiscount() | currency:'&euro; ' | smallAfterCommaFilter">
          <?php echo formatCentNumber(Session::get('cart.total_price')); ?></span>
        </div>
    <span class="discount-info">
        Korting info: {{ cart.discount.description }}
    </span>
    </div>

    <?php /*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>

<?php endif; ?>