{{define "status"}}
<div class="container border rounded shadow" style="margin-bottom: 1em">
{{if .Data.reblog}}
	<div class="row rounded border-bottom bg-primary">
		<div class="col"><span data-feather="repeat"></span> <a href="/domains/{{.Domain}}/{{.UserID}}" class="text-light">@{{.Data.account.acct}}</a> ({{.Data.account.display_name}})</div>
	</div>
	<div class="row border-bottom">
		<div class="col"><a href="/statuses/{{.ID}}">{{.ID}}</a></div>
		<div class="col-auto border-right"><a href="{{.Data.reblog.url}}"><span data-feather="globe"></span></a></div>
		<div class="col-auto"><span data-feather="calendar"></span> {{.Data.created_at}}</div>
	</div>
	<div class="row border-bottom">
		<div class="col"><a href="{{.Data.reblog.account.url}}">{{.Data.reblog.account.acct}}</a> ({{.Data.reblog.account.display_name}})</div>
		<div class="col-auto border-right"><a href="{{.Data.reblog.account.url}}"><span data-feather="globe"></span></a></div>
{{else}}
	<div class="row border-bottom">
		<div class="col"><a href="/statuses/{{.ID}}">{{.ID}}</a></div>
		<div class="col-auto border-right"><a href="{{.Data.url}}"><span data-feather="globe"></span></a></div>
		<div class="col-auto"><span data-feather="calendar"></span> {{.Data.created_at}}</div>
	</div>
	<div class="row border-bottom">
		<div class="col"><a href="/domains/{{.Domain}}/{{.UserID}}">@{{.Data.account.acct}}</a> ({{.Data.account.display_name}})</div>
		<div class="col-auto"><a href="{{.Data.account.url}}"><span data-feather="globe"></span></a></div>
{{end}}
	</div>
	{{if .Data.spoiler_text}}
	<div class="row border-bottom">
		<div class="col"><span data-feather="alert-triangle"></span> {{.Data.spoiler_text}}</div>
	</div>
	{{end}}
	<div class="row border-bottom">
		<div class="col" style="overflow-wrap: break-word">{{.SanitizedContent}}</div>
	</div>
	<div class="row border-bottom">
	{{if .Data.reblog}}
		<div class="col-auto border-right"><span data-feather="corner-up-left"></span> {{.Data.reblog.replies_count}}</div>
		<div class="col-auto border-right"><span data-feather="repeat"></span> {{.Data.reblog.reblogs_count}}</div>
		<div class="col-auto border-right"><span data-feather="star"></span> {{.Data.reblog.favourites_count}}</div>
		{{if .Data.reblog.application}}
		<div class="col-auto border-right"><span data-feather="smartphone"></span> {{.Data.reblog.application.name}}</div>
		{{end}}
	{{else}}
		<div class="col-auto border-right"><span data-feather="corner-up-left"></span> {{.Data.replies_count}}</div>
		<div class="col-auto border-right"><span data-feather="repeat"></span> {{.Data.reblogs_count}}</div>
		<div class="col-auto border-right"><span data-feather="star"></span> {{.Data.favourites_count}}</div>
		{{if .Data.application}}
		<div class="col-auto border-right"><span data-feather="smartphone"></span> {{.Data.application.name}}</div>
		{{end}}
	{{end}}
		<div class="col"></div>
		<div class="col-auto border-left">{{if .ArchiveIs}}<a href="{{.ArchiveIs}}">Archive.is</a>{{end}}{{if .ArchiveIsJSON}} <a href="{{.ArchiveIsJSON}}">(JSON)</a>{{end}}</div>
		<div class="col-auto border-left">{{if .ArchiveOrg}}<a href="{{.ArchiveOrg}}">Archive.org</a>{{end}}{{if .ArchiveOrgJSON}} <a href="{{.ArchiveOrgJSON}}">(JSON)</a>{{end}}</div>
	</div>
</div>
{{end}}