{% from 'message_box.html' import message_box %}

{# Defined before `render_status`, which calls it. #}
{% macro render_frontend_status(frontend) %}
    <div class="i-box">
        <div class="i-box-header">
            <div class="i-box-title">{% trans %}Browser errors{% endtrans %}</div>
        </div>
        <div class="i-box-content">
            {% if not frontend.requested %}
                {% call message_box('info') %}
                    {% trans -%}
                        Browser errors are not being reported. Turn on "Report browser errors" above and give it a
                        Sentry DSN of its own to load the JavaScript SDK on every page.
                    {%- endtrans %}
                {% endcall %}
            {% elif not frontend.enabled %}
                {% call message_box('warning') %}
                    {% trans %}Browser error reporting is on but has no DSN, so nothing is being loaded.{% endtrans %}
                {% endcall %}
            {% else %}
                {% call message_box('success') %}
                    {% trans -%}
                        The Sentry JavaScript SDK is being loaded on every page. This applies immediately - no
                        restart needed.
                    {%- endtrans %}
                {% endcall %}
            {% endif %}

            <table class="i-table-widget">
                <tbody>
                    <tr>
                        <td>{% trans %}Sentry host{% endtrans %}</td>
                        <td>
                            {%- if frontend.dsn_host -%}
                                <code>{{ frontend.dsn_host }}</code>
                            {%- else -%}
                                <em>{% trans %}not configured{% endtrans %}</em>
                            {%- endif -%}
                        </td>
                    </tr>
                    <tr>
                        <td>{% trans %}Environment{% endtrans %}</td>
                        <td><code>{{ frontend.environment or '-' }}</code></td>
                    </tr>
                    <tr>
                        <td>{% trans %}Release{% endtrans %}</td>
                        <td><code>{{ frontend.release or '-' }}</code></td>
                    </tr>
                    <tr>
                        <td>{% trans %}SDK bundle{% endtrans %}</td>
                        <td>
                            <code>{{ frontend.sdk_url }}</code>
                            {%- if not frontend.sdk_version %}
                                <span class="text-not-important">({% trans %}custom URL{% endtrans %})</span>
                            {%- endif %}
                        </td>
                    </tr>
                    <tr>
                        <td>{% trans %}Tracing / replay{% endtrans %}</td>
                        <td>
                            {% trans rate=frontend.traces_sample_rate %}traces {{ rate }}{% endtrans %},
                            {%- if frontend.replay %}
                                {% trans %}replay on{% endtrans %}
                            {%- else %}
                                {% trans %}replay off{% endtrans %}
                            {%- endif %}
                        </td>
                    </tr>
                </tbody>
            </table>

            {% if frontend.enabled %}
                <p class="text-not-important">
                    {% trans -%}
                        If this instance runs with CSP_ENABLED, the plugin adds the SDK host to script-src by
                        itself. Sending the events is a cross-origin request, so a connect-src in CSP_DIRECTIVES
                        (and worker-src blob: for session replay) has to allow the Sentry host as well:
                    {%- endtrans %}
                    <code>connect-src 'self' {{ frontend.csp_connect_src }}</code>
                </p>
            {% endif %}
        </div>
    </div>
{% endmacro %}

{% macro render_status(status, active, sdk_version, pending, frontend, test_url, reload_url) %}
    <div class="i-box-group vert" style="margin-top: 2em;">
        <div class="i-box">
            <div class="i-box-header">
                <div class="i-box-title">{% trans %}Status of this worker{% endtrans %}</div>
            </div>
            <div class="i-box-content">
                {% if status.error %}
                    {% call message_box('error') %}
                        {% trans error=status.error %}Sentry could not be initialised: {{ error }}{% endtrans %}
                    {% endcall %}
                {% elif not active %}
                    {% call message_box('warning') %}
                        {% trans -%}
                            Sentry is loaded but inactive because no DSN is configured. Set one above (or as
                            SENTRY_DSN in indico.conf) and restart Indico.
                        {%- endtrans %}
                    {% endcall %}
                {% else %}
                    {% call message_box('success') %}
                        {% trans %}Sentry is active and events are being sent.{% endtrans %}
                    {% endcall %}
                {% endif %}

                {% if pending %}
                    {% call message_box('warning') %}
                        {% trans settings=pending|join(', ') -%}
                            These settings were saved but are not applied in this worker yet: {{ settings }}.
                            Restart Indico (and the Celery workers) to apply them everywhere.
                        {%- endtrans %}
                    {% endcall %}
                {% endif %}

                <table class="i-table-widget">
                    <tbody>
                        <tr>
                            <td>{% trans %}Sentry host{% endtrans %}</td>
                            <td>
                                {%- if status.dsn_host -%}
                                    <code>{{ status.dsn_host }}</code>
                                    <span class="text-not-important">
                                        ({% trans source=status.dsn_source %}from {{ source }}{% endtrans %})
                                    </span>
                                {%- else -%}
                                    <em>{% trans %}not configured{% endtrans %}</em>
                                {%- endif -%}
                            </td>
                        </tr>
                        <tr>
                            <td>{% trans %}Environment{% endtrans %}</td>
                            <td><code>{{ status.environment or '-' }}</code></td>
                        </tr>
                        <tr>
                            <td>{% trans %}Release{% endtrans %}</td>
                            <td><code>{{ status.release or '-' }}</code></td>
                        </tr>
                        <tr>
                            <td>{% trans %}Integrations{% endtrans %}</td>
                            <td>{{ status.integrations|join(', ') or '-' }}</td>
                        </tr>
                        <tr>
                            <td>{% trans %}Versions{% endtrans %}</td>
                            <td>
                                {% trans %}plugin{% endtrans %} {{ status.plugin_version }},
                                sentry-sdk {{ sdk_version }}
                            </td>
                        </tr>
                    </tbody>
                </table>

                <div class="toolbar" style="margin-top: 1em;">
                    <form method="POST" action="{{ test_url }}" style="display: inline;">
                        <input type="hidden" name="csrf_token" value="{{ session.csrf_token }}">
                        <button type="submit" class="i-button icon-checkmark" {{ 'disabled' if not active }}>
                            {%- trans %}Send test event{% endtrans -%}
                        </button>
                    </form>
                    <form method="POST" action="{{ reload_url }}" style="display: inline;">
                        <input type="hidden" name="csrf_token" value="{{ session.csrf_token }}">
                        <button type="submit" class="i-button icon-loop">
                            {%- trans %}Reload in this worker{% endtrans -%}
                        </button>
                    </form>
                </div>
                <p class="text-not-important">
                    {% trans -%}
                        Sentry is configured once per worker process. Settings marked "requires a restart" only
                        take effect after Indico is restarted; "Reload in this worker" applies them to the single
                        process serving this page, which is useful for testing a new DSN.
                    {%- endtrans %}
                </p>
            </div>
        </div>

        {% if frontend %}
            {{ render_frontend_status(frontend) }}
        {% endif %}
    </div>
{% endmacro %}