{extends 'template:base'}
{block 'content'}
<div class="page page_news_open">
  {include 'file:chunks/breadcrumb.tpl'}
  <h1 class="page-title">{$_modx->resource.longtitle ?: $_modx->resource.pagetitle}</h1>
  <div class="row">
  	{if $_modx->resource.image != ''}
  	<div class="col-md-8 col-12">
		{$_modx->runSnippet('!pthumb', [
	    'input' => $_modx->resource.image,
	    'options' => 'w=800&h=600&zc=1&f=webp',
	    'toPlaceholder' => 'thumbwebp'
		])}
		{$_modx->runSnippet('!pthumb', [
	    'input' => $_modx->resource.image,
	    'options' => 'w=800&h=600&zc=1',
	    'toPlaceholder' => 'thumb'
		])}
	  <picture class="image">
	    <source  srcset="{$_modx->getPlaceholder('thumbwebp')}">
	    <img src="{$_modx->getPlaceholder('thumb')}" alt="{$_modx->resource.pagetitle}">
	  </picture>
	</div>
	<div class="col-md-4 col-12">
	{else}
	<div class="col-md-12 col-12">
	{/if}
  		<div class="status text-muted">
	    <span class="date"><i class="las la-calendar"></i> {$_modx->resource.publishedon | date_format : '%d.%m.%Y'}</span><span class="views"><i class="lar la-eye"></i> {'!HitsPage' | snippet : ['saveTv' => 'true']}</span>
	  </div>
	  {if $_modx->resource.introtext != ''}
	  <div class="introtext">
	    {$_modx->resource.introtext}
	  </div>
	  {/if}
	  <div class="social-shared">
        <p class="small">Поделиться:</p>
        <script src="https://yastatic.net/share2/share.js"></script>
        <div class="ya-share2" data-curtain data-shape="round" data-services="messenger,vkontakte,odnoklassniki,telegram,viber,whatsapp"></div>
</div>
  	</div>
  	<div class="col-md-12 col-12">
  		<div class="content">
			{$_modx->resource.content}
		</div>
		{if $_modx->resource.video != ''}
		<div class="video">
			<iframe width="100%" height="500" src="{$_modx->resource.video}" frameborder="0" allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
		</div>
		{/if}
  	</div>
  </div>
  {if $_modx->resource.gallery != ''}
  <div class="row gallery">
    {'!Gallery' | snippet : [
      'album' => $_modx->resource.gallery,
      'thumbTpl' => 'gallery_photo_item',
    ]}
  </div>
  {/if}
  {include 'file:chunks/news/other_news.tpl'}
</div>
{/block}