<!DOCTYPE html>
<html lang="en"
      xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
      layout:decorate="~{layout}">
<body>
<div layout:fragment="content">
    <div th:x-data="|initData('${orderNumber}')|">
        <h2>Your Order placed successfully</h2>
        <h4>Order Number: <span x-text="orderDetails.orderNumber">orderNumber</span></h4>
        <h4>Order Status: <span x-text="orderDetails.status">status</