{% extends "sentry/emails/base.html" %}

{% load timezone from tz %}
{% load sentry_helpers %}
{% load sentry_assets %}

{% block bodyclass %}digest{% endblock %}


{% block header %}
  <div class="header-with-buttons">
    {{ block.super }}
    {% if not has_alert_integration %}
      <a href="{{ slack_link }}" class="btn btn-default integration-link">
        <img src="{% absolute_asset_url 'sentry' 'images/email/slack-logo.png' %}" class="logo-small" />
        Set up in Slack
      </a>
    {% endif %}
  </div>
{% endblock %}


{% block content %}

<div class="container" style="padding-top: 30px;">
  <h2>{{ counts|length }} new alert{{ counts|pluralize }} from <a href="{{ project.get_absolute_url }}">{{ project.slug }}</a></h2>
  {% if clock_24_hours %}
    {% if timezone %}
      {% with start=start|timezone:timezone|date:"N j, Y, H:i e" end=end|timezone:timezone|date:"N j, Y, H:i e" %}
        <div class="dateline">{{ start }}{% if start != end %} to {{ end }}{% endif %}</div>
      {% endwith %}
    {% else %}
      {% with start=start|date:"N j, Y, H:i e" end=end|date:"N j, Y, H:i e" %}
        <div class="dateline">{{ start }}{% if start != end %} to {{ end }}{% endif %}</div>
      {% endwith %}
    {% endif %}
  {% else %}
    {% if timezone %}
      {% with start=start|timezone:timezone|date:"N j, Y, P e" end=end|timezone:timezone|date:"N j, Y, P e" %}
        <div class="dateline">{{ start }}{% if start != end %} to {{ end }}{% endif %}</div>
      {% endwith %}
    {% else %}
      {% with start=start|date:"N j, Y, P e" end=end|date:"N j, Y, P e" %}
        <div class="dateline">{{ start }}{% if start != end %} to {{ end }}{% endif %}</div>
      {% endwith %}
    {% endif %}
  {% endif %}
</div>

{% for rule, groups in digest.items %}

    <div class="rule">
      <div class="container">
        {% with rule_details=rules_details|get_item:rule.link_id snooze_alert_url=snooze_alert_urls|get_item:rule.link_id %}
        {% if snooze_alert %}
            <a class="mute" href="{% absolute_uri snooze_alert_url %}">Mute this alert</a>
        {% endif %}
            This email was triggered by <a href="{% absolute_uri rule_details.status_url %}">{{ rule_details.label }}</a>
        {% endwith %}
      </div>
    </div>

    <div class="container">
      <table class="event-list">
          <tr>
              <th colspan="2">Issue</th>
          </tr>
          {% for group, records in groups.items %}
            {% if forloop.counter0 < 10 %}
              <tr>
                  <td class="error-level">
                      <span class="level level-{{ group.get_level_display }}">{{ group.get_level_display }}</span>
                  </td>
                  <td class="event-detail">
                      {% include "sentry/emails/_group.html" with rule_id=rule.link_id %}
                      <div>
                        <small>
                          {% if clock_24_hours %}
                            {% if timezone %}{{ records.0.datetime|timezone:timezone|date:"N j, Y, H:i:s e" }}{% else %}{{ records.0.datetime|date:"N j, Y, H:i:s e" }}{% endif %}
                          {% else %}
                            {% if timezone %}{{ records.0.datetime|timezone:timezone|date:"N j, Y, g:i:s a e" }}{% else %}{{ records.0.datetime|date:"N j, Y, g:i:s a e" }}{% endif %}
                          {% endif %}
                        </small>
                        {% if show_replay_links and group.has_replays %}
                          <span class="replay-link">
                            <a href="{{ group.get_absolute_url }}replays?referrer=alert_email">
                              <img src="{% absolute_asset_url 'sentry' 'images/email/icon-play.png' %}" width="10px" height="10px"
                                alt="Session Replay">
                              View Replays
                            </a>
                          </span>
                        {% endif %}
                      </div>
                  </td>
              </tr>
            {% endif %}
          {% endfor %}
          {% with groups.items|length|add:"-10" as remainder %}
            {% if remainder >= 1 %}
                <tr>
                    <td colspan="3" class="more-events">
                        and {{ remainder }} more issue{{ remainder|pluralize }}
                    </td>
                </tr>
            {% endif %}
          {% endwith %}
      </table>
    </div>
{% endfor %}

{% endblock %}