{% extends "/layout/base.html" %}

{% block content %}
<div>
	<div class="center checkmark-container">
		<img class="center" src="{{ r('/assets/images/green-tick.svg') }}"></i>
	</div>
	<div class="purchase-title text-center">
		<h1>{{ orderConfirmation.i18n.customerName }}</h1>
	</div>
	<div class="purchase-text text-center">
		{% if orderConfirmation.order.uuid %}
			<span>
				<span>
					{{ orderConfirmation.i18n.customerPurchase }}
				</span>{{ ' ' }}
				<span onclick="window.location='{{ orderConfirmation.purchaseLink.url }}'" class="purchase-link">
					#{{ orderConfirmation.order.id }}
				</span>{{ ' ' }}
				<span>
					{{ orderConfirmation.i18n.customerPurchaseProcessing }} {{ orderConfirmation.i18n.customerEmail }}
				</span>
			</span>
		{% else %}
		<span>
			{{ orderConfirmation.i18n.confirmationOrderId }} {{ orderConfirmation.i18n.customerEmail }}
		</span>
		{% endif %}
	</div>
	<div class="button-container">
		<button onclick="window.location='{{ orderConfirmation.links.viewApps.url }}'" class="button-large-tile">
			{{ orderConfirmation.links.viewApps.title }}
		</button>
		<button onclick="window.location='{{ orderConfirmation.links.continueShopping.url }}'" class="button-large-tile">
			{{ orderConfirmation.links.continueShopping.title }}
		</button>
		{% if orderConfirmation.links.assignProducts.isVisible %}
		<div class="assign-link-container">
			<a href="{{ orderConfirmation.links.assignProducts.url }}">
				{{ orderConfirmation.links.assignProducts.title }}
			</a>
		</div>
		{% endif %}
	</div>
</div>
{% endblock %}