<div id="SectionNotices" class="insights_widget card w-100">
	<div class="card-header">
		<h5 class="card-title">{{ strings.title_security_notices }}
			<span class="badge {% if flags.has_notices %}badge-warning{% else %}badge-success{% endif %}">
				{{ vars.insight_notices_count }}
			</span>
		</h5>
		<h6 class="card-subtitle text-muted">{{ strings.subtitle_security_notices }}</h6>
	</div>
	<div class="card-body overflow_container">

		{% if flags.has_notices %}
			<div class="overflow_inner p-0">
				<table class="table mb-0">
				{% for notice_section in vars.insight_notices %}
					{% if notice_section.count > 0 %}
						<tr class="title_row">
							<th colspan="4">
								<h6 class="m-0">
									{{ notice_section.title }}
									<span class="text-muted"
										  style="font-size: smaller;">({{ notice_section.count }})</span>
								</h6>
							</th>
						</tr>

						{% for notice in notice_section.messages %}
						<tr class="message_row">
								<td class="empty_cell">&nbsp;</td>
								<th>{{ notice.title }}:</th>
								<td>
									<span class="icon-exclamation-sign icon-sign">&#9888;</span> {{ notice.message }}
									{% if notice.rec is defined %}
										<br /><span class="text-muted">
											<span class="icon-exclamation-sign icon-sign">&#9755;</span>
										{{ notice.rec|default('') }}</span>
									{% endif %}
								</td>
								<td class="text-right text-nowrap">
									{% if notice.href is not empty %}
										<a href="{{ notice.href }}">
											{{ notice.action|default( strings.more_info ) }} &nearr;
										</a>
									{% endif %}
								</td>
							</tr>
					{% endfor %}
					{% endif %}
				{% endfor %}
				</table>
			</div>
		{% else %}
			<div class="alert alert-success">
				{{ strings.no_security_notices }} {{ strings.this_is_wonderful }} :)
			</div>
		{% endif %}

	</div>
</div>