<!-- Lead Request Accepted -->
<h1 class="email-title">🎉 Lead Request Accepted!</h1>

<div style="text-align: center; margin: 20px 0">
  <span class="status-badge status-approved">✓ Accepted</span>
</div>

<p>Hi {{first_name}},</p>
<p>
  Great news! The customer has accepted your lead request. You can now view
  their contact details.
</p>

<div class="detail-card">
  <div class="detail-row">
    <span class="detail-label">Requirement</span>
    <span class="detail-value">{{requirement_title}}</span>
  </div>
  <div class="detail-row">
    <span class="detail-label">Customer</span>
    <span class="detail-value">{{customer_name}}</span>
  </div>
  <div class="detail-row">
    <span class="detail-label">Tracecoins Deducted</span>
    <span class="detail-value" style="color: #dc2626"
      >{{tracecoins_deducted}} TC</span
    >
  </div>
  <div class="detail-row">
    <span class="detail-label">Accepted On</span>
    <span class="detail-value">{{accepted_at}}</span>
  </div>
</div>

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

<div
  class="info-box"
  style="background-color: #d1fae5; border-left-color: #059669"
>
  <p class="info-box-title" style="color: #065f46">💡 Next Steps</p>
  <p style="margin: 0; color: #064e3b">
    Contact the customer promptly to discuss the project details. Professional
    communication is key!
  </p>
</div>

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