<!-- Support Ticket Resolved -->
<h1 class="email-title">✅ Ticket Resolved</h1>

<div style="text-align: center; margin: 20px 0">
  <div
    style="
      display: inline-block;
      width: 80px;
      height: 80px;
      background-color: #d1fae5;
      border-radius: 50%;
      text-align: center;
      line-height: 80px;
      font-size: 40px;
    "
  >
    ✓
  </div>
</div>

<p>Hi {{first_name}},</p>
<p>Great news! Your support ticket has been resolved.</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">Status</span>
    <span class="detail-value" style="color: #059669">✓ Resolved</span>
  </div>
  <div class="detail-row">
    <span class="detail-label">Resolved On</span>
    <span class="detail-value">{{resolved_at}}</span>
  </div>
</div>

<div
  class="info-box"
  style="background-color: #d1fae5; border-left-color: #059669"
>
  <p class="info-box-title" style="color: #065f46">💡 How did we do?</p>
  <p style="margin: 0; color: #064e3b">
    Your feedback helps us improve. If you have a moment, please let us know
    about your support experience.
  </p>
</div>

<div style="text-align: center">
  <a href="{{feedback_url}}" style="margin-right: 10px" class="cta-button"
    >Rate Experience</a
  >
  <a href="{{help_center_url}}" style="background: #6b7280" class="cta-button"
    >Help Center</a
  >
</div>

<p style="margin-top: 20px; font-size: 14px; color: #6b7280">
  If you're still experiencing issues, you can reopen this ticket within 7 days.
</p>

<p>
  Best regards,<br /><strong>{{support_agent_name}}</strong><br />Nxtgauge
  Support Team
</p>
