oxil-net1/hugo/layouts/shortcodes/content/order-confirmation/order-confirmation.html

Oxford Information Labs Netistrar Theme

<div class="black white-text minH25 flex flex-col justify-center">

  <div class="px1 px2l text-center pt1 pb3 ">
    <h1 class="f2 normal white-text pb1"><i class="net-check green-text"></i> {{.Site.Title}}</h1>
    <div class="grid grid-small ge-text f5 thin px1 text-center lh12">{{.Page.Params.description }}</div>
  </div>

</div>


{{with .Page.Params.confirmationmessage}}
<div class="green success">
<div class="grid px1 px2l py2">{{safeHTML .}}</div></div>
{{end}}

<div class="grid white my4 px1 px2l">
  <kc-order>
    <div class="vue-wrapper">

      <table class="table table-cart">
        <thead>
        <tr>
          <td><h4 class="thin mb0">Order summary</h4>
            <span class="small" v-html="order.address"></span>
          </td>
          <td class="text-right"><img src="/images/{{.Site.Params.logo_mini}}" height="{{.Site.Params.logo_mini_height}}" > <br>{{- .Site.BaseURL -}}
            <br><span class="vsmall">Order ref: {order.id} <br>{order.date}</span></td>
        </tr>
        </thead>
        <tbody>
        <tr kb-each-item="order.orderLines">
          <td>
            <div class="bold">{item.title}</div>
            <div>{item.subtitle}</div>
            <div class="tiny">{item.description}</div>
            <div class="tiny" kb-each-subitem="item.subItems">
              - {subitem.title}: {subitem.quantity}
            </div>
          </td>
          <td class="text-right">{currency}{item.amount}</td>

        </tr>
        </tbody>
        <tfoot>
        <tr>
          <th colspan="2">
            <div class="pt2 flex align-center justify-between mb0"><div class="pr1 w-75 normal text-right-lg">Total ex. VAT</div><div
                class="w-25 normal text-right">{currency}{order.subtotal}</div></div>
            <div class="flex align-center justify-between mb0 pt1"><div class="pr1 w-75 normal text-right-lg">VAT</div><div
                class="w-25 normal text-right">{currency}{order.taxes}</div></div>
            <div class="pt1 pb2 flex align-center justify-between"><div class="bold pr1 w-75 text-right-lg">Total</div><div
                class="f3 normal w-25 text-right">{currency}{order.total}</div></div>
          </th>


        </tr>
        </tfoot>

      </table>
    </div>
  </kc-order>
  <div class="text-center g8-text vsmall pt2 bort3 bortdd">
   {{- with .Site.Params.orderconfirmation -}}{{- . | markdownify -}}{{- end -}}

  </div>

</div>