<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"  xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta content="width=device-width, initial-scale=1, shrink-to-fit=yes" name="viewport">
    <title>Error !!! Somethings has gone wrong</title>
    <link rel="shortcut icon" type="image/png" href="/img/logo-small-error.png"/>
    <link rel="stylesheet" href="/css/style.css">

</head>
<body>
<img id="banner-logo" src="/img/logo.png">
<h1><img class="bomb" src="/img/bomb.png"><span>An Unexpected Event Has Arisen!!!</span><img class="bomb" src="/img/bomb.png"></h1>

<table>
    <tr>
        <th>Date</th>
        <td th:text="${timestamp}"/>
    </tr>
    <tr>
        <th>Path</th>
        <td th:text="${path}"/>
    </tr>
    <tr>
        <th>Query Parameters</th>
        <td>
            <table title="Parameters">
                <tr th:each="claim : ${queryParameters}">
                    <th th:text="${claim.key}"></th>
                    <td th:text="${claim.value}"/>
                </tr>
            </table>
        </td>
    </tr>
    <tr>
        <th>Error</th>
        <td th:text="${error}"/>
    </tr>
    <tr>
        <th>Status</th>
        <td th:text="${status}"/>
    </tr>
    <tr>
        <th>Message</th>
        <td th:text="${message}"/>
    </tr>
    <tr>
        <th>Exception</th>
        <td th:text="${exception}"/>
    </tr>
    <tr>
        <th>Trace</th>
        <td>
            <pre th:text="${trace}"/>
        </td>
    </tr>
</table>
</body>
</html>