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

{% block title %}{% trans "Welcome E-Mails" %}{% endblock %}



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

{% block shell_body %}
{% include 'workflows/includes/app_header.html' with header_show_home=1 header_inside_shell=1 %}
    <h1>{% trans "Geplante Welcome E-Mails" %}</h1>
    <p class="sub">{% trans "Welcome-Mails konfigurieren und geplante Mails steuern (sofort senden, pausieren, fortsetzen, abbrechen)." %}</p>

    {% if messages %}
      {% for message in messages %}
        <div class="msg {% if message.tags == 'error' %}error{% endif %}">{{ message }}</div>
      {% endfor %}
    {% endif %}

    <form class="card" method="post" action="/admin-tools/welcome-emails/settings/">
      {% csrf_token %}
      <div class="grid">
        <div>
          <label for="welcome_email_delay_days">{% trans "Verzögerung in Tagen" %}</label>
          <input id="welcome_email_delay_days" name="welcome_email_delay_days" type="number" min="0" step="1" value="{{ workflow_config.welcome_email_delay_days }}" />
        </div>
        <div>
          <label for="welcome_sender_email">{% trans "Absenderadresse (optional)" %}</label>
          <input id="welcome_sender_email" name="welcome_sender_email" type="email" value="{{ workflow_config.welcome_sender_email }}" placeholder="{% trans 'Leer = System-Absender' %}" />
        </div>
        <div>
          <label for="welcome_subject">Welcome Subject (DE)</label>
          <input id="welcome_subject" name="welcome_subject" value="{{ welcome_subject_value }}" />
        </div>
        <div>
          <label for="welcome_body">Welcome Text (DE)</label>
          <textarea id="welcome_body" name="welcome_body">{{ welcome_body_value }}</textarea>
        </div>
        <div>
          <label for="welcome_subject_en">Welcome Subject (EN)</label>
          <input id="welcome_subject_en" name="welcome_subject_en" value="{{ welcome_subject_value_en }}" />
        </div>
        <div>
          <label for="welcome_body_en">Welcome Text (EN)</label>
          <textarea id="welcome_body_en" name="welcome_body_en">{{ welcome_body_value_en }}</textarea>
        </div>
      </div>
      <div class="check-row">
        <label><input type="checkbox" name="welcome_include_pdf" {% if workflow_config.welcome_include_pdf %}checked{% endif %} /> {% trans "Onboarding-PDF anhängen" %}</label>
      </div>
      <div class="hint">
        {% trans "Verfügbare Keywords:" %}
        {% for key in welcome_keywords %}
          <code>{{ key }}</code>{% if not forloop.last %}, {% endif %}
        {% endfor %}
      </div>
      <div class="actions">
        <button class="btn btn-primary" type="submit">{% trans "Welcome-Einstellungen speichern" %}</button>
      </div>
    </form>

    <form class="bulk-bar" id="welcome-bulk-form" method="post" action="/admin-tools/welcome-emails/bulk-action/" data-alert-empty="{% trans 'Bitte mindestens einen Welcome-Eintrag auswählen.' %}" data-confirm-delete="{% trans 'Ausgewählte Welcome-Einträge wirklich löschen?' %}" data-confirm-pause="{% trans 'Ausgewählte Welcome-Einträge pausieren?' %}" data-confirm-send="{% trans 'Ausgewählte Welcome-Einträge sofort senden?' %}">
      {% csrf_token %}
      <label style="display:inline-flex; align-items:center; gap:6px; margin:0;">
        <input type="checkbox" id="select-all-welcome" />
        {% trans "Alle auswählen" %}
      </label>
      <select name="bulk_action" id="bulk_action">
        <option value="pause">{% trans "Pausieren" %}</option>
        <option value="send_now">{% trans "Sofort senden" %}</option>
        <option value="delete">{% trans "Löschen" %}</option>
      </select>
      <input type="hidden" name="selected_ids" id="selected_ids" />
      <button class="btn btn-secondary" type="submit">{% trans "Bulk ausführen" %}</button>
      <span class="bulk-note"><span id="selected-count">0</span> {% trans "ausgewählt" %}</span>
    </form>

    <table>
      <thead>
        <tr>
          <th class="select-col">{% trans "Auswahl" %}</th>
          <th>ID</th>
          <th>{% trans "Mitarbeitende Person" %}</th>
          <th>{% trans "Empfänger" %}</th>
          <th>{% trans "Geplant für" %}</th>
          <th>{% trans "Status" %}</th>
          <th>{% trans "Gesendet am" %}</th>
          <th>{% trans "Aktion" %}</th>
        </tr>
      </thead>
      <tbody>
        {% for row in rows %}
          <tr>
            <td class="select-col"><input type="checkbox" class="welcome-select" value="{{ row.id }}" /></td>
            <td>{{ row.id }}</td>
            <td>{{ row.onboarding_request.full_name }}</td>
            <td>{{ row.recipient_email }}</td>
            <td>{{ row.send_at|date:"Y-m-d H:i" }}</td>
            <td>
              {% if row.status == 'scheduled' %}
                <span class="badge scheduled">{% trans "Geplant" %}</span>
              {% elif row.status == 'paused' %}
                <span class="badge paused">{% trans "Pausiert" %}</span>
              {% elif row.status == 'cancelled' %}
                <span class="badge cancelled">{% trans "Abgebrochen" %}</span>
              {% elif row.status == 'sent' %}
                <span class="badge sent">{% trans "Gesendet" %}</span>
              {% else %}
                <span class="badge failed">{% trans "Fehlgeschlagen" %}</span>
              {% endif %}
            </td>
            <td>{% if row.sent_at %}{{ row.sent_at|date:"Y-m-d H:i" }}{% else %}-{% endif %}</td>
            <td>
              <div class="table-actions">
                {% if row.status != 'sent' and row.status != 'cancelled' %}
                  <form method="post" action="/admin-tools/welcome-emails/{{ row.id }}/trigger-now/" style="display:inline;">
                    {% csrf_token %}
                    <button class="btn btn-secondary" type="submit">{% trans "Sofort senden" %}</button>
                  </form>
                {% endif %}
                {% if row.status == 'scheduled' %}
                  <form method="post" action="/admin-tools/welcome-emails/{{ row.id }}/pause/" style="display:inline;">
                    {% csrf_token %}
                    <button class="btn btn-secondary" type="submit">{% trans "Pausieren" %}</button>
                  </form>
                {% elif row.status == 'paused' %}
                  <form method="post" action="/admin-tools/welcome-emails/{{ row.id }}/resume/" style="display:inline;">
                    {% csrf_token %}
                    <button class="btn btn-secondary" type="submit">{% trans "Fortsetzen" %}</button>
                  </form>
                {% endif %}
                {% if row.status != 'sent' and row.status != 'cancelled' %}
                  <form method="post" action="/admin-tools/welcome-emails/{{ row.id }}/cancel/" style="display:inline;">
                    {% csrf_token %}
                    <button class="btn btn-secondary" type="submit">{% trans "Abbrechen" %}</button>
                  </form>
                {% endif %}
              </div>
            </td>
          </tr>
        {% empty %}
          <tr><td colspan="8">{% trans "Keine geplanten Welcome E-Mails vorhanden." %}</td></tr>
        {% endfor %}
      </tbody>
    </table>
{% endblock %}

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