<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        {{!--<title>Order Summary</title> --}}
        {{> styles}}
        <style>
            pre {
                background-color: #f8f9fa;
                color: #d63384;
                padding: 10px;
                border-radius: 5px;
                white-space: pre-wrap;
                font-family: monospace;
            }
        </style>
        {{!-- <link rel="stylesheet" href="styles/styles.css" /> --}}
    </head>
    <body>
        <h3>{{plant}},<br/> Has encountered an unexpected error.</h1>
        <p>
            Please see below the stack error from the crash.
        </p>
        <hr/>
        <div>
            <h3>Error Message: </h3>
            <p>{{error.message}}</p>
        </div>
        <hr/>
        <div>
            <h3>Stack trace</h3>
            <pre>{{{error.stack}}}</pre>
        </div>
    </body>
</html>