{%- set post = doc -%}
<div class="web-list-item blog-list-item">
	<div class="row">
		<div class="col-xs-12">
			<h2><a href="/{{ post.route }}">{{ post.title }}</a></h2>
			{% if post.cover_image %}
			<p style="height: 200px; overflow: hidden;">
				<img src="{{ post.cover_image }}" alt="{{post.title}} - Cover Image" style="width: 60%;"/ style='blog-cover-image'>
			</p>
			{% endif %}
			<p class="post-description">{{ post.intro }}</p>

			<div style='margin-top: 15px;'>
				<div class="inline-block" style="vertical-align: top">
					<div class="avatar">
						<img itemprop="thumbnailUrl" src="{{ post.avatar or "/assets/frappe/images/default-avatar.png" }}" />
					</div>
				</div>
				<div class="inline-block" style="width: calc(100% - 100px)">
					<div class='text-muted'>
						<a href="/blog?blogger={{ post.blogger }}">{{ post.full_name }}</a>
					</div>
					<div class="text-muted small">
						{{ frappe.format_date(post.published_on) }}
						{% if post.comments %}
						<span style='display: inline-block; margin-left: 10px;'>
						<i class='octicon octicon-comment-discussion'></i> {{ post.comments }}
						</span>
						{% endif %}
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
