Fenom migx

migx.md

<div class="tariff-plan tariff-plan-slider-3">
    {set $items = $_modx->resource.tariff_list_service | fromJSON}
    {foreach $items as $idx => $item}
        <div class="tariff-plan-item">
            <div class="tariff-plan-item__c {if $item.black_color == 1}color-black{/if}" style="background-color: {$item.hex_color};">
                <div class="tariff-plan-item__body">
                    <div class="tariff-plan-item__img">
                        <img src="{$item.image}">
                    </div>

                    {if $.cookie.DataCityType}
                        {set $total_group = $.cookie.DataCityType}
                    {else}
                        {set $total_group = 'cf.group' | placeholder}
                    {/if}
                    {* {set $group_type = $.cookie.DataCityType}
                    {set $group = 'cf.group' | placeholder}
                    {set $total_group = $group_type ? $group_type : $group} *}
                    {if $item.tariff == 'tv_1' or $item.tariff == 'tv_2' or $item.tariff == 'tv_3'}
                    {set $price_tarif = 22 | resource: "{$item.tariff}"}
                    {else}
                    {set $tariff = $item.tariff}
                    {set $price_tarif = 'g'~$total_group~'_'~$tariff}
                    {set $price_tarif = 22 | resource: "$price_tarif"}
                    {/if}
                    <div class="list-title">{$price_tarif} грн/міс</div>
                    <div class="tariff-plan-item__title" style="text-transform: uppercase;">{$item.title}</div>
                    <div class="tariff-plan-item__list">
                        <div class="list-title">{$item.short_descr}</div>
                    </div>

                    <ul class="list checked">
                        {set $dop_info = $item.dop_info | fromJSON}
                        {foreach $dop_info as $dop}
                        <li>{$dop.title}
                            {if $dop.dop_list}
                                <ul class="list">
                                    {foreach $dop.dop_list | fromJSON as $item_2}
                                        <li>{$item_2.title}</li>
                                    {/foreach}
                                </ul>
                            {/if}
                        </li>
                        {/foreach}
                    </ul>

                    <button class="btn-link open-tariff">Дізнатись більше</button>
                </div>
                <div class="tariff-plan-item__footer text-center">
                    <button class="btn-black open-order" data-tarif-title="{$item.title}">Підключити</button>
                </div>
            </div>

            <div class="hide" id="hide_{$idx}">
                <div class="popup-tariff-c">
                    <ul class="list checked popup-tariff-list">
                        {set $rows = $item.checked_list | fromJSON}
                        {foreach $rows as $row}
                            <li>{$row.title}</li>
                        {/foreach}
                    </ul>
                </div>
                {if $item.packages}
                <div class="channels-wrap">
                    <div class="channels-tabs">
                        <div class="channels-tabs-overflow">
                            <ul class="channels-tabs-nav">
                                {set $packages = $item.packages | fromJSON}
                                {foreach $packages as $idx => $package}
                                <li class="channels-tabs-nav-item {if $idx == 0}active{/if}">
                                    <span>{$package.title}</span>
                                </li>
                                {/foreach}
                            </ul>
                        </div>
                        <div class="channels-tabs-content-all">
                            {foreach $packages as $idx => $package}
                            <div class="channels-tabs-content {if $idx == 0}active{/if}">
                                <div class="channels-logo">
                                    {set $logos = $package.logos | fromJSON}
                                    {foreach $logos as $logo}
                                    <div class="channels-logo-item">
                                        <img src="{$logo.image}">
                                    </div>
                                    {/foreach}
                                </div>
                            </div>
                            {/foreach}
                        </div>
                    </div>
                </div>
                {/if}
            </div>

        </div>
    {/foreach}

</div>