<div class="orderBasket">

    <div class="orderItems">

        <div class="bagItemsHeader">

            <div class="bagThumb">Item</div>

            <div class="bagDescription"></div>

            <div class="bagSize">Code</div>

            {% if settings.ITEMS_SIZES == true %}
                <div class="bagSize">Variation</div>
            {% endif %}

            <div class="bagUnitPrice">Unit</div>

            <div class="bagQuantity">QTY</div>

            <div class="bagCost">Cost</div>

        </div><!-- / .bagItemsHeader -->

        {% for item in items %}
            <div class="bagItem" data-id="{{ item.id }}" class="{% if item.stock_error is not empty %} bagItemStockError{% endif %}">

                <div class="bagThumb">
                    {% if item.image is not empty %}
                        {% set item_image = item.image %}
                    {% else %}
                        {% set item_image = '/sites/default/images/placeholders/no-image.jpg' %}
                    {% endif %}
                    {% if item_image is not empty %}
                        <div class="bagImageWrap">
                            <img src="{{ item_image }}" alt="{{ item.item_name }}" title="{{ item.item_name }}" />
                        </div>
                    {% endif %}
                </div>

                <div class="bagDescription">
                    {% if item.disable_url != true %}
                        <a class="bagTitle" href="{{ item.item_url }}">
                    {% else %}
                        <span class="bagTitle">
                    {% endif %}

                    {{ item.item_name }}

                    {% if item.disable_url != true %}
                        </a>
                    {% else %}
                        </span>
                    {% endif %}
                    {# Load item additionals #}
                    {% if item.additional %}
                        {% for addition in item.additional %}
                            {% if addition.template is not empty %}
                                {% include addition.template with addition.options %}
                            {% endif %}
                        {% endfor %}
                    {% endif %}
                </div>

                <div class="bagCode">
                    {% if item.epos_code is not empty %}
                        {{ item.epos_code }}
                    {% else %}
                        &ndash;
                    {% endif %}
                </div>

                {% if settings.ITEMS_SIZES == true %}

                    <div class="bagSize">
                        {{ item.size|raw }}
                    </div>

                {% endif %}

                <div class="bagUnitPrice">
                    {{ item.item_price|multi_currency }}
                </div>

                <div class="bagQuantity">

                    {{item.quantity}}

                </div>

                <div class="bagCost">
                    {{ item.line_total|multi_currency }}
                </div>

            </div><!-- .bagItem -->
        {% endfor %}
    </div><!-- #recentOrder -->


    <table id="totals">
        <tr class="membersSubTotal">
            <td>Sub total</td>
            <td class="total">{{ totals.subtotal|multi_currency }}
        </tr>

        <tr>
            <td class="deliveryRow">

                <div class="deliveryTitle">
                    Delivery:
                </div> <!-- .deliveryTitle -->

                <div class="deliveryValue">
                    {% if order.coupon_freedelivery == false %}
                        {{order.deliveryinfo.name}}
                    {% endif %}
                </div> <!-- .deliveryValue -->

            </td>
            <td>
                {{ order.deliveryinfo.cost|multi_currency }}
            </td>
        </tr>

        <tr class="membersTotal">
            <td>
                <strong>Total</strong>
            </td>
            <td>
                <strong>{{ totals.total|multi_currency }}</strong>
            </td>
        </tr>
    </table>

</div> <!-- .orderBasket -->
