{% extends "public_base.html" %}

{% block title %}{{ _('Careers') }} — {{ SPLENT_APP }}{% endblock %}

{% block hero %}
    {{ render_block('hero', eyebrow=_('Careers'), title=_('Work with us'),
                    subtitle=_('Tell us about yourself and we will keep you in mind.')) }}
{% endblock %}

{% block content %}
<div class="container section">

  {# Flash messages #}
  {% with messages = get_flashed_messages(with_categories=true) %}
    {% if messages %}
      <div class="careers-form__flashes">
        {% for category, message in messages %}
          <div class="alert alert-{{ category }}">{{ message }}</div>
        {% endfor %}
      </div>
    {% endif %}
  {% endwith %}

  {% if intro %}
    <p class="careers-intro">{{ intro }}</p>
  {% endif %}

  <form class="careers-form"
        method="POST"
        action="{{ url_for('careers.index') }}"
        enctype="multipart/form-data">
      <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">

    <div class="form-group">
      <label for="careers-first-name">{{ _('First name') }}</label>
      <input type="text"
             id="careers-first-name"
             name="first_name"
             class="form-control"
             required>
    </div>

    <div class="form-group">
      <label for="careers-last-name">{{ _('Last name') }}</label>
      <input type="text"
             id="careers-last-name"
             name="last_name"
             class="form-control"
             required>
    </div>

    <div class="form-group">
      <label for="careers-email">{{ _('Email') }}</label>
      <input type="email"
             id="careers-email"
             name="email"
             class="form-control"
             required>
    </div>

    <div class="form-group">
      <label for="careers-university">{{ _('University') }}</label>
      <input type="text"
             id="careers-university"
             name="university"
             class="form-control">
    </div>

    <div class="form-group">
      <label for="careers-degree">{{ _('Degree') }}</label>
      <input type="text"
             id="careers-degree"
             name="degree"
             class="form-control">
    </div>

    <div class="form-group">
      <label for="careers-cv">{{ _('Curriculum (PDF, optional)') }}</label>
      <input type="file"
             id="careers-cv"
             name="cv"
             class="form-control"
             accept="application/pdf">
      <small class="careers-hint">{{ _('A brief resume in PDF, up to 5 MB.') }}</small>
    </div>

    <div class="form-group careers-consent">
      <label class="careers-consent__label" for="careers-talent-pool">
        <input type="checkbox"
               id="careers-talent-pool"
               name="talent_pool"
               value="1">
        {{ _('Keep me on the official candidate list and contact me when a position opens.') }}
      </label>
    </div>

    {# Captcha widget (cloudflare / recaptcha) — empty when none installed #}
    {% if captcha_widget is defined %}
      {{ captcha_script() }}
      {{ captcha_widget() }}
    {% endif %}

    <button type="submit" class="btn btn-primary">
      {{ _('Send application') }}
    </button>
  </form>

</div>
{% endblock %}