<!-- Support Ticket Created -->
<h1 class="email-title">Support Ticket Received</h1>

<p>Hi {{first_name}},</p>
<p>
  We've received your support request and our team will get back to you shortly.
</p>

<div class="detail-card">
  <div class="detail-row">
    <span class="detail-label">Ticket ID</span>
    <span class="detail-value" style="font-family: monospace"
      >#{{ticket_id}}</span
    >
  </div>
  <div class="detail-row">
    <span class="detail-label">Subject</span>
    <span class="detail-value">{{subject}}</span>
  </div>
  <div class="detail-row">
    <span class="detail-label">Category</span>
    <span class="detail-value">{{category}}</span>
  </div>
  <div class="detail-row">
    <span class="detail-label">Priority</span>
    <span class="detail-value">{{priority}}</span>
  </div>
  <div class="detail-row">
    <span class="detail-label">Created</span>
    <span class="detail-value">{{created_at}}</span>
  </div>
</div>

<div class="info-box">
  <p class="info-box-title">⏱️ Response Time</p>
  <p style="margin: 0">
    We typically respond to {{priority}} priority tickets within
    <strong>{{response_time}}</strong>.
  </p>
</div>

<div style="text-align: center">
  <a href="{{ticket_url}}" class="cta-button">View Ticket</a>
</div>

<p style="margin-top: 20px; font-size: 14px; color: #6b7280">
  You can reply to this ticket at any time by visiting your dashboard.
</p>

<p>Best regards,<br /><strong>The Nxtgauge Support Team</strong></p>
