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

{% block title %}{% trans "Integrationen Setup" %}{% endblock %}

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



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

{% block shell_body %}
    <div class="page-stack">
    <header class="page-header">
      <div class="page-header-copy">
        <span class="page-eyebrow">{% trans "Administration" %}</span>
        <h1>{% trans "Integrationen Setup" %}</h1>
        <p class="page-subtitle">{% trans "Verwalten Sie Nextcloud- und Mail-Konfiguration ohne Backend-Wechsel." %}</p>
      </div>
    </header>

    <div class="switch app-module-nav">
      <a class="tab {% if kind == 'nextcloud' %}active{% endif %}" href="/admin-tools/integrations/?kind=nextcloud">{% trans "Setup Nextcloud" %}</a>
      <a class="tab {% if kind == 'mail' %}active{% endif %}" href="/admin-tools/integrations/?kind=mail">{% trans "Setup Mail" %}</a>
      <a class="tab {% if kind == 'emails' %}active{% endif %}" href="/admin-tools/integrations/?kind=emails">{% trans "E-Mail Routing & Vorlagen" %}</a>
      <a class="tab {% if kind == 'rules' %}active{% endif %}" href="/admin-tools/integrations/?kind=rules">{% trans "Workflow-Regeln" %}</a>
      <a class="tab {% if kind == 'backup' %}active{% endif %}" href="/admin-tools/integrations/?kind=backup">{% trans "Backup-Ziel" %}</a>
    </div>

    {% include 'workflows/includes/messages.html' %}

    {% if kind == 'nextcloud' %}
      <form class="card" method="post" action="/admin-tools/integrations/save-nextcloud/">
        {% csrf_token %}
        <input type="hidden" name="next" value="/admin-tools/integrations/?kind=nextcloud" />
        <div class="grid">
          <div>
            <label for="nc_base">NEXTCLOUD_BASE_URL</label>
            <input id="nc_base" name="nextcloud_base_url_override" value="{{ workflow_config.nextcloud_base_url_override }}" />
          </div>
          <div>
            <label for="nc_dir">NEXTCLOUD_DIRECTORY</label>
            <input id="nc_dir" name="nextcloud_directory_override" value="{{ workflow_config.nextcloud_directory_override }}" />
          </div>
          <div>
            <label for="nc_user">NEXTCLOUD_USERNAME</label>
            <input id="nc_user" name="nextcloud_username_override" value="{{ workflow_config.nextcloud_username_override }}" />
          </div>
          <div>
            <label for="nc_pass">NEXTCLOUD_PASSWORD</label>
            <input id="nc_pass" name="nextcloud_password_override" type="password" placeholder="Leer lassen = unverändert" />
          </div>
          <div>
            <label for="sync_interval">SYNC_INTERVAL (Sekunden)</label>
            <input id="sync_interval" name="sync_interval_seconds" type="number" min="10" step="1" value="{{ workflow_config.sync_interval_seconds }}" />
          </div>
        </div>
        <div class="actions app-action-row">
          <button class="btn btn-primary" type="submit">{% trans "Nextcloud speichern" %}</button>
          <button class="btn btn-secondary" type="submit" formaction="/test/nextcloud/" data-progress-title="{% trans 'Nextcloud-Test läuft' %}" data-progress-copy="{% trans 'Bitte warten. Verbindung und Upload in das konfigurierte Ziel werden geprüft.' %}">{% trans "Nextcloud-Test starten" %}</button>
        </div>
        <div class="toggle-row">
          <span class="toggle-copy">
            <span class="toggle-label">{% trans "Status:" %}</span>
            <span class="toggle-value">{% if nextcloud_enabled %}{% trans "aktiv" %}{% else %}{% trans "inaktiv" %}{% endif %}</span>
          </span>
          <button class="switch-toggle {% if nextcloud_enabled %}on{% else %}off{% endif %}" type="submit" form="toggle-nextcloud-form" aria-label="{% trans 'Nextcloud schalten' %}">
            <span class="switch-track">
              <span class="switch-thumb"></span>
            </span>
          </button>
        </div>
        <div class="hint">{% trans "Schaltet den produktiven Nextcloud-Upload sofort für alle nachfolgenden Vorgänge ein oder aus." %}</div>
        <div class="hint">{% trans "Leeres Passwortfeld lässt das bestehende Passwort unverändert." %}</div>
      </form>
      <form id="toggle-nextcloud-form" method="post" action="/admin-tools/nextcloud/toggle/">
        {% csrf_token %}
        <input type="hidden" name="next" value="/admin-tools/integrations/?kind=nextcloud" />
      </form>
    {% endif %}

    {% if kind == 'mail' %}
      <form class="card" method="post" action="/admin-tools/integrations/save-mail/">
        {% csrf_token %}
        <input type="hidden" name="next" value="/admin-tools/integrations/?kind=mail" />
        <div class="grid">
          <div>
            <label for="imap_server">IMAP_SERVER</label>
            <input id="imap_server" name="imap_server" value="{{ workflow_config.imap_server }}" />
          </div>
          <div>
            <label for="mailbox">MAILBOX</label>
            <input id="mailbox" name="mailbox" value="{{ workflow_config.mailbox }}" />
          </div>
          <div>
            <label for="smtp_server">SMTP_SERVER</label>
            <input id="smtp_server" name="smtp_server" value="{{ workflow_config.smtp_server }}" />
          </div>
          <div>
            <label for="smtp_port">EMAIL_PORT</label>
            <input id="smtp_port" name="smtp_port" type="number" min="1" step="1" value="{{ workflow_config.smtp_port }}" />
          </div>
          <div>
            <label for="email_account">EMAIL_ACCOUNT</label>
            <input id="email_account" name="email_account" value="{{ workflow_config.email_account }}" />
          </div>
          <div>
            <label for="email_password">PASSWORD</label>
            <input id="email_password" name="email_password" type="password" placeholder="Leer lassen = unverändert" />
          </div>
          <div>
            <label for="from_email">{% trans "Absenderadresse" %}</label>
            <input id="from_email" name="from_email" value="{% if system_email_config %}{{ system_email_config.from_email }}{% endif %}" />
          </div>
        </div>
        <div class="check-row">
          <label><input type="checkbox" name="smtp_use_ssl" {% if workflow_config.smtp_use_ssl %}checked{% endif %} /> {% trans "SMTP SSL" %}</label>
          <label><input type="checkbox" name="smtp_use_tls" {% if workflow_config.smtp_use_tls %}checked{% endif %} /> {% trans "SMTP TLS" %}</label>
        </div>
        <div class="actions app-action-row">
          <button class="btn btn-primary" type="submit">{% trans "Mail speichern" %}</button>
          <button class="btn btn-secondary" type="submit" formaction="/test/email/" data-progress-title="{% trans 'SMTP-Test läuft' %}" data-progress-copy="{% trans 'Bitte warten. SMTP-Verbindung und Testversand werden geprüft.' %}">{% trans "SMTP-Test starten" %}</button>
        </div>
        <div class="toggle-row">
          <span class="toggle-copy">
            <span class="toggle-label">{% trans "Status:" %}</span>
            <span class="toggle-value">{% if email_test_mode %}{% trans "Testmodus" %}{% else %}{% trans "Produktion" %}{% endif %}</span>
          </span>
          <button class="switch-toggle {% if email_test_mode %}off{% else %}on{% endif %}" type="submit" form="toggle-email-mode-form" aria-label="{% trans 'E-Mail Modus schalten' %}">
            <span class="switch-track">
              <span class="switch-thumb"></span>
            </span>
          </button>
        </div>
        <div class="hint">{% trans "Im Testmodus werden Systemmails umgeleitet. In Produktion werden sie an die echten Empfänger gesendet." %}</div>
        <div class="hint">{% trans "Leeres Passwortfeld lässt das bestehende Passwort unverändert." %}</div>
      </form>
      <form id="toggle-email-mode-form" method="post" action="/admin-tools/email-mode/toggle/">
        {% csrf_token %}
        <input type="hidden" name="next" value="/admin-tools/integrations/?kind=mail" />
      </form>
    {% endif %}

    {% if kind == 'emails' %}
      <form class="card" method="post" action="/admin-tools/integrations/save-emails/">
        {% csrf_token %}
        <div class="grid">
          <div>
            <label for="it_onboarding_email">{% trans "It onboarding email" %}</label>
            <input id="it_onboarding_email" name="it_onboarding_email" value="{{ workflow_config.it_onboarding_email }}" />
          </div>
          <div>
            <label for="general_info_email">{% trans "General info email" %}</label>
            <input id="general_info_email" name="general_info_email" value="{{ workflow_config.general_info_email }}" />
          </div>
          <div>
            <label for="business_card_email">{% trans "Business card email" %}</label>
            <input id="business_card_email" name="business_card_email" value="{{ workflow_config.business_card_email }}" />
          </div>
          <div>
            <label for="hr_works_email">{% trans "Hr works email" %}</label>
            <input id="hr_works_email" name="hr_works_email" value="{{ workflow_config.hr_works_email }}" />
          </div>
          <div>
            <label for="key_notification_email">{% trans "Key notification email" %}</label>
            <input id="key_notification_email" name="key_notification_email" value="{{ workflow_config.key_notification_email }}" />
          </div>
        </div>
        <div class="hint">{% trans "Diese Empfänger werden für condition-based E-Mail Routing genutzt." %}</div>

        {% for tpl in templates %}
          <div class="template-block">
            <p class="template-title">{{ tpl.get_key_display }} ({{ tpl.key }})</p>
            <div class="grid">
              <div>
                <label for="subject_{{ tpl.key }}">Subject (DE)</label>
                <input id="subject_{{ tpl.key }}" name="subject_{{ tpl.key }}" value="{{ tpl.subject_template }}" />
              </div>
              <div>
                <label for="body_{{ tpl.key }}">Body (DE)</label>
                <textarea id="body_{{ tpl.key }}" name="body_{{ tpl.key }}">{{ tpl.body_template }}</textarea>
              </div>
              <div>
                <label for="subject_en_{{ tpl.key }}">Subject (EN)</label>
                <input id="subject_en_{{ tpl.key }}" name="subject_en_{{ tpl.key }}" value="{{ tpl.subject_template_en }}" />
              </div>
              <div>
                <label for="body_en_{{ tpl.key }}">Body (EN)</label>
                <textarea id="body_en_{{ tpl.key }}" name="body_en_{{ tpl.key }}">{{ tpl.body_template_en }}</textarea>
              </div>
            </div>
          </div>
        {% endfor %}

        <div class="actions app-action-row">
          <button class="btn btn-primary" type="submit">{% trans "E-Mail Routing & Vorlagen speichern" %}</button>
        </div>
      </form>

      <form class="rule-card" method="post" action="/admin-tools/integrations/save-rules/">
        {% csrf_token %}
        <p class="rule-title">{% trans "Bedingungsregeln für zusätzliche E-Mails" %}</p>
        <div class="hint">{% trans "Zusätzliche Regeln laufen nach dem Standard-Routing." %}</div>

        {% for rule in notification_rules %}
          <div class="template-block">
            <input type="hidden" name="rule_ids" value="{{ rule.id }}" />
            <div class="grid">
              <div>
                <label for="name_{{ rule.id }}">{% trans "Regelname" %}</label>
                <input id="name_{{ rule.id }}" name="name_{{ rule.id }}" value="{{ rule.name }}" />
              </div>
              <div>
                <label for="event_type_{{ rule.id }}">{% trans "Event" %}</label>
                <select id="event_type_{{ rule.id }}" name="event_type_{{ rule.id }}">
                  {% for key, label in rule_event_choices %}
                    <option value="{{ key }}" {% if key == rule.event_type %}selected{% endif %}>{{ label }}</option>
                  {% endfor %}
                </select>
              </div>
              <div>
                <label for="field_name_{{ rule.id }}">{% trans "Feldname" %}</label>
                <input id="field_name_{{ rule.id }}" name="field_name_{{ rule.id }}" value="{{ rule.field_name }}" placeholder="z. B. needed_devices" />
              </div>
              <div>
                <label for="operator_{{ rule.id }}">{% trans "Operator" %}</label>
                <select id="operator_{{ rule.id }}" name="operator_{{ rule.id }}">
                  {% for key, label in rule_operator_choices %}
                    <option value="{{ key }}" {% if key == rule.operator %}selected{% endif %}>{{ label }}</option>
                  {% endfor %}
                </select>
              </div>
              <div>
                <label for="expected_value_{{ rule.id }}">{% trans "Vergleichswert" %}</label>
                <input id="expected_value_{{ rule.id }}" name="expected_value_{{ rule.id }}" value="{{ rule.expected_value }}" placeholder="z. B. Schlüssel" />
              </div>
              <div>
                <label for="recipients_{{ rule.id }}">{% trans "Empfänger" %}</label>
                <input id="recipients_{{ rule.id }}" name="recipients_{{ rule.id }}" value="{{ rule.recipients }}" placeholder="a@b.de, c@d.de" />
              </div>
              <div>
                <label for="template_key_{{ rule.id }}">{% trans "Template Key (optional)" %}</label>
                <select id="template_key_{{ rule.id }}" name="template_key_{{ rule.id }}">
                  <option value="">{% trans "-- Custom Betreff/Body verwenden --" %}</option>
                  {% for key, label in template_choices %}
                    <option value="{{ key }}" {% if key == rule.template_key %}selected{% endif %}>{{ label }} ({{ key }})</option>
                  {% endfor %}
                </select>
              </div>
              <div>
                <label for="custom_subject_{{ rule.id }}">{% trans "Custom Subject (optional)" %}</label>
                <input id="custom_subject_{{ rule.id }}" name="custom_subject_{{ rule.id }}" value="{{ rule.custom_subject }}" />
              </div>
              <div>
                <label for="custom_body_{{ rule.id }}">{% trans "Custom Body (optional)" %}</label>
                <textarea id="custom_body_{{ rule.id }}" name="custom_body_{{ rule.id }}">{{ rule.custom_body }}</textarea>
              </div>
              <div>
                <label for="custom_subject_en_{{ rule.id }}">{% trans "Custom Subject (EN, optional)" %}</label>
                <input id="custom_subject_en_{{ rule.id }}" name="custom_subject_en_{{ rule.id }}" value="{{ rule.custom_subject_en }}" />
              </div>
              <div>
                <label for="custom_body_en_{{ rule.id }}">{% trans "Custom Body (EN, optional)" %}</label>
                <textarea id="custom_body_en_{{ rule.id }}" name="custom_body_en_{{ rule.id }}">{{ rule.custom_body_en }}</textarea>
              </div>
            </div>
            <div class="check-row">
              <label><input type="checkbox" name="active_{{ rule.id }}" {% if rule.is_active %}checked{% endif %} /> {% trans "Aktiv" %}</label>
              <label><input type="checkbox" name="include_pdf_{{ rule.id }}" {% if rule.include_pdf_attachment %}checked{% endif %} /> {% trans "PDF anhängen" %}</label>
              <label><input type="checkbox" name="delete_{{ rule.id }}" /> {% trans "Löschen" %}</label>
            </div>
          </div>
        {% empty %}
          <div class="hint">{% trans "Noch keine zusätzlichen Regeln vorhanden." %}</div>
        {% endfor %}

        <div class="template-block">
          <p class="template-title">{% trans "Neue Regel hinzufügen" %}</p>
          <div class="grid">
            <div>
              <label for="new_name">{% trans "Regelname" %}</label>
              <input id="new_name" name="new_name" placeholder="z. B. Extra Schlüssel-Mail" />
            </div>
            <div>
              <label for="new_event_type">{% trans "Event" %}</label>
              <select id="new_event_type" name="new_event_type">
                {% for key, label in rule_event_choices %}
                  <option value="{{ key }}">{{ label }}</option>
                {% endfor %}
              </select>
            </div>
            <div>
              <label for="new_field_name">{% trans "Feldname" %}</label>
              <input id="new_field_name" name="new_field_name" placeholder="z. B. needed_devices" />
            </div>
            <div>
              <label for="new_operator">{% trans "Operator" %}</label>
              <select id="new_operator" name="new_operator">
                {% for key, label in rule_operator_choices %}
                  <option value="{{ key }}">{{ label }}</option>
                {% endfor %}
              </select>
            </div>
            <div>
              <label for="new_expected_value">{% trans "Vergleichswert" %}</label>
              <input id="new_expected_value" name="new_expected_value" placeholder="z. B. Schlüssel" />
            </div>
            <div>
              <label for="new_recipients">{% trans "Empfänger" %}</label>
              <input id="new_recipients" name="new_recipients" placeholder="a@b.de, c@d.de" />
            </div>
            <div>
              <label for="new_template_key">{% trans "Template Key (optional)" %}</label>
              <select id="new_template_key" name="new_template_key">
                <option value="">{% trans "-- Custom Betreff/Body verwenden --" %}</option>
                {% for key, label in template_choices %}
                  <option value="{{ key }}">{{ label }} ({{ key }})</option>
                {% endfor %}
              </select>
            </div>
            <div>
              <label for="new_custom_subject">{% trans "Custom Subject (optional)" %}</label>
              <input id="new_custom_subject" name="new_custom_subject" />
            </div>
            <div>
              <label for="new_custom_body">{% trans "Custom Body (optional)" %}</label>
              <textarea id="new_custom_body" name="new_custom_body"></textarea>
            </div>
            <div>
              <label for="new_custom_subject_en">{% trans "Custom Subject (EN, optional)" %}</label>
              <input id="new_custom_subject_en" name="new_custom_subject_en" />
            </div>
            <div>
              <label for="new_custom_body_en">{% trans "Custom Body (EN, optional)" %}</label>
              <textarea id="new_custom_body_en" name="new_custom_body_en"></textarea>
            </div>
          </div>
          <div class="check-row">
            <label><input type="checkbox" name="new_include_pdf" /> {% trans "PDF anhängen" %}</label>
          </div>
        </div>

        <div class="actions">
          <button class="btn btn-primary" type="submit">{% trans "Regeln speichern" %}</button>
        </div>
      </form>
    {% endif %}

    {% if kind == 'rules' %}
      <form class="card" method="post" action="/admin-tools/integrations/save-workflow-rules/">
        {% csrf_token %}
        <div class="grid">
          <div>
            <label for="device_handover_lead_days">{% trans "Vorlauf Hardware-Übergabe (Tage)" %}</label>
            <input
              id="device_handover_lead_days"
              name="device_handover_lead_days"
              type="number"
              min="0"
              step="1"
              value="{{ workflow_config.device_handover_lead_days }}"
            />
          </div>
        </div>
        <div class="actions">
          <button class="btn btn-primary" type="submit">{% trans "Workflow-Regeln speichern" %}</button>
        </div>
        <div class="hint">{% trans "Steuert den Mindestvorlauf für das gewünschte Übergabedatum der Geräte im Onboarding-Formular." %}</div>
      </form>
    {% endif %}

    {% if kind == 'backup' %}
      <form class="card" method="post" action="/admin-tools/integrations/save-backup-settings/" data-remote-backup-form>
        {% csrf_token %}
        <div class="grid backup-grid">
          <div class="field-full">
            <label for="remote_backup_enabled">{% trans "Remote Backup aktiviert" %}</label>
            <div class="check-row">
              <label><input id="remote_backup_enabled" type="checkbox" name="remote_backup_enabled" {% if workflow_config.remote_backup_enabled %}checked{% endif %} onchange="window.syncRemoteBackupSettingsVisibility && window.syncRemoteBackupSettingsVisibility(this.form)" /> {% trans "Remote Kopie nach lokalem Bundle erstellen" %}</label>
            </div>
          </div>
          <div class="grid integration-remote-grid">
            <div class="remote-backup-targets">
              <label for="remote_backup_target_type">{% trans "Remote Backup Zieltyp" %}</label>
              <select id="remote_backup_target_type" name="remote_backup_target_type" onchange="window.syncRemoteBackupSettingsVisibility && window.syncRemoteBackupSettingsVisibility(this.form)">
                {% for value, label in remote_backup_target_choices %}
                  <option value="{{ value }}" {% if workflow_config.remote_backup_target_type == value %}selected{% endif %}>{{ label }}</option>
                {% endfor %}
              </select>
            </div>
            <div class="remote-backup-targets{% if not workflow_config.remote_backup_enabled or workflow_config.remote_backup_target_type != 'nextcloud' %} is-hidden{% endif %}" data-remote-target="nextcloud">
              <label for="remote_backup_nextcloud_directory">{% trans "Nextcloud Backup-Verzeichnis" %}</label>
              <input id="remote_backup_nextcloud_directory" name="remote_backup_nextcloud_directory" value="{{ workflow_config.remote_backup_nextcloud_directory }}" placeholder="Group-on-off-boarding-backups" />
            </div>
            <div class="remote-backup-targets{% if not workflow_config.remote_backup_enabled or workflow_config.remote_backup_target_type != 's3' %} is-hidden{% endif %}" data-remote-target="s3">
              <label for="remote_backup_s3_bucket">{% trans "S3 Bucket (optional)" %}</label>
              <input id="remote_backup_s3_bucket" name="remote_backup_s3_bucket" value="{{ workflow_config.remote_backup_s3_bucket }}" placeholder="reserved for future support" />
            </div>
            <div class="remote-backup-targets{% if not workflow_config.remote_backup_enabled or workflow_config.remote_backup_target_type != 'nfs' %} is-hidden{% endif %}" data-remote-target="nfs">
              <label for="remote_backup_nfs_path">{% trans "NFS Pfad (optional)" %}</label>
              <input id="remote_backup_nfs_path" name="remote_backup_nfs_path" value="{{ workflow_config.remote_backup_nfs_path }}" placeholder="/mnt/backup-share" />
            </div>
          </div>
        </div>
        <div class="actions">
          <button class="btn btn-primary" type="submit">{% trans "Backup-Einstellungen speichern" %}</button>
        </div>
        <div class="hint remote-backup-targets">{% trans "Empfehlung: Nextcloud als erstes Remote-Ziel verwenden. S3 und NFS sind als Zieltypen vorbereitet, aber noch nicht aktiv implementiert." %}</div>
        <div class="hint remote-backup-targets{% if not workflow_config.remote_backup_enabled or workflow_config.remote_backup_target_type != 'nextcloud' %} is-hidden{% endif %}" data-remote-target="nextcloud">{% trans "Das Backup-Verzeichnis muss getrennt vom normalen Nextcloud Dokumentenordner sein, z. B. Group-on-off-boarding-backups." %}</div>
      </form>
    {% endif %}
</div>
{% endblock %}

{% block extra_scripts %}
  {{ block.super }}
  {% if kind == 'backup' %}
    <script>
      window.syncRemoteBackupSettingsVisibility = function (form) {
        if (!form) return;
        const target = form.querySelector('#remote_backup_target_type');
        if (!target) return;
        const selectedTarget = String(target.value || '').toLowerCase();

        form.querySelectorAll('[data-remote-target]').forEach((node) => {
          node.classList.toggle('is-hidden', node.dataset.remoteTarget !== selectedTarget);
        });
      };

      document.querySelectorAll('[data-remote-backup-form]').forEach((form) => {
        window.syncRemoteBackupSettingsVisibility(form);
      });
    </script>
  {% endif %}
{% endblock %}