89 lines
4.2 KiB
HTML
89 lines
4.2 KiB
HTML
{{ template "header.html" . }}
|
|
|
|
<section class="bg-white py-8 antialiased md:py-16">
|
|
<form action="/order" method="POST" class="mx-auto max-w-screen-xl px-4 2xl:px-0">
|
|
<input type="hidden" name="confirm-order" value="true" required>
|
|
<div class="mx-auto max-w-3xl">
|
|
<h2 class="text-xl font-semibold text-gray-900 sm:text-2xl">Order summary</h2>
|
|
|
|
<div class="mt-6 space-y-4 border-b border-t border-gray-200 py-8 sm:mt-8">
|
|
<h4 class="text-lg font-semibold text-gray-900 ">Delivery information</h4>
|
|
|
|
<dl>
|
|
<dd class="mt-1 text-base font-normal text-gray-500">
|
|
<p><b>Shipping:</b> {{ .data.shipping.Name }}</p>
|
|
{{ if .data.askAddress }}
|
|
<p><b>First Name:</b> {{ .data.order.FirstName }}</p>
|
|
<p><b>Last Name:</b> {{ .data.order.LastName }}</p>
|
|
<p><b>Address:</b> {{ .data.order.Address }}</p>
|
|
<p><b>Postal Code:</b> {{ .data.order.PostalCode }}</p>
|
|
<p><b>City:</b> {{ .data.order.City }}</p>
|
|
<p><b>Country:</b> {{ .data.order.Country }}</p>
|
|
{{ end }}
|
|
<p><b>Email:</b> {{ .data.order.Email }}</p>
|
|
<p><b>Comment:</b> {{ .data.order.Comment }}</p>
|
|
</dd>
|
|
</dl>
|
|
|
|
<a href="/checkout?shippingMethod={{ .data.order.Shipping }}" data-modal-target="billingInformationModal" data-modal-toggle="billingInformationModal" class="text-base font-medium text-primary-700 hover:underline ">Edit</a>
|
|
</div>
|
|
|
|
<div class="mt-6 sm:mt-8">
|
|
<div class="relative overflow-x-auto border-b border-gray-200 ">
|
|
<table class="w-full text-left font-medium text-gray-900 ">
|
|
<tbody class="divide-y divide-gray-200 ">
|
|
{{ range .data.order.CartItems }}
|
|
<tr>
|
|
<td class="whitespace-nowrap py-4">
|
|
<div class="flex items-center gap-4">
|
|
<a href="#" class="flex items-center aspect-square w-8 h-10 shrink-0">
|
|
<img class="h-auto w-full max-h-full " src="/{{ .ShopItem.Image }}" alt="imac image" />
|
|
</a>
|
|
<a href="/shopitems/{{ .ShopItem.ID }}" class="hover:underline">{{ .ShopItem.Name }} - {{ .ItemVariant.Name }}</a>
|
|
</div>
|
|
</td>
|
|
<td class="p-4 text-base font-normal text-gray-900 ">x{{ .Quantity }}</td>
|
|
<td class="p-4 text-right text-base font-bold text-gray-900 ">{{ .ItemVariant.Price }}€</td>
|
|
</tr>
|
|
{{ end }}
|
|
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
|
|
<div class="mt-4 space-y-6">
|
|
<h4 class="text-xl font-semibold text-gray-900 ">Order summary</h4>
|
|
|
|
<div class="space-y-4">
|
|
<div class="space-y-2">
|
|
<dl class="flex items-center justify-between gap-4">
|
|
<dt class="text-gray-500 ">Original price</dt>
|
|
<dd class="text-base font-medium text-gray-900 ">{{ .data.priceProducts }}€</dd>
|
|
</dl>
|
|
|
|
<dl class="flex items-center justify-between gap-4">
|
|
<dt class="text-gray-500 ">Shipping</dt>
|
|
<dd class="text-base font-medium text-gray-900 ">{{ .data.shipping.Price }}€</dd>
|
|
</dl>
|
|
|
|
</div>
|
|
|
|
<dl class="flex items-center justify-between gap-4 border-t border-gray-200 pt-2 ">
|
|
<dt class="text-lg font-bold text-gray-900 ">Total</dt>
|
|
<dd class="text-lg font-bold text-gray-900 ">{{ .data.priceTotal }}€</dd>
|
|
</dl>
|
|
</div>
|
|
|
|
<div class="gap-4 sm:flex sm:items-center">
|
|
<button type="button" class="w-full rounded-lg border border-gray-200 bg-white px-5 py-2.5 text-sm font-medium text-gray-900 hover:bg-gray-100 hover:text-primary-700 focus:z-10 focus:outline-none focus:ring-4 focus:ring-gray-100 "><a href="/">Return to Shopping</a></button>
|
|
|
|
<button type="submit" class="w-full bg-gray-900 rounded-lg border border-gray-200 bg-white px-5 py-2.5 text-sm font-medium text-gray-900 hover:bg-gray-100 hover:text-primary-700 focus:z-10 focus:outline-none focus:ring-4 focus:ring-gray-100">Place binding order</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</section>
|
|
|
|
{{ template "footer.html" . }}
|