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

{% block title %}Reactivate 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;">Reactivate Job</h1>
    <p style="color:var(--text-muted);margin-bottom:32px;">
      {{ job.title }}{% if company %} · {{ company.name }}{% endif %}<br>
      {% if job.needs_deadline_to_reactivate %}
      This listing closed when its deadline passed. Set a new application deadline to reopen it.
      {% elif job.is_ongoing %}
      This ongoing listing was closed by your company. Confirm below to reopen it, or add an optional deadline.
      {% else %}
      This listing was closed by your company. Confirm below to reopen it, or set an optional new deadline.
      {% endif %}
    </p>
    <form method="post" style="background:var(--white);border:1px solid var(--border);border-radius:16px;padding:32px;">
      {% csrf_token %}
      <div class="form-group job-field-deadline" style="margin-bottom:12px;">
        <label for="{{ form.deadline.id_for_label }}" style="display:block;font-weight:600;margin-bottom:6px;color:var(--primary);">
          {{ form.deadline.label }}{% if not form.deadline.field.required %} <span style="font-weight:400;color:var(--text-muted);">(optional)</span>{% endif %}
        </label>
        {{ form.deadline }}
        {% if form.deadline.help_text %}<div style="font-size:0.82rem;color:var(--text-muted);margin-top:4px;">{{ form.deadline.help_text }}</div>{% endif %}
        {% if form.deadline.errors %}<div style="color:#c0392b;font-size:0.82rem;margin-top:4px;">{{ form.deadline.errors.0 }}</div>{% endif %}
      </div>
      {% include 'employers/partials/ongoing_vacancy_field.html' %}
      <div style="display:flex;gap:12px;flex-wrap:wrap;margin-top:8px;">
        <button type="submit" class="btn btn-primary">Reactivate Job</button>
        <a href="{% url 'employers:dashboard' %}" class="btn btn-outline">Cancel</a>
      </div>
    </form>
  </div>
</section>
{% endblock %}