{% extends "wagtailadmin/generic/edit.html" %}
{% load i18n wagtailadmin_tags %}

{% block before_form %}
    {% if site_switcher %}
        <form class="w-mb-8" method="get" id="settings-site-switch" novalidate>
            <label for="{{ site_switcher.site.id_for_label }}">
                {% trans "Site" %}:
            </label>
            {{ site_switcher.site }}
        </form>
    {% elif site_for_header %}
        <div class="w-mb-8">
            {% trans "Site" %}:
            {{ site_for_header.hostname }}
            {% if site_for_header.is_default_site %}[{% trans "default" %}]{% endif %}
        </div>
    {% endif %}
{% endblock %}

{% block form_content %}
    {% if panel %}
        {{ panel.render_form_content }}
    {% else %}
        {{ block.super }}
    {% endif %}

    {% if form.smtp_relay_host and form.smtp_password %}
        <section class="w-panel w-mt-8">
            <div class="w-panel__header">
                <h2 class="w-panel__heading">發送測試郵件（請先儲存設定後再發送測試郵件）</h2>
            </div>
            <div class="w-panel__content">
                <ul class="fields">
                    <li>
                        <label class="w-block w-font-semibold w-mb-2" for="smtp_test_email">發送郵件到</label>
                        <input
                            class="w-input"
                            type="email"
                            id="smtp_test_email"
                            name="smtp_test_email"
                            value="{{ form.data.smtp_test_email|default:'' }}"
                            placeholder="name@example.com"
                        >
                        <p class="help">此欄位僅作本次測試，不會儲存。</p>
                    </li>
                </ul>
                <button
                    type="submit"
                    class="button button-secondary"
                    formaction="{% url 'newsletter_smtp_test' %}"
                    formmethod="post"
                    formnovalidate
                >
                    發送測試郵件
                </button>
            </div>
        </section>
    {% endif %}

    {% if form.one_click_endpoint_path %}
        <section class="w-panel w-mt-8">
            <div class="w-panel__header">
                <h2 class="w-panel__heading">List-Unsubscribe One-Click 預覽</h2>
            </div>
            <div class="w-panel__content">
                <ul class="fields">
                    <li>
                        <label class="w-block w-font-semibold w-mb-2" for="preview_subscriber_id">Subscriber ID</label>
                        <input class="w-input" type="text" id="preview_subscriber_id" name="subscriber_id" value="preview-subscriber">
                    </li>
                    <li>
                        <label class="w-block w-font-semibold w-mb-2" for="preview_list_id">List ID</label>
                        <input class="w-input" type="text" id="preview_list_id" name="list_id" value="{{ form.member_center_list_id.value|default:'' }}">
                    </li>
                    <li>
                        <label class="w-block w-font-semibold w-mb-2" for="preview_campaign_id">Campaign ID</label>
                        <input class="w-input" type="text" id="preview_campaign_id" name="campaign_id" value="preview-campaign">
                    </li>
                </ul>
                <button
                    type="submit"
                    class="button button-secondary"
                    formaction="{% url 'newsletter_one_click_preview' %}"
                    formmethod="post"
                    formnovalidate
                >
                    產生 One-Click 連結與 Header
                </button>
            </div>
        </section>
    {% endif %}
{% endblock %}