<%~ include("partials/base_head.eta", {"title": "Dashboard"}) %>
<%~ include("partials/nav.eta") %>

<section class="hero is-primary">
	<div class="hero-body">
		<p class="title" data-tK="start-hero-header-welcome">Willkommen</p>
		<p class="subtitle" data-tK="start-hero-header-subtitle-default">Alles gut!</p>
	</div>
</section>
<section class="section">
	<h1 class="title" data-tK="start-sysinfo-header">Systeminformationen</h1>
	<nav class="level">
		<div class="level-item has-text-centered">
			<div>
				<p class="heading">Aktionspläne</p>
				<p class="title">π</p>
			</div>
		</div>
		<div class="level-item has-text-centered">
			<div>
				<p class="heading">Alarmkonakte</p>
				<p class="title"><span data-dataSource="AlertContacts" data-dataAction="COUNT" class="is-skeleton">Load.</span></p>
			</div>
		</div>
		<div class="level-item has-text-centered">
			<div>
				<p class="heading">Alarme in den letzten 24h</p>
				<p class="title">Keine</p>
			</div>
		</div>
		<div class="level-item has-text-centered">
			<div>
				<p class="heading">Metrik 4</p>
				<p class="title">Dreieck</p>
			</div>
		</div>
	</nav>
</section>

<section class="section">
	<h1 class="title" data-tK="start-recent-header">Letze Alarme</h1>
	<table class="table is-striped is-fullwidth">
		<thead>
			<tr>
				<th><abbr title="Position">Pos</abbr></th>
				<th>Alarmierungszeit</th>
				<th><abbr title="Quitierungszeit">Quit.zeit</abbr></th>
				<th>Quelle</th>
				<th><abbr title="Niveau">Niv.</abbr></th>
			</tr>
		</thead>
		<tbody>
			<tr class="is-danger">
				<th>1</th>
				<td>1.1.2025 12:00</td>
				<td>-</td>
				<td>BMA</td>
				<td>Brandmeldung</td>
			</tr>

			<tr class="is-warning">
				<th>1</th>
				<td>1.1.2025 10:00</td>
				<td>-</td>
				<td>EMA</td>
				<td>Störung</td>
			</tr>
		</tbody>
	</table>
</section>

<%~ include("partials/footer.eta") %>
<%~ include("partials/base_foot.eta") %>
