{{ define "card" }}
{{ $card := . }}
<div class="flex-card">
	<div class="card white">
		<div class="card-content black-text">
			{{ if $card.Image }}
			<div class="center-align" style="padding-top: 8px">
				<img class="circle responsive-img card-image" src="{{ $card.Image }}" />
			</div>
			{{ end }}
			<span class="card-title valign-wrapper">{{ $card.Title | html }}{{ if $card.SubTitle }}{{ $card.SubTitle | html }}{{ end }}</span>
			<p>{{ $card.Description | html }}</p>
		</div>
		<div class="card-action">
			{{ range $action := $card.Actions }}
				{{ if $action.Disabled }}
					<span>{{ $action.Name | html }}</span>
				{{ else }}
					<a {{ if $action.Target }} target="{{ $action.Target }}" {{ end }} class="purple-text text-lighten-2" href="{{ $action.Link }}">{{ $action.Name | html }}</a>
				{{ end }}
			{{ end }}
		</div>
	</div>
</div>
{{ end }}