<html lang='en'>
  <head>
    <meta charset='UTF-8' />
    <meta name='viewport' content='width=device-width, initial-scale=1.0' />
    <title>Support Request Confirmation</title>
    <style>
      body { font-family: Arial, sans-serif; line-height: 1.6; color: #333; max-width: 600px; margin: 0 auto; padding: 20px; }
      h1 { color: #2563eb; }
      .details { background: #ffffff; border-left: 4px solid #2563eb; padding: 15px; margin: 15px 0; }
      .footer { text-align: center; font-size: 14px; color: #6b7280; margin-top: 30px; padding-top: 20px; border-top: 1px solid #e5e7eb; }
    </style>
  </head>
  <body>
    <h1>Support Request Submitted</h1>

    <p>Hello {{name}},</p>

    <p>Thank you for contacting our support team. We have received your message and will get back to you as soon as possible.</p>

    <div class='details'>
      <p><strong>Category:</strong> {{category}}</p>
      <p><strong>Your Message:</strong></p>
      <p>{{message}}</p>
    </div>

    <p><strong>Your Contact Information:</strong></p>
    <p>Name: {{name}}<br />Email: {{email}}<br />Phone: {{#if phone}}{{phone}}{{else}}Not provided{{/if}}</p>

    <p>We will review your request and respond to the email address you provided. If you have any additional information to share, please reply to this email.</p>

    <div class='footer'>
      <p>&copy; {{currentYear}} textbee.dev.</p>
    </div>
  </body>
</html>
