{% sw_extends '@Storefront/storefront/page/checkout/_page.html.twig' %}
{% block base_head %}
{% sw_include '@Storefront/storefront/page/checkout/cart/meta.html.twig' %}
{% endblock %}
{% block page_checkout_container %}
{% if page.cart.lineItems.count is same as(0) %}
{% sw_include '@Storefront/storefront/utilities/alert.html.twig' with {
type: "info",
content: "checkout.cartEmpty"|trans|sw_sanitize
} %}
{% set messages = app.flashes %}
{% if messages.danger|length > 0 %}
<div class="flashbags">
{% sw_include '@Storefront/storefront/utilities/alert.html.twig' with { type: 'danger', list: messages.danger } %}
</div>
{% endif %}
{% else %}
{{ parent() }}
{% endif %}
{% endblock %}
{% block page_checkout_main_content %}
{% block page_checkout_cart %}
{% block page_checkout_cart_header %}
<h1 class="cart-main-header">
{{ "checkout.cartHeader"|trans|sw_sanitize }}
</h1>
{% endblock %}
{% block page_checkout_cart_product_table %}
<div class="card checkout-product-table">
<div class="card-body">
{% block page_checkout_cart_table_header %}
{# @deprecated tag:v6.5.0 - Template `cart-product-header.html.twig` is deprecated. Use `storefront/component/checkout/cart-header.html.twig` instead. #}
{% if feature('v6.5.0.0') %}
{% sw_include '@Storefront/storefront/component/checkout/cart-header.html.twig' %}
{% else %}
{% sw_include '@Storefront/storefront/page/checkout/cart/cart-product-header.html.twig' %}
{% endif %}
{% endblock %}
{% block page_checkout_cart_table_items %}
{% for lineItem in page.cart.lineItems %}
{% block page_checkout_cart_table_item %}
{% block page_checkout_item %}
{# @deprecated tag:v6.5.0 - Template `checkout-item.html.twig` is deprecated. Use `storefront/component/line-item/line-item.html.twig` instead. #}
{% if feature('v6.5.0.0') %}
{% sw_include '@Storefront/storefront/component/line-item/line-item.html.twig' %}
{% else %}
{% sw_include '@Storefront/storefront/page/checkout/checkout-item.html.twig' %}
{% endif %}
{% endblock %}
{% endblock %}
{% endfor %}
{% endblock %}
</div>
</div>
{% endblock %}
{% block page_checkout_cart_hidden_line_items_information %}
{% sw_include '@Storefront/storefront/component/checkout/hidden-line-items-information.html.twig' with {
cart: page.cart,
lineItems: page.cart.lineItems
} %}
{% endblock %}
{% block page_checkout_cart_add_product_and_shipping %}
<div class="row">
{% block page_checkout_cart_add_product %}
<div class="col-md-4 cart-add-product-container">
<form action="{{ path('frontend.checkout.product.add-by-number') }}"
data-form-csrf-handler="true"
class="cart-add-product"
method="post">
{# @deprecated tag:v6.5.0 - Block page_checkout_cart_add_product_csrf will be removed. #}
{% block page_checkout_cart_add_product_csrf %}
{{ sw_csrf('frontend.checkout.product.add-by-number') }}
{% endblock %}
{% block page_checkout_cart_add_product_redirect %}
<input type="hidden"
name="redirectTo"
value="frontend.checkout.cart.page">
{% endblock %}
{% block page_checkout_cart_add_product_input_group %}
<div class="input-group">
{% block page_checkout_cart_add_product_label %}
<label class="{{ visuallyHiddenClass }}" for="addProductInput">
{{ "checkout.addProductLabel"|trans|sw_sanitize }}
</label>
{% endblock %}
{% block page_checkout_cart_add_product_input %}
<input type="text"
name="number"
class="form-control"
id="addProductInput"
placeholder="{{ "checkout.addProductPlaceholder"|trans|striptags }}"
aria-label="{{ "checkout.addProductLabel"|trans|striptags }}"
aria-describedby="addProductButton"
required="required">
{% endblock %}
{% block page_checkout_cart_add_product_submit %}
{# @deprecated tag:v6.5.0 - Bootstrap v5 removes `input-group-append` wrapper and uses elements as direct childs of `input-group` #}
{% if feature('v6.5.0.0') %}
<button class="btn btn-secondary"
type="submit"
id="addProductButton">
{% sw_icon 'checkmark' %}
</button>
{% else %}
<div class="input-group-append">
<button class="btn btn-secondary"
type="submit"
id="addProductButton">
{% sw_icon 'checkmark' %}
</button>
</div>
{% endif %}
{% endblock %}
</div>
{% endblock %}
</form>
</div>
{% endblock %}
{% block page_checkout_cart_shipping_costs %}
<div class="col-md-8 cart-shipping-costs-container">
<form name="precalc"
method="post"
action="{{ path('frontend.checkout.configure') }}"
data-form-auto-submit="true">
{# @deprecated tag:v6.5.0 - Block page_checkout_cart_shipping_costs_csrf will be removed. #}
{% block page_checkout_cart_shipping_costs_csrf %}
{{ sw_csrf('frontend.checkout.configure') }}
{% endblock %}
{% block page_checkout_cart_shipping_costs_trigger %}
<a class="btn btn-link cart-shipping-costs-btn"
{{ dataBsToggleAttr }}="collapse"
href="#collapseShippingCost"
role="button"
aria-expanded="false"
aria-controls="collapseExample">
{{ "checkout.shippingCosts"|trans|sw_sanitize }}
{% block page_checkout_cart_shipping_costs_trigger_icon %}
{% sw_icon 'arrow-medium-right' style { 'pack':'solid', 'size': 'sm' } %}
{% endblock %}
</a>
{% endblock %}
{% block page_checkout_cart_shipping_costs_form_group %}
<div class="collapse" id="collapseShippingCost">
{% block page_checkout_cart_shipping_costs_form_group_country %}
{% if not context.customer %}
<div class="form-group">
<label for="countryId">{{ "checkout.shippingCountry"|trans|sw_sanitize }}</label>
<select class="{{ formSelectClass }}" type="text" id="countryId" name="countryId">
{% for country in page.countries %}
<option value="{{ country.id }}"
{{ country.id == context.shippingLocation.country.id ? 'selected="selected"' : '' }}>
{{ country.translated.name }}
</option>
{% endfor %}
</select>
</div>
{% endif %}
{% endblock %}
{% block page_checkout_cart_shipping_costs_form_group_payment_method %}
<div class="form-group">
<label for="paymentMethodId">{{ "checkout.paymentMethod"|trans|sw_sanitize }}</label>
<select class="{{ formSelectClass }}" type="text" id="paymentMethodId" name="paymentMethodId">
{% if context.paymentMethod.id not in page.paymentMethods.ids %}
<option value="{{ context.paymentMethod.id }}"
selected="selected"
disabled="disabled">
{{ context.paymentMethod.translated.name }} {{ "checkout.notAvailableSuffix"|trans|sw_sanitize }}
</option>
{% endif %}
{% for payment in page.paymentMethods %}
<option value="{{ payment.id }}"
{% if payment.id == context.paymentMethod.id %} selected="selected"{% endif %}>
{{ payment.translated.name }}
</option>
{% endfor %}
</select>
</div>
{% endblock %}
{% block page_checkout_cart_shipping_costs_form_group_shipping_method %}
<div class="form-group">
<label for="shippingMethodId">{{ "checkout.shippingMethod"|trans|sw_sanitize }}</label>
<select class="{{ formSelectClass }}" type="text" id="shippingMethodId" name="shippingMethodId">
{% if context.shippingMethod.id not in page.shippingMethods.ids %}
<option value="{{ context.shippingMethod.id }}"
selected="selected"
disabled="disabled">
{{ context.shippingMethod.translated.name }} {{ "checkout.notAvailableSuffix"|trans|sw_sanitize }}
</option>
{% endif %}
{% for shipping in page.shippingMethods %}
<option value="{{ shipping.id }}"
{% if shipping.id == context.shippingMethod.id %} selected="selected"{% endif %}>
{{ shipping.translated.name }}
</option>
{% endfor %}
</select>
</div>
{% endblock %}
<input type="hidden" name="redirectTo" value="frontend.checkout.cart.page">
</div>
{% endblock %}
</form>
</div>
{% endblock %}
</div>
{% endblock %}
{% endblock %}
{% endblock %}
{% block page_checkout_aside_actions %}
<div class="checkout-aside-action">
{% block page_checkout_cart_add_promotion %}
<form action="{{ path('frontend.checkout.promotion.add') }}"
class="cart-add-promotion"
data-form-csrf-handler="true"
method="post">
{# @deprecated tag:v6.5.0 - Block page_checkout_cart_add_promotion_csrf will be removed. #}
{% block page_checkout_cart_add_promotion_csrf %}
{{ sw_csrf('frontend.checkout.promotion.add') }}
{% endblock %}
{% block page_checkout_cart_add_promotion_forward %}
<input type="hidden"
name="redirectTo"
value="frontend.checkout.cart.page">
{% endblock %}
{% block page_checkout_cart_add_promotion_input_group %}
<div class="input-group checkout-aside-add-code">
{% block page_checkout_cart_add_promotion_label %}
<label class="{{ visuallyHiddenClass }}" for="addPromotionInput">
{{ "checkout.addPromotionLabel"|trans|sw_sanitize }}
</label>
{% endblock %}
{% block page_checkout_cart_add_promotion_input %}
<input type="text"
name="code"
class="form-control"
id="addPromotionInput"
placeholder="{{ "checkout.addPromotionPlaceholder"|trans|striptags }}"
aria-label="{{ "checkout.addPromotionLabel"|trans|striptags }}"
aria-describedby="addPromotion"
required="required">
{% endblock %}
{% block page_checkout_cart_add_promotion_submit %}
{# @deprecated tag:v6.5.0 - Bootstrap v5 removes `input-group-append` wrapper and uses elements as direct childs of `input-group` #}
{% if feature('v6.5.0.0') %}
<button class="btn btn-secondary"
type="submit"
id="addPromotion">
{% sw_icon 'checkmark' %}
</button>
{% else %}
<div class="input-group-append">
<button class="btn btn-secondary"
type="submit"
id="addPromotion">
{% sw_icon 'checkmark' %}
</button>
</div>
{% endif %}
{% endblock %}
</div>
{% endblock %}
</form>
{% endblock %}
</div>
{% block page_checkout_cart_action_proceed %}
{# @deprecated tag:v6.5.0 - Bootstrap v5 removes `btn-block` class, use `d-grid` wrapper instead #}
{% if feature('v6.5.0.0') %}
<div class="checkout-aside-action d-grid">
<a href="{{ path('frontend.checkout.confirm.page') }}"
class="btn btn-primary btn-lg begin-checkout-btn"
title="{{ "checkout.proceedLink"|trans|striptags }}">
{{ "checkout.proceedLink"|trans|sw_sanitize }}
</a>
</div>
{% else %}
<div class="checkout-aside-action">
<a href="{{ path('frontend.checkout.confirm.page') }}"
class="btn btn-primary btn-block btn-lg begin-checkout-btn"
title="{{ "checkout.proceedLink"|trans|striptags }}">
{{ "checkout.proceedLink"|trans|sw_sanitize }}
</a>
</div>
{% endif %}
{% endblock %}
{% endblock %}