{% sw_extends '@Storefront/storefront/page/checkout/_page.html.twig' %}
{% block page_checkout %}
<div class="checkout">
{% set isRefurbishedProduct = false %}
{% set isPowerCableMissing = false %}
{% for product in page.cart.lineItems %}
{% if product.payload.productNumber == "90LM00U3-B01370-B"
or product.payload.productNumber == "90LM0230-B01370-B"
or product.payload.productNumber == "90LM05R0-B01370-B"
or product.payload.productNumber == "90LM02A0-B01370-B" %}
{% set isRefurbishedProduct = true %}
{% if product.payload.productNumber != "90LM00U3-B01370-B" %}
{% set isPowerCableMissing = true %}
{% endif %}
{% endif %}
{% endfor %}
{# <div class="checkout-header">{{ "checkout.checkoutHeader" |trans|sw_sanitize }}</div>#}
<div class="checkout-progress">
<h3>{{ "checkout.checkoutProgress1" |trans|sw_sanitize }}</h3>
<div class="checkout-progress-line"></div>
<h3>{{ "checkout.checkoutProgress2" |trans|sw_sanitize }}</h3>
</div>
{% block page_checkout_container %}
<div class="checkout-container">
{% block page_checkout_main %}
{% if controllerName|lower =="checkout" and controllerAction|lower =="finishpage" %}
<div class="col-12 col-md-6 offset-md-3 col-xl-4 offset-xl-4">
<div class="card checkout-card">
<div class="card-body">
<div class="finish-header-icon">
{% sw_icon 'check_circle' style {'pack':'default'} %}
</div>
<h1 class="finish-header">
{% if page.changedPayment == true %}
{{ "checkout.finishUpdateHeader"|trans|sw_sanitize }}
{% else %}
{{ "checkout.finishHeader"|trans({
'%shop%': config('core.basicInformation.shopName')
})|sw_sanitize }}
{% endif %}
</h1>
<div class="finish-content-button">
<div class="finish-content-wrapper">
{% block page_checkout_finish_ordernumber %}
<p class="finish-ordernumber">
<span class="finish-ordernumber-label">{{ "checkout.finishInfoOrdernumber"|trans|sw_sanitize }}</span> <span class="finish-ordernumber-value">{{ page.order.orderNumber }}</span>
</p>
{% endblock %}
{% block page_checkout_finish_content %}
<div class="finish-content">
{% block page_checkout_finish_teaser %}
<p>{{ 'checkout.checkoutFinishYourEmail'|trans|sw_sanitize }}{{ context.customer.email }}</p>
{% endblock %}
</div>
{% endblock %}
</div>
{% block page_checkout_finish_action %}
{# @depracted tag:6.4.0 #}
{% block page_checkout_finish_action_back %}
<a href="{{ path('frontend.home.page') }}"
class="btn btn-outline-primary">{{ 'checkout.checkoutFinishContinueShopping'|trans|sw_sanitize }} {% sw_icon 'atoms-arrow-medium-right' style {'pack':'default', 'size': 'xs'} %}</a>
{% endblock %}
{% endblock %}
</div>
</div>
</div>
</div>
{% endif %}
<div class="checkout-main col-12 cold-md-8 ">
{% block base_flashbags_checkout %}
{# {{ context.shippingMethod.position }} #}
{% if page.shippingMethods.elements is empty && _context.controllerAction == "confirmPage" %}
{% sw_include '@Storefront/storefront/utilities/alert.html.twig' with {
type: 'warning',
content: "product.deliveryNotAvailable"|trans|striptags,
}%}
{% endif %}
{% if isRefurbishedProduct == true %}
{% if isPowerCableMissing == true %}
{% sw_include '@Storefront/storefront/utilities/alert.html.twig' with {
type: 'warning',
content: "product.missingAccessoriesMessage.noPowerCable"|trans|striptags,
}
%}
{% else %}
{% sw_include '@Storefront/storefront/utilities/alert.html.twig' with {
type: 'warning',
content: "product.missingAccessoriesMessage"|trans|striptags,
}%}
{% endif %}
{% endif %}
<div class="flashbags">
<div id="paypal-payment" style="display:none">
{% sw_include '@Storefront/storefront/utilities/alert.html.twig' with { type: "info", list: ["checkout.paypalMessage"|trans|sw_sanitize ] } %}
</div>
{% for type, messages in app.flashes %}
{% sw_include '@Storefront/storefront/utilities/alert.html.twig' with { type: type, list: messages } %}
{% endfor %}
</div>
{% endblock %}
{% block page_checkout_main_content %}
{{ parent() }}
{% endblock %}
</div>
{% endblock %}
{% block page_checkout_additional %}{{ parent() }}{% endblock %}
{% block page_checkout_aside %}
<div class="checkout-aside col-md-4{% if block('page_checkout_additional')|trim %}checkout-aside-no-offset{% endif %}">
{% block page_checkout_aside_container %}
{# {% if page.cart.extensions.sliderProducts.all %}
{% set config = {
'title': {
'value': 'proxa-basket-cross-selling.cart-slider-title'|trans
},
'border': {
'value': false
},
'rotate': {
'value': false
},
'boxLayout': {
'value': 'cart'
},
'elMinWidth': {
'value': '300px'
},
'navigation': {
'value': true
},
'displayMode': {
'value': 'minimal'
},
'position' : {
'value': page.cart.extensions.sliderType.get(0)
},
'addToCartBtnShow': {
'value': 'cart'
},
} %}
<div class="checkout-product-slider">
<div class="col-12">
{% sw_include '@Storefront/storefront/element/cms-element-cart-product-slider.html.twig' with {
elements: page.cart.extensions.sliderProducts.all ,
sliderConfig: config,
} %}
</div>
</div>
{% endif %} #}
<div class="checkout-aside-container">
{% block page_checkout_aside_summary %}
<div class="checkout-aside-summary">
{% block page_checkout_summary_header %}
<h2 class="checkout-aside-summary-header">
{{ "checkout.summaryHeader"|trans|sw_sanitize }}
</h2>
{% endblock %}
{% block page_checkout_summary_list %}
<div class="checkout-aside-summary-list-container">
{% block page_checkout_summary_list_container %}
{% sw_include '@Storefront/storefront/page/checkout/summary.html.twig' %}
{% endblock %}
</div>
{% endblock %}
</div>
{% endblock %}
{# checkout rating and newsletter removed #}
{# {% if controllerName|lower =="checkout" and controllerAction|lower =="finishpage" %}
<div class="cehckout-aside-rating cehckout-aside-newsletter">
{% set formViolations = app.request.get('errors') %}
<h3>{{ 'footer.newsletter.headLine'|trans|sw_sanitize }}</h3>
<div class="footer-community-rog cms-block">
<div class="footer-newsletter-wrapper cms-element-form">
{{ 'footer.newsletter.infoText'|trans|sw_sanitize }}
{% sw_include '@Storefront/storefront/element/cms-element-form/form-types/newsletter-form.html.twig'
with {
action: 'frontend.form.newsletter.register.handle',
submitText: 'newsletter.formSubmit'
}
%}
</div>
</div>
</div>
{% if page.header.activeLanguage.id != "acea14f3bec347a092dfdabab186031c" %}
<div class="cehckout-aside-rating">
<h3 class="cehckout-aside-rating__title">{{ "asus.checkout.rating.title"|trans|sw_sanitize }}</h3>
<p class="cehckout-aside-rating__text">{{ "asus.checkout.rating.text"|trans|sw_sanitize }}</p>
<a href="{{ "asus.checkout.rating.link"|trans|sw_sanitize }}" class="btn btn-outline-primary">{{ "asus.checkout.rating.button"|trans|sw_sanitize }}</a>
</div>
{% endif %}
{% endif %} #}
{% block page_checkout_aside_actions %}{% endblock %}
</div>
{% endblock %}
{# {{ parent() }} #}
{% endblock %}
</div>
{% endblock %}
</div>
<script type="text/javascript">
const paypalPaymentAlertDiv = document.getElementById('paypal-payment');
if (document.getElementById('paymentMethod6dcbcd35b77249e8a1b4b840f55f19bc').checked) {
paypalPaymentAlertDiv.style.display = "block";
} else {
paypalPaymentAlertDiv.style.display = "none";
}
</script>
{% endblock %}