<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <link href="https://unpkg.com/tailwindcss@^1.0/dist/tailwind.min.css" rel="stylesheet">
</head>
<div style="background-color: #ffffff; color: #353338;"
  class="h-full min-h-screen w-full flex flex-col p-8 gap-16 text-base">
  <img src="/logo_title.png" class="w-48 h-48 self-center" />
  <div>
    <span>Thank you for your ticket submission!</span>
    <br/>
    <span>Here is the ticket's information:</span>
    <br/>
    <br/>
    <span><b>ID:</b> {{id}}</span><br/>
    <span><b>Subject:</b> {{subject}}</span><br/>
    <span><b>Reporter:</b> {{reporter.name}} - {{reporter.email}}</span><br/>
    <span><b>Date:</b> {{date}}</span><br/>
    <span><b>Type:</b> {{type}}</span><br/>
    <span><b>Page:</b> {{reportedFrom}}</span>
    <br/>
    <br/>
    <span><b>Description:</b> {{description}}</span><br/>
  </div>
  <br />
  <br />
  <div>
    <span>Thanks, <br /> Your EnCoach team</span>
  </div>
</div>

</html>
