<!-- Job Posted - Pending Approval -->
<h1 class="email-title">Job Posted Successfully</h1>

<div style="text-align: center; margin: 20px 0">
  <span class="status-badge status-pending">⏳ Pending Approval</span>
</div>

<p>Hi {{first_name}},</p>
<p>Your job posting has been submitted and is now under review by our team.</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">Posted On</span>
    <span class="detail-value">{{posted_at}}</span>
  </div>
  <div class="detail-row">
    <span class="detail-label">Status</span>
    <span class="detail-value" style="color: #d97706">Pending Review</span>
  </div>
</div>

<div class="info-box">
  <p class="info-box-title">⏱️ What happens next?</p>
  <p style="margin: 0">
    Our team typically reviews job postings within 24-48 hours. You'll receive
    an email once your job is approved and live.
  </p>
</div>

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