{% extends "layouts/workspace_settings.html" %}
{% comment %}
The two per-workspace email tracking toggles.

Both default to off, and the copy says what each one actually does rather than
what it is called. A self-hoster turning these on is choosing to rewrite links in
mail they send and to embed an image that reports when a message is displayed;
that is a decision worth stating in full on the page where it is made, which is
why the explanations are the field hints rather than something shorter.

URL buttons are wrapped on every platform regardless, and there is deliberately
no switch for it: a button is a link the flow author added on purpose, and its
click count is the number the builder's overlay shows.

.bb-checkbox rather than .switch. Every .switch in the product posts on
change; a toggle sitting above a Save button would lie about when it takes
effect. This page's h1 was also the one that never got .page-title, so it has
been rendering at the @layer base 18px while every sibling used 28px.
{% endcomment %}
{% block title %}Email tracking · DemandTrail Messaging{% endblock %}
{% block content_wrap %}{% endblock %}

{% block content %}
<div class="max-w-[1060px] w-full">
    <h1 class="page-title">Email tracking</h1>
    <p class="page-lede mt-1.5 mb-6">
        Click and open tracking for email. Both are off until you turn them on.
    </p>

    <form method="post" action="{% url 'analytics:update_tracking_settings' workspace_id=request.workspace.id %}">
        {% csrf_token %}
        <section class="card p-6 mb-5">
            <label class="field-check" for="wrap-email-links">
                <input class="bb-checkbox" id="wrap-email-links" type="checkbox" name="wrap_email_links" {% if wrap_email_links %}checked{% endif %}>
                <span class="field-check-body">
                    <span class="field-label">Rewrite links in email bodies</span>
                    <span class="field-hint">
                        Every link in an email you send is replaced with one that records the click
                        and forwards to the original address. Recipients see the forwarding link in
                        their status bar rather than the destination.
                    </span>
                </span>
            </label>

            <label class="field-check" for="open-pixel">
                <input class="bb-checkbox" id="open-pixel" type="checkbox" name="open_pixel" {% if open_pixel %}checked{% endif %}>
                <span class="field-check-body">
                    <span class="field-label">Add an open-tracking pixel</span>
                    <span class="field-hint">
                        A one-pixel image is added to each email and marks the message as read when
                        it loads. Many mail clients block or pre-fetch images, so this is an
                        indication rather than a count.
                    </span>
                </span>
            </label>

            <p class="section-note">
                Neither affects the click counters on flow buttons, which are always recorded. A
                button is a link somebody added on purpose.
            </p>

            <div class="form-actions">
                <button type="submit" class="btn-pill-primary">Save changes</button>
            </div>
        </section>
    </form>
</div>
{% endblock %}