{% extends "base.html" %}

{% block title %}Bewerbung - E-Mail Eingabe{% endblock %}

{% block header %}Bewerbung: {{ job_name }}{% endblock %}

{% block content %}
<div class="page-intro">
    <h2>Willkommen zum Bewerbungsformular</h2>
    <p>Vielen Dank für Ihr Interesse an der Position <strong>{{ job_name }}</strong>.</p>
    <p>Bitte geben Sie zunächst Ihre E-Mail-Adresse ein. Sie erhalten dann einen Link, mit dem Sie Ihre Bewerbung jederzeit fortsetzen können.</p>
</div>

<form method="POST" action="{{ url_for('submit_email') }}" class="application-form">
    <input type="hidden" name="csrf_token" value="{{ csrf_token() }}"/>
    <input type="hidden" name="job_name" value="{{ job_name }}">

    <div class="form-group">
        <label for="email">E-Mail-Adresse *</label>
        <input
            type="email"
            id="email"
            name="email"
            required
            placeholder="ihre.email@beispiel.de"
            aria-required="true">
        <small>Sie erhalten einen Link zum Fortsetzen Ihrer Bewerbung.</small>
    </div>

    <div class="form-actions">
        <button type="submit" class="btn btn-primary">Weiter</button>
    </div>

    <p class="required-note">* Pflichtfelder</p>
</form>
{% endblock %}