<div class="post-card hoverable" routerLink="/posts/{{post.key}}">
	<mdb-card>
		<!-- Picture -->
		<mdb-card-img [src]="post.image" alt="Article"></mdb-card-img>
		<!-- Body -->
		<mdb-card-body>
			<!-- Title -->
			<mdb-card-title>
				<h4>{{post.title}}</h4>
			</mdb-card-title>
			<!-- Description -->
			<mdb-card-text>
				{{post.description}}
			</mdb-card-text>
		</mdb-card-body>
		<!-- Footer -->
		<div class="card-footer text-muted mt-4">
			<img [src]="getAvatarUrl()"
					class="author-img"
					[alt]="post.author.name"
					[mdbTooltip]="post.author.name"
					placement="bottom"/>
			Article écrit par {{post.author.name}}
			<span class="creation-date-area">({{post.creationDate | date:'yyyy-MM-dd HH:mm:ss'}})</span>
		</div>
	</mdb-card>
</div>
