<!-- Job Rejected -->
<h1 class="email-title">Job Posting Needs Updates</h1>

<div style="text-align: center; margin: 20px 0">
  <span class="status-badge status-rejected">Needs Changes</span>
</div>

<p>Hi {{first_name}},</p>
<p>We reviewed your job posting and couldn't approve it at this time.</p>

<div
  class="info-box"
  style="background-color: #fee2e2; border-left-color: #dc2626"
>
  <p class="info-box-title" style="color: #991b1b">Reason for Rejection:</p>
  <p style="margin: 0; color: #7f1d1d">{{rejection_reason}}</p>
</div>

<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">Status</span>
    <span class="detail-value" style="color: #dc2626">Rejected</span>
  </div>
</div>

<p><strong>What you can do:</strong></p>
<ul style="margin: 10px 0; padding-left: 20px">
  <li>Review the feedback above</li>
  <li>Update your job posting accordingly</li>
  <li>Resubmit for approval</li>
</ul>

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

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