{% INCLUDE 'overall_header.html' %}

<h2>{{ lang('NEWSLETTER') }}</h2>

<div class="sp-newsletter-hero panel">
	<div class="inner">
		<div class="sp-newsletter-hero-icon"><i class="icon fa-envelope fa-fw" aria-hidden="true"></i></div>
		<div>
			<h3>{{ lang('NEWSLETTER_OVERVIEW') }}</h3>
			<p>{{ lang('NEWSLETTER_OVERVIEW_EXPLAIN') }}</p>
		</div>
	</div>
</div>

<div class="sp-newsletter-list">
{% for n in newsletters %}
	<div class="panel sp-newsletter-card">
		<div class="inner">
			<div class="sp-newsletter-card-main">
				<div class="sp-newsletter-card-icon"><i class="icon fa-newspaper-o fa-fw" aria-hidden="true"></i></div>
				<div class="sp-newsletter-card-content">
					<h3>{% if n.S_CAN_VIEW %}<a href="{{ n.U_ARCHIVE }}">{{ n.NAME }}</a>{% else %}{{ n.NAME }}{% endif %}</h3>
					<p class="sp-newsletter-meta">{{ n.TYPE }} <span>&bull;</span> {{ lang('NEWSLETTER_RECIPIENTS') }}: {{ n.RECIPIENTS }}</p>
					{% if n.DESC %}<div class="sp-newsletter-desc">{{ n.DESC }}</div>{% endif %}
				</div>
			</div>
			<div class="sp-newsletter-actions">
				{% if n.S_CAN_SEND %}<a class="button button1 sp-newsletter-button sp-newsletter-button-primary" href="{{ n.U_COMPOSE }}"><i class="icon fa-paper-plane fa-fw" aria-hidden="true"></i> {{ lang('NEWSLETTER_NEW_EMAIL') }}</a>{% endif %}
				{% if n.S_CAN_VIEW %}<a class="button button2 sp-newsletter-button" href="{{ n.U_ARCHIVE }}"><i class="icon fa-archive fa-fw" aria-hidden="true"></i> {{ lang('NEWSLETTER_ARCHIVE') }}</a>{% endif %}
			</div>
		</div>
	</div>
{% else %}
	<div class="panel"><div class="inner">{{ lang('SP_NEWSLETTER_NO_ENTRIES') }}</div></div>
{% endfor %}
</div>

{% INCLUDE 'overall_footer.html' %}