{% if alerts or disabled_resources %}
	<div style="text-align:center">
		<h2>Alerts and outages</h2>
		<p>{# For spacing #}&nbsp;</p>
		{% for a in alerts %}
			<div class="alert alert-danger">
				<table style="width:100%">
					<tr>
						<td style="width:100px"><span class="glyphicon glyphicon-alert danger-highlight"
													  style="font-size:64px"></span></td>
						<td>
							{% if a.title %}<span style="font-weight:bold">{{ a.title }}</span><br>{% endif %}
							{{ a.contents|linebreaks }}
						</td>
					</tr>
				</table>
			</div>
		{% endfor %}
		{% for r in disabled_resources %}
			<div class="alert alert-danger">
				<table style="width:100%">
					<tr>
						<td style="width:100px"><span class="glyphicon glyphicon-leaf danger-highlight"
													  style="font-size:64px"></span></td>
						<td>
							<span style="font-weight:bold">Resource outage: {{ r }}</span><br>
							{{ r.restriction_message }}
						</td>
					</tr>
				</table>
			</div>
		{% endfor %}
	</div>
{% endif %}