{* Страница отдельной записи блога *}

<!-- Хлебные крошки /-->
<ul class="breadcrumb">
<li><a href="/">Главная</a></li>
<li><a href="/nashi-raboty/">Примеры работ</a></li>
    {foreach from=$article->category->path item=cat}
<li><a href="/articles/{$cat->url}/">{$cat->name|escape}</a></li>
    {/foreach}
<li>{$article->name|escape}</li>
</ul>
<!-- Хлебные крошки #End /-->

<!-- Заголовок /-->
<h1>{$article->name|escape}</h1>
<div class="row">
<div class="col-sm-2 a-date">{$article->date|date|date_format:"%e %m %Y":"":"rus"}</div>

<div class="col-sm-10" style="text-align: right;">
<button class="btn ask-a-zakaz big-btn" data-href="#service_form"><i class="fa fa-pencil-square" aria-hidden="true"></i> Заказать такую же работу</button>
</div>
</div>
{*}
{if $article->image}<a href="{$article->image|resizepost:800:800}" class="fancybox" data-rel="details"><img class="img-thumbnail" src="{$article->image|resizepost:100:100}" alt="{$article->name|escape}" /></a>{/if}

*}

<!-- Тело поста / -->
{images_resize content=$article->text}
<!-- / Тело поста -->

<!-- Соседние записи /-->
{*
<div id="back_forward">
	{if $prev_article}
 ←&nbsp;<a class="back" id="PrevLink" href="/article/{$prev_article->url}/">{$prev_article->name}</a>
	{/if}
	{if $next_article}
 <a class="forward" id="NextLink" href="/article/{$next_article->url}/">{$next_article->name}</a>&nbsp;→
	{/if}
</div>*}

    {if $related_products}
    <h2>Связанные товары</h2>
    <ul>
        {foreach $related_products as $p}
     <li><a href="/products/{$p->url}/">{$p->name}</a></li>
        {/foreach}
    </ul>
        <br/>

    {/if}
    <br/>

    {if $related_articles}
    <h2>Также советуем посмотреть</h2>
    <ul>
        {foreach $related_articles as $a}
        <li>
         {if $a->image}<a href="/article/{$a->url}/" class="w"><img class="img-thumbnail" src="{$a->image|resizepost:100:100}" title="{$a->name|escape}" alt="{$a->name|escape}" /></a>{/if}
         <a href="/article/{$a->url}/">{$a->name}</a>
	</li>
        {/foreach}
    </ul>
    {/if}


	<div class="row article-photos-block">
  		{foreach from=$article_photos item=ph key=k}
		<div  class="col-sm-4 col-xs-12" style="padding-bottom:20px;">
			<a class="fancybox" data-rel="details" href="{$ph->bigImage}" rel="details">
			<img class="img-thumbnail w" src="{$ph->image}" style="width:100%" title="{$article->name|escape} - фото {$k + 1}" alt="{$article->name|escape} - фото {$k + 1}">
			</a>
		</div>
		{/foreach}
	</div>

  {if $article_photos}<div class="clearfix"></div>{/if}
<p>Количество просмотров: {$article->visited}</p>    <div style="height:30px"><hr></div>
<div id="back_forward" style="margin-left: 0;" class="row">
	<div class="col-sm-6">
	{if $prev_article}
		{*<a class="prev-strelka" href="/catalog/reshetki-radiatora/tovar-1217.html"><span class="fa fa-chevron-left"></span></a>*}
		<div class="prev-next-title"><a href="/nashi-raboty/{$prev_article->url}/">←&nbsp;{$prev_article->name}</a></div>
		<div style="float: none;" class="cell">
			<a href="/nashi-raboty/{$prev_article->url}/">
				<div class="wrap-pic2" style="width: 200px; height: 120px; overflow: hidden; float: left; border: 6px solid rgb(39, 39, 39); margin: 0px 5px 5px 0px;">
					<img src="{$prev_article->image|resizepost:200:140}" alt="" style="width: 200px; margin-top: -9.5px; display: inline-block;">
				</div>
			</a>
		</div>
	{/if}
	</div>
	<div style="text-align: right;" class="col-sm-6">
	{if $next_article}
	<div style="float:left" class="prev-next-title"><a href="/nashi-raboty/{$next_article->url}/">{$next_article->name}&nbsp;→</a></div>
	{*<a class="next-strelka" href="/catalog/reshetki-radiatora/tovar-3004.html"><span class="fa fa-chevron-right"></span></a>*}
		<div style="float: none;display: inline-block;" class="cell">
			<a href="/nashi-raboty/{$next_article->url}/">
				<div class="wrap-pic2" style="width: 200px; height: 120px; overflow: hidden; float: left; border: 6px solid rgb(39, 39, 39); margin: 0px 5px 5px 0px;">
					<img src="{$next_article->image|resizepost:200:140}" alt="" style="width: 200px; margin-top: -3.5px; display: inline-block;">
				</div>
			</a>
		</div>
	{/if}
	</div>
</div>

<!-- Комментарии -->
<div id="comments">

	<h2>Комментарии</h2>

	{if $comments}
	<!-- Список с комментариями -->
	<ul class="comment_list">
		{foreach $comments as $comment}

		<li> <a name="comment_{$comment->id}"></a>
			<!-- Имя и дата комментария-->
			<div class="comment_header">
				{$comment->name|escape} <i>{$comment->date|date}, {$comment->date|time}</i>
				{if !$comment->approved}ожидает модерации</b>{/if}
			</div>
			<!-- Имя и дата комментария (The End)-->

			<!-- Комментарий -->
			{$comment->text|escape|nl2br}
			<!-- Комментарий (The End)-->
		</li>
		{/foreach}
	</ul>
	<!-- Список с комментариями (The End)-->
	{else}
	<p>
		Пока нет комментариев
	</p>
	{/if}

	<!--Форма отправления комментария-->

	<!--Подключаем js-проверку формы -->

    <div class="title">Написать комментарий</div>
    <div class="well">
		{literal}
			<script src="https://www.google.com/recaptcha/api.js?render=6LegdywdAAAAADKhWf40ZE7xYCwRlvVg_mg3Ot0q"></script>
			<script>
				grecaptcha.ready(function () {
					grecaptcha.execute('6LegdywdAAAAADKhWf40ZE7xYCwRlvVg_mg3Ot0q', { action: 'contact' }).then(function (token) {
						var recaptchaResponse = document.getElementById('recaptchaResponsefelback');
						recaptchaResponse.value = token;
					});
				});
			</script>
		{/literal}
	<form class="form-horizontal comment_form" method="post" action="{$smarty.server.REQUEST_URI}">
		{if $error}
		<div class="message_error">
			{if $error=='captcha'}
			Неверно введена капча
			{elseif $error=='empty_name'}
			Введите имя
			{elseif $error=='empty_comment'}
			Введите комментарий
			{/if}
		</div>
		{/if}
        <div class="form-group">
            <label class="col-sm-2 control-label" for="comment_name">Комментарий</label>
    		<div class="col-sm-10"><textarea class="comment_textarea form-control" id="comment_text" name="text" data-format=".+" data-notice="Введите комментарий">{$comment_text}</textarea></div>
        </div>
        <div class="form-group">
    		<label class="col-sm-2 control-label" for="comment_name">Имя</label>
    		<div class="col-sm-10"><input class="input_name form-control" type="text" id="comment_name" name="name" value="{$comment_name}" data-format=".+" data-notice="Введите имя"/></div>
        </div>
		<input type="hidden" name="recaptcha_response" id="recaptchaResponsefelback">
        <input class="btn btn-danger pull-right" type="submit" name="comment" value="Отправить" />
		<input type="text" name="email" id="h_email">
	</form>
    </div>
	<!--Форма отправления комментария (The End)-->

</div>

{include file='forms/service.tpl'}
<!-- Комментарии (The End) -->

{* Скрипт для листания через ctrl → *}
{* Ссылки на соседние страницы должны иметь id PrevLink и NextLink *}
<script type="text/javascript" src="js/ctrlnavigate.js"></script>

{literal}
<script>
$(function() {
	$("a.zoom").fancybox({ 'hideOnContentClick' : true });
});
</script>
{/literal}