{% extends 'home/base.html' %}

{% block title %}Post a Job – PEZAJOB{% endblock %}

{% block extra_css %}{% include 'employers/partials/job_form_extras.html' %}{% endblock %}

{% block extra_js %}{% include 'employers/partials/job_form_extras.js.html' %}{% endblock %}
{% block content %}
<section class="section" style="padding-top:100px;">
  <div class="container" style="max-width:720px;">
    <h1 style="color:var(--primary);margin-bottom:8px;">Post a New Job</h1>
    <p style="color:var(--text-muted);margin-bottom:32px;">{% if company %}Publishing as {{ company.name }}{% else %}Your company name will be used from your account{% endif %}</p>
    {% if not can_post_job %}
    <div style="background:#fff8e1;border:1px solid #ffe082;color:#8a6d00;padding:14px 16px;border-radius:12px;margin-bottom:20px;font-size:0.9rem;">
      {{ post_job_message }} <a href="{% url 'subscriptions:pricing' %}" style="font-weight:700;color:var(--primary);">View plans</a>
    </div>
    {% elif subscription_usage %}
    <div style="background:var(--bg);border:1px solid var(--border);padding:12px 16px;border-radius:12px;margin-bottom:20px;font-size:0.84rem;color:var(--text-muted);">
      Jobs posted this month: <strong>{{ subscription_usage.jobs_posted }}</strong>
      {% if subscription_usage.benefits.job_posts_per_month %}
      / {{ subscription_usage.benefits.job_posts_per_month }}
      {% else %}
      (unlimited)
      {% endif %}
    </div>
    {% endif %}
    <form method="post" enctype="multipart/form-data" style="background:var(--white);border:1px solid var(--border);border-radius:16px;padding:32px;">
      {% csrf_token %}
      {% include 'employers/partials/job_form_fields.html' %}
      <button type="submit" class="btn btn-primary" style="width:100%;"{% if not can_post_job %} disabled{% endif %}>Publish Job</button>
    </form>
  </div>
</section>
{% endblock %}