<!-- Job Approved -->
<h1 class="email-title">🎉 Your Job is Now Live!</h1>

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

<p>Hi {{first_name}},</p>
<p>
  Great news! Your job posting has been approved and is now live on Nxtgauge.
</p>

<div class="detail-card">
  <div class="detail-row">
    <span class="detail-label">Job Title</span>
    <span class="detail-value">{{job_title}}</span>
  </div>
  <div class="detail-row">
    <span class="detail-label">Approved On</span>
    <span class="detail-value">{{approved_at}}</span>
  </div>
  <div class="detail-row">
    <span class="detail-label">Expires On</span>
    <span class="detail-value">{{expires_at}}</span>
  </div>
</div>

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

<div class="info-box">
  <p class="info-box-title">💡 Pro Tip</p>
  <p style="margin: 0">
    You'll receive email notifications when candidates apply. Make sure to
    review applications promptly!
  </p>
</div>

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