{extends file="layout.tpl"}

{block name=bodyClass}page-blog{/block}
{block name=main}

<div class="page-title">
	<div class="container">
		<h1>{if $modx->resource->getTVValue('seoH1')}{$modx->resource->getTVValue('seoH1')}{else}{$modx->resource->get('pagetitle')}{/if}</h1>
	</div>
</div>

<div class="block-blog">
	<div class="container">
		<div class="row">
			{snippet name="pdoPage" assign="pdoPage" params=[
				'parents' => $modx->resource->id,
				'depth' => 45,
				'limit' => 12,
				'cache' => 1,
				'pageLimit' => 10,
				'cacheTime' => 14883600,
				'maxLimit' => 100, 
				'hideContainers' => 1,
				'includeTVs' => 'blogIntroText, blogImg',
				'tplPageWrapper' => '@INLINE [[+first]][[+prev]][[+pages]][[+next]][[+last]]',
				'tplPageActive' => '@INLINE <li class="active"><a href="[[+href]]">[[+pageNo]]</a></li>',
				'tplPage' => '@INLINE <li><a href="[[+href]]" >[[+pageNo]]</a></li>',
				'tplPagePrev' => '@INLINE <li class="prev"><a href="[[+href]]"></a></li>',
				'tplPageNext' => '@INLINE <li class="next"><a href="[[+href]]"></a></li>',
			
				'tplPagePrevEmpty' => '@INLINE',
				'tplPageNextEmpty' => '@INLINE',
				'tplPageSkip' => '@INLINE <li>...</li>',
				'return' => 'json'
			]}
			{$pdoPage = json_decode($pdoPage)}
			{foreach $pdoPage as $key => $object}
				{$object = (array)$object}
				{$image = $modx->runSnippet('phpthumbof', [
					"input" => $object['tv.blogImg'],
					"options" => "w=360&h=214&zc=1"
				])}

				<div class="col-sm-4">
					<div class="item">
						<div class="img">
							<img class="img-responsive" alt="{$object.pagetitle}" src="{$image}"/>
						</div>
						<p>{$object.pagetitle}</p>
						<span>
							{$object['tv.blogIntroText']}
						</span>
						<a href="{$modx->makeUrl($object.id)}">Читать далее</a>
					</div>
				</div>
			{/foreach}





		</div>

		<div class="pagination">
			<ul>
				[[!+page.nav]]
				{* <li class="s_prev"><a href="#"></a></li>
				<li class="prev"><a href="#"></a></li>
				<li class="active"><a href="#">1</a></li>
				<li><a href="#">2</a></li>
				<li class="s_next"><a href="#"></a></li>
				<li class="next"><a href="#"></a></li> *}
			</ul>
		</div>
	</div>
</div>

{/block}1