{{- $severity := .Params.severity  | default "under-maintenance" -}}
{{- $alert := index .Site.Data.severity.alerts $severity -}}
<div class="incident card">
  <div class="flex-out">
    <h1 class="incident-title">{{ .Title }}</h1>
    <p class="small mute">{{- dateFormat "02 Jan 2006 15:04 MST" .Date -}}</p>
  </div>
  <div class="incident-description">
    {{- .Content -}}
  </div>
  <div class="incident-status flex-out">
    <p class="color-{{ $alert }}">
      {{- index .Site.Data.severity.descriptions $severity -}}
    </p>
    <p class="small">Affected Systems:
      <span class="color-{{ $alert }}">
        {{- delimit .Params.affectedsystems ", " -}}
      </span>
    </p>
  </div>
</div>
