{% extends "app/website/templates/html/page.html" %}

{% block javascript %}
	{% include "app/website/templates/js/blog_page.js" %}
{% endblock %}

{% block css %}
	{% include "app/website/templates/css/blog_page.css" %}
{% endblock %}

{% block content %}
<div class="col col-lg-12" itemscope itemtype="http://schema.org/BlogPost">
	<h2 itemprop="name headline">{{ title }}</h2>

	<!-- begin blog content -->
	<div class="help" style="color: #aaa">
		<span itemprop="author">{{ blogger_info and blogger_info.full_name or full_name }}</span> / 
		<span itemprop="dateCreated">{{ updated }}</span></div>
	<br>
	<div itemprop="articleBody">
	{{ content_html }}
	</div>
	<!-- end blog content -->
	{% if blogger_info %}
	<hr />
	{% include "app/website/templates/html/blogger.html" %}
	{% endif %}
	<hr>
	<h3>{{ texts.comments }}</h3><br>
	<div class="blog-comments">
		
		{% if not comment_list %}
		<div class="no-comment">
			<p>{{ texts.first_comment }}</p>
		</div>
		{% endif %}
		
		{% include 'app/website/templates/html/comment.html' %}
	</div>
	<div><button class="btn btn-default add-comment">{{ texts.add_comment }}</button></div>
	<div style="display: none; margin-top: 10px;" 
		id="comment-form">
		<div class="alert" style="display:none;"></div>
		<form>
			<fieldset>
				<input name="comment_by_fullname" placeholder="Your Name" type="text"/><br>
				<input name="comment_by" placeholder="Your Email Id" type="text"/><br>
				<textarea name="comment" placeholder="Comment" style="width: 300px; height: 120px;"/>
				</textarea><br>
				<button class="btn btn-info" id="submit-comment">{{ texts.submit }}</button>
			</fieldset>
		</form>
	</div>
</div>
{% include 'app/website/templates/html/blog_footer.html' %}
{% endblock %}