{% extends "email/base.html" %} {% load posthog_assets %} {% block section %}

{% if inviter %}
<h1 class="invite-header">
    {% if self_invite %}
        You have been subscribed
    {% else %}
        <strong>{{ inviter.first_name }}</strong> has subscribed you 
    {% endif %}

    to the {{ resource_noun }} <strong>{{ resource_name }}</strong> on PostHog.
</h1>

<p>
{{ invite_summary }}
</p>

{% if invite_message %}

<div class="invite-message">
    <div class="invite-message-divider"></div>
        "{{ invite_message }}"
</div>
{% endif %}

{% else %}

<p><strong>Hello,</strong></p>
<p>
    Your subscription to the {{ resource_noun }}
    <strong>{{ resource_name }}</strong> is ready!

    {% if resource_noun == "Dashboard" %}
    Email subscriptions are limited to at most 6 insights.
    {% endif %}
</p>
{% endif %}

{% if asset_data|length < total_asset_count  %}
<p class="text-center muted font-bold">
    SHOWING {{ asset_data|length }} OF {{ total_asset_count }} DASHBOARD INSIGHTS
</p>
{% endif %}

{% if change_summary %}
<div style="padding: 16px; background-color: #f0f4ff; border: 1px solid #d0d8f0; border-radius: 4px; margin-bottom: 16px;">
    <p style="margin: 0 0 8px 0; font-weight: bold;">AI summary:</p>
    <div style="margin: 0;">{{ change_summary|linebreaksbr }}</div>
</div>
{% elif summary_skipped_over_budget %}
<div style="padding: 16px; background-color: #fff8e6; border: 1px solid #f0e0b0; border-radius: 4px; margin-bottom: 16px;">
    <p style="margin: 0; font-weight: bold;">AI summary skipped</p>
    <p style="margin: 8px 0 0 0;">Your organization has reached its AI credit usage limit, so the AI summary wasn't generated for this report. <a href="{{ billing_url }}">Increase the limit in Billing settings</a> to resume summaries.</p>
</div>
{% endif %}

{% for asset in asset_data %}
    {% if asset.error %}
        <div class="insight-error mb" style="padding: 16px; background-color: #fee; border: 1px solid #fcc; border-radius: 4px; margin-bottom: 16px;">
            <p style="margin: 0; font-weight: bold;">❌ {{ asset.insight_name }}</p>
            <p style="margin: 8px 0 0 0;">There was an error generating your asset: {{ asset.error_message }}</p>
            <p style="margin: 8px 0 0 0; font-style: italic; font-size: 0.9em;">If this issue persists, please contact support.</p>
        </div>
    {% else %}
        <img class="insight-image mb" src="{{ asset.image_url }}" />
    {% endif %}
{% endfor %}

<div class="mb mt text-center">
    <a class="button primary" href="{{ resource_url }}">View in PostHog</a>
</div>

<div class="divider"></div>

<p class="text-center">
    <a target="_blank" href="{{ subscription_url }}"><b>Manage this subscription in PostHog</b></a>
    or
    <a target="_blank" href="{{ unsubscribe_url }}"><b>unsubscribe now.</b></a>
</p>
{% endblock %}{% load posthog_filters %}