{extends 'file:templates/index.tpl'}
{block 'content'}
<script>
        (function(w,d,u){
                var s=d.createElement('script');s.async=true;s.src=u+'?'+(Date.now()/60000|0);
                var h=d.getElementsByTagName('script')[0];h.parentNode.insertBefore(s,h);
        })(window,document,'https://cdn-ru.bitrix24.ru/b16951228/crm/site_button/loader_2_vlmf32.js');
</script>
    {'!filter' | snippet : [
	  'limit' => $_modx->resource["site.limit"],
	  'templates' => 16,
	  'sort' => 'resource|parent:asc,menuindex:asc',
	  'values_delimeter' => ';',
	  'tpl' => '@FILE chunks/tpl_object.tpl',
	  'tplOuter' => '@FILE chunks/tpl_mfilter_main_outer.tpl',
	]}
	<section class="services block_padding">
    	<div class="cont">
    		<div class="block_head white">
    			<div class="title">{1 | resource: "main.services.title"}</div>
    			<div class="desc">{1 | resource: "main.services.desc"}</div>
    			<div class="title2">{1 | resource: "main.services.title2"}</div>
    		</div>
    		<div class="grid">
    		    {set $rows = json_decode(1 | resource: "main.services", true)}
                {foreach $rows as $key => $row}
                    <a href='{$row["link"]}' class="item">
                    	<div class="icon">
                    		<img src='assets/images/content/{$row["img"]}' alt='{$row["alt"] | striptags | htmlent}'>
                    	</div>
                    	<div class="info">
                    		<div class="name">{$row["title"]}</div>
                    		<div class="desc">{$row["desc"]}</div>
                    	</div>
                    </a>
                {/foreach}
    		</div>
    	</div>
    </section>
    <section class="about_block block_padding">
    	<div class="cont">
    		<div class="block_head">
    			<div class="title">{1 | resource: "main.about.title"}</div>
    			<div class="desc">{1 | resource: "main.about.desc"}</div>
    			<div class="title2">{1 | resource: "main.about.title2"}</div>
    		</div>
    		<div class="grid">
    			<div class="data">
    				<div class="text_block">
    				   {1 | resource: "main.about.text"}
    				</div>
    				<div class="stats">
    				    {set $rows = json_decode(1 | resource: "site.about.stats", true)}
                        {foreach $rows as $key => $row}
                            <div class="item">
                            	<div class="val">{$row['val']}</div>
                            	<div class="info">
                            		<div class="name">{$row['title']}</div>
                            		<div class="desc">{$row['desc']}</div>
                            	</div>
                            </div>
                        {/foreach}
    				</div>
    			</div>
    			{if 1 | resource: "site.about.video"}
    				<a href="https://www.youtube.com/watch?v={1 | resource: 'site.about.video'}" class="video_link" data-fancybox>
    				    {set $image = $_modx->runSnippet("@FILE snippets/thumb_youtube.php", [
                			"video" => 1 | resource: "site.about.video",
                			"default" => $img | phpthumbon: 'w=327&h=427&zc=1'
                		])}
    					<img src="{$image}" alt="">
    				</a>
    			{/if}
    		</div>
    	</div>
    </section>
    <section class="articles block_padding">
    	<div class="cont">
    		<div class="block_head">
    		    <div class="title">{1 | resource: "main.articles.title"}</div>
    			<div class="desc">{1 | resource: "main.articles.desc"}</div>
    			<div class="title2">{1 | resource: "main.articles.title2"}</div>
    		</div>
    		<div class="grid">
    		    {$_modx->runSnippet("pdoResources",[
    		        "parents" => 1 | resource: "main.articles"? : '7,12',
    		        "limit" => 1 | resource: "main.articles.limit",
    		        "tpl" => "@FILE chunks/tpl_articles.tpl",
    		        "includeTVs" => "site_preview",
    		        "processTVs" => 1
    		    ])}
    		</div>
    	</div>
    </section>
{/block}