<%@ page trimDirectiveWhitespaces="true" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="template" tagdir="/WEB-INF/tags/responsive/template" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags" %>
<%@ taglib prefix="ycommerce" uri="http://hybris.com/tld/ycommercetags" %>
<%@ taglib prefix="worldline" tagdir="/WEB-INF/tags/addons/worldlinedirectb2ccheckoutaddon/responsive" %>
<%@ taglib prefix="worldlineOrderTotals" tagdir="/WEB-INF/tags/addons/worldlinedirectb2ccheckoutaddon/responsive/order" %>
<%@ taglib prefix="order" tagdir="/WEB-INF/tags/responsive/order" %>

<template:page pageTitle="${pageTitle}" hideHeaderLinks="true">
    <jsp:body>
        <div class="account-section">
        <jsp:include page="/WEB-INF/views/responsive/pages/checkout/checkoutConfirmationThankMessage.jsp" />

        <order:accountOrderDetailsOverview order="${orderData}"/>

        <jsp:include page="/WEB-INF/views/responsive/pages/account/accountOrderDetailItems.jsp" />

        <jsp:include page="/WEB-INF/views/addons/worldlinedirectb2ccheckoutaddon/responsive/cms/mandate/worldlineMandateDetails.jsp"/>

        <%-- Add keep payment details button in this section --%>
        <div class="account-orderdetail well well-tertiary">
            <div class="well-headline">
                <spring:theme code="text.account.order.orderDetails.billingInformtion" />
            </div>
            <ycommerce:testId code="orderDetails_paymentDetails_section">
                <div class="well-content">
                    <div class="row">
                        <div class="col-sm-12 col-md-9">
                            <div class="row">
                                <div class="col-sm-6 col-md-4 order-billing-address">
                                    <worldline:worldlineBillingAddressDetailsItem order="${orderData}"/>
                                </div>
                                <c:if test="${not empty orderData.worldlinePaymentInfo}">
                                    <div class="col-sm-6 col-md-4 order-payment-data">
                                        <worldline:worldlinePaymentDetails order="${orderData}"/>
                                    </div>
                                </c:if>
                            </div>
                        </div>
                    </div>
                </div>
            </ycommerce:testId>
        </div>

        <worldlineOrderTotals:accountOrderDetailOrderTotals order="${orderData}"/>
        <jsp:include page="/WEB-INF/views/responsive/pages/checkout/checkoutConfirmationContinueButton.jsp" />
        </div>
    </jsp:body>
</template:page>