{% extends "templates/web.html" %}

{% block meta_block %}
	{% include "templates/includes/meta_block.html" %}
{% endblock %}

{% block page_content %}
<div class="blog-container">
	<article class="blog-content mb-3" itemscope itemtype="http://schema.org/BlogPosting">
		<!-- begin blog content -->
		<div class="blog-info">
			<h1 itemprop="headline" class="blog-header">{{ title }}</h1>
			<p class="post-by text-muted small">
				<a href="/blog?blogger={{ blogger }}" class="text-muted">{{ blogger_info and blogger_info.full_name or full_name }}</a>
				&middot;
				{{ frappe.format_date(published_on) }}
				&middot;
				<a href="/blog?blog_category={{ blog_category }}" class="text-muted">{{ category.title }}</a>
				&middot;
				{{ comment_text }}
			</p>
		</div>
		<div itemprop="articleBody" class="longform blog-text mt-5">
		{{ content }}
		</div>
		<!-- end blog content -->
	</article>

	{% if blogger_info %}
	<hr>
	{% include "templates/includes/blog/blogger.html" %}
	{% endif %}

	<div class="blog-comments my-5">
		{% include 'templates/includes/comments/comments.html' %}
	</div>
</div>
<script>
	frappe.ready(() => frappe.set_search_path("/blog"))
</script>
{% endblock %}

{% block style %}
<style>
.blog-container {
	max-width: 720px;
	margin: 0 auto;
	font-size: 1.2rem;
}

</style>
{% endblock %}