{% extends 'base.html.twig' %}
{% block keywords %}
	{{ item.keywords }}
{% endblock %}
{% block title %}
	{{ item.title }}
{% endblock %}

{% block des %}
	{{ item.intro }}
{% endblock %}

{% block body %}
	{% if item.plain is not null %}
		{{ item.plain | raw}}
	{% endif %}
	{% if item.body is not null %}
		<div class="container mt-3">
			<div class="row">
				<div class="col-sm-12 col-md-8">
					<h1 class="text-primary fs-3 my-3">{{item.title}}</h1>
					<img class="img-fluid rounded-4" src="{{asset('uploaded/'~ item.mainPic)}}" alt="{{item.title}}"/>
					<div class="card bg-body-tertiary my-4">
						<div class="card-body">
							<div class="card-text">
								{{item.intro}}
							</div>
							<div class="card-text">
								<figure>
									<blockquote class="blockquote"></blockquote>
									<figcaption class="blockquote-footer">
										توسط
										{{item.submitter.name}}
										<cite title="Source Title">
											در تاریخ
											{{Jdate.jdate('Y/n/d',item.dateSubmit)}}
										</cite>
									</figcaption>
								</figure>
							</div>
						</div>
					</div>
					<p>{{ item.body | raw }}</p>
				</div>
				<div class="col-sm-12 col-md-4">
					<h3 class="text-primary">جدیدترین‌ها</h3>
					{% for post in posts %}
						<div class="card mb-2">
							<img src="{{asset('uploaded/'~ post.mainPic)}}" class="card-img-top" alt="{{post.title}}">
							<div class="card-body">
								<a href="{{path('app_blog_post',{'url':post.url})}}" class="rul stretched-link">
									<h5 class="card-title text-primary">{{post.title}}</h5>
								</a>
							</div>
						</div>
					{% endfor %}
				</div>
			</div>
		</div>
	{% endif %}
{% endblock %}