{% sw_extends '@Storefront/storefront/page/checkout/_page.html.twig' %}
{% block base_flashbags %}{% endblock %}
{% block base_content %}
{% block page_checkout %}
<div class="checkout">
{% block page_checkout_container %}
<div class="checkout-container">
{% block page_checkout_main %}
<div class="checkout-main">
{% block base_flashbags_checkout %}
<div class="flashbags">
{% 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 %}{% endblock %}
</div>
{% endblock %}
{% block page_checkout_additional %}{% endblock %}
{% block page_checkout_aside %}
<div class="checkout-aside {% if block('page_checkout_additional')|trim %}checkout-aside-no-offset{% endif %}">
{% block page_checkout_aside_container %}
<div class="checkout-aside-container mt-3">
{% block page_checkout_aside_summary %}
<div class="card">
<div class="card-body">
<div class="card-title">{{ "customFields.customer_referencenumber_"|trans|sw_sanitize }} <span style="color:red;">*</span></div>
<div class="checkout-aside-summary mt-4" style="background-color: transparent">
<textarea
{% if(page.order) %} disabled {% endif %}
class="form-control"
style="background-color: white; font-weight: bold"
form="confirmOrderForm"
name="customReferenceNumber"
maxlength="50"
required>{% if(page.order.customFields.customer_referencenumber_) %}{{ page.order.customFields.customer_referencenumber_}}{% endif %}</textarea>
</div>
</div>
</div>
{% endblock %}
{% block page_checkout_aside_actions %}{% endblock %}
</div>
{% endblock %}
</div>
{% endblock %}
</div>
{% endblock %}
</div>
{% endblock %}
{% endblock %}