{extends 'template:Base_big_header'}

{block 'header'}
{if $.get.type}
    {set $typeid = $.get.type|idByAlias}
{else}
    {set $typeid = null}
{/if}
<div class="page-top">
    <div class="page-top-container">
        {include 'header'}
        {if $typeid}
            {include 'hero_dynamic' id=$typeid}
        {else}
            {include 'hero' heroId='tarifContent-hero'}
        {/if}
    </div>
</div>
{/block}
    
{block 'introtext'}
    <div class="ajax-content" id="tarifContent-subhero">
    {if $typeid}
        {include 'introtext.inner' id=$typeid}
    {else}
        {if $_modx->resource.introtext}
            <div class="section-header section-header-services flex aic jcsb">
                <h2 class="section-title">{$_modx->resource.pagetitle}</h2>
                <div class="section-subtitle">{$_modx->resource.introtext}</div>
            </div>
        {else}
            <h2 class="section-title text-left">{$_modx->resource.pagetitle}</h2>
        {/if}   
    {/if}
    </div>
{/block}
            
{block 'content'}


            <div class="service-options-mob flex aic jcsb">
                {$_modx->runSnippet('!pdoResources', [
                    'depth'=>0,
                    'showUnpublished'=>1,
                    'showHidden'=>0,
                    'sortby'=>'menuindex',
                    'sortdir'=>'asc',
                    'select'=>'id,pagetitle,introtext,description,template,parent',
                    'includeTVs'=>'price',
                    'tvPrefix'=>'',
                    'limit'=>1,
                    'tpl'=>'hosting.mob-tab.tpl',
                ])}
            </div>
            
            
            <div class="service-options flex">
                {$_modx->runSnippet('!pdoResources', [
                    'depth'=>0,
                    'showUnpublished'=>1,
                    'showHidden'=>0,
                    'sortby'=>'menuindex',
                    'sortdir'=>'asc',
                    'select'=>'id,pagetitle,introtext,description,link_attributes,parent,alias',
                    'includeTVs'=>'price,img,badges',
                    'tvPrefix'=>'',
                    'tpl'=>'hosting.tab.tpl',
                ])}
            </div>
            {if $typeid}
                <script>
                    window.addEventListener("load", function(event) {
                        getTarif({$typeid}, {
                                main: 'tarifContent{$_modx->resource.id}'
                            }, "{'pdoField'|snippet:['id'=>$typeid, 'field'=>'link_attributes']}")
                    })
                </script>
            {/if}
            <div class="service-option-content active ajax-content" data-soc="0" id="tarifContent{$_modx->resource.id}">
                {$_modx->runSnippet('!pdoResources', [
                    'depth'=>0,
                    'limit'=>1,
                    'showUnpublished'=>1,
                    'tpl'=>'tarifTpl',
                ])}
            </div>

    
    {if $_modx->resource.bonuslist}
    <section class="mb60 mt40">
        
            {if $_modx->resource.bonuslist_title}<h2 class="h2">{$_modx->resource.bonuslist_title}</h2>{/if}
            <ul class="bonus-list flex">
                {set $bonuslist = json_decode($_modx->resource.bonuslist, true)}
                {foreach $bonuslist as $v}
                    <li class="rad-m bg-white flex aic jcfs">
                        <div class="img-wrap"><img src="assets/images/{$v.img}" alt="icon"></div><span>{$v.text}</span>
                    </li>
                {/foreach}
            </ul>
    </section>
    {/if}
    
    {include 'serviceFeatures'}
    
    {include 'paritals.faq'}
    
    {$_modx->resource.content}
{/block}