{% extends 'workflows/base_shell.html' %}
{% load static i18n %}

{% block title %}{% trans "Offboarding-Anfrage" %}{% endblock %}

{% block shell_class %}wrap{% endblock %}

{% block extra_css %}
<link rel="stylesheet" href="{% static 'workflows/css/offboarding_form.css' %}" />
{% endblock %}

{% block pre_shell %}
<div id="saved-popup" class="popup-backdrop {% if saved %}show{% endif %}">
    <div class="popup">
      <h3>{% trans "Anfrage gespeichert" %}</h3>
      <p>{% blocktrans trimmed with request_id=saved_request_id %}Offboarding wurde erfolgreich gespeichert (ID: {{ request_id }}). Das PDF wird im Hintergrund erzeugt.{% endblocktrans %}</p>
      <button class="btn btn-secondary" type="button" onclick="document.getElementById('saved-popup').classList.remove('show')">{% trans "Schließen" %}</button>
    </div>
  </div>
{% endblock %}

{% block shell_body %}
{% include 'workflows/includes/app_header.html' with header_show_lang=1 header_show_home=1 header_inside_shell=1 %}

    <div class="wrap-body">
    <div class="card">
<h1>{% trans "Offboarding-Anfrage" %}</h1>
      <form method="get" action="/offboarding/new/">
        <div class="field">
<label for="q">{% trans "Mitarbeitende suchen (Name oder E-Mail)" %}</label>
<input id="q" name="q" value="{{ search_query }}" placeholder="{% blocktrans trimmed with domain=portal_email_domain %}z. B. max.mustermann@{{ domain }}{% endblocktrans %}" />
        </div>
<button class="btn btn-primary" type="submit">{% trans "Suchen" %}</button>
      </form>

      {% if search_results %}
        <div class="results" style="margin-top:10px;">
          {% for p in search_results %}
            <a href="/offboarding/new/?profile={{ p.id }}">{{ p.full_name }} ({{ p.work_email }})</a>
          {% endfor %}
        </div>
      {% endif %}

      {% if selected_profile %}
<p style="margin-top:10px; color:#2563eb;">{% trans "Vorbefüllt aus:" %} <strong>{{ selected_profile.full_name }}</strong> ({{ selected_profile.work_email }})</p>
      {% endif %}
    </div>

    <div class="card">
      <form method="post" data-email-domain="{{ portal_email_domain }}">
        {% csrf_token %}
        <div class="grid">
          {% for field in form.visible_fields %}
            {% if field.name != 'search_query' %}
              <div class="field {% if field.name == 'notes' %}field-full{% endif %}">
                {{ field.label_tag }}
                {{ field }}
                {% if field.help_text %}<div class="hint">{{ field.help_text }}</div>{% endif %}
                {{ field.errors }}
              </div>
            {% endif %}
          {% endfor %}
        </div>
<button class="btn btn-primary" type="submit">{% trans "Offboarding-Anfrage speichern" %}</button>
      </form>
    </div>
    </div>
  </div>
{% endblock %}

{% block extra_scripts %}
<script src="{% static 'workflows/js/offboarding_form.js' %}"></script>
{% endblock %}