{% extends "async_notification/base/_layout.html" %}{% load i18n %}
{% comment %}
Executive / official communication layout. Sober solid-color header bar with
the brand mark and the date; a confidentiality note in the footer. Best for
corporate announcements, board/official notices and internal memos.
{% endcomment %}
{% block preheader %}{{ brand.tagline|default:_("Official communication") }}{% endblock %}

{% block header %}
<tr>
	<td class="an-px" style="background:{{ brand.color|default:'#1f2a37' }}; padding:22px 32px;">
		<table role="presentation" width="100%" cellpadding="0" cellspacing="0">
			<tr>
				<td align="left" style="font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif; color:{{ brand.color_text_on|default:'#ffffff' }};">
					{% if brand.logo_url %}
					<img src="{{ brand.logo_url }}" height="28" alt="{{ brand.name|default:'' }}" style="display:block; max-height:28px;">
					{% else %}
					<span style="font-size:18px; font-weight:700; letter-spacing:0.3px; color:{{ brand.color_text_on|default:'#ffffff' }};">{{ brand.name|default:_("Company") }}</span>
					{% endif %}
				</td>
				<td align="right" style="font-family:Arial,Helvetica,sans-serif; font-size:12px; color:{{ brand.color_text_on|default:'#ffffff' }}; opacity:0.85;">
					{% now "j M Y" %}
				</td>
			</tr>
		</table>
	</td>
</tr>
{% endblock %}

{% block footer %}
<tr>
	<td class="an-px" style="padding:20px 32px; background:#f6f8fa; border-top:1px solid #e6e9ee; font-family:Arial,Helvetica,sans-serif;">
		<p class="an-muted" style="margin:0 0 6px; font-size:12px; line-height:1.5; color:#8a9199;">
			{% blocktrans %}This message and any attachments are confidential and intended solely for the addressee.{% endblocktrans %}
		</p>
		<p class="an-muted" style="margin:0; font-size:12px; line-height:1.5; color:#8a9199;">
			{% if brand.name %}&copy; {% now "Y" %} {{ brand.name }}. {% endif %}{% if brand.address %}{{ brand.address }}{% endif %}
		</p>
	</td>
</tr>
{% endblock %}