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

{% block title %}Submit Your Story – PEZAJOB{% endblock %}

{% block content %}
<section class="section" style="padding-top:100px;">
  <div class="container" style="max-width:640px;">
    <h1 style="color:var(--primary);margin-bottom:8px;">Share Your Success Story</h1>
    <p style="color:var(--text-light);margin-bottom:32px;">Tell us how PEZAJOB helped you find a job or hire great talent.</p>
    <form method="post" style="background:var(--white);border:1px solid var(--border);border-radius:16px;padding:32px;">
      {% csrf_token %}
      {% for field in form %}
      <div class="form-group" style="margin-bottom:20px;">
        <label for="{{ field.id_for_label }}" style="display:block;font-weight:600;margin-bottom:6px;color:var(--primary);">{{ field.label }}</label>
        {{ field }}
        {% if field.errors %}<div style="color:#c0392b;font-size:0.82rem;margin-top:4px;">{{ field.errors.0 }}</div>{% endif %}
      </div>
      {% endfor %}
      <button type="submit" class="btn btn-primary" style="width:100%;">Submit Story</button>
    </form>
  </div>
</section>
{% endblock %}