MIGX в MIGX

migx.md

{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 $tariff = $item.tariff}
                {set $price_tariftv = 22 | resource: "$tariff"}
                {set $price_tarif = 'g'~$total_group~'_'~$tariff}
                {set $price_tarif = 22 | resource: "$price_tarif"}

                {if $item.border_color == 1}
                <style>.tariff__price-{$idx}::before{ border-color: #29ABE2;}</style>
                {elseif $item.border_color == 2}
                <style>.tariff__price-{$idx}::before{ border-color: #f04aa6;}</style>
                {elseif $item.border_color == 3}
                <style>.tariff__price-{$idx}::before{ border-color: #98569e;}</style>
                {/if}

                {* если тариф TV *}
                {if $item.tariff == 'tv_1' or $item.tariff == 'tv_2' or $item.tariff == 'tv_3'}
                <div class="list-title tariff__price tariff__price-{$idx}">{$price_tariftv} грн/міс.</div>
                {* если город в 6-й группе и мы на странице Інтернет *}
                {elseif $total_group == 6 and $_modx->resource.id == 9}
                <div class="list-title tariff__price tariff__price-{$idx}">{$price_tarif} грн/міс.</div>
                {* если город в 6-й группе и мы на странице Інтернет + TV выводим недоступный *}
                {elseif $total_group == 6 and $_modx->resource.id == 8}
                <div class="list-title tariff__price tariff__price-{$idx}">недоступний</div>
                {* для других *}
                {else}
                <div class="list-title tariff__price tariff__price-{$idx}">{$price_tarif} грн/міс.</div>
                {/if}

                <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>
                {if $item.btn_link_view == 1}
                <button class="btn-link open-tariff">Дізнатись більше</button>
                {else}
                <button class="btn-link open-tariff" style="display: none;">Дізнатись більше</button>
                {/if}
            </div>
            <div class="tariff-plan-item__footer text-center">
                <button class="btn-black open-order" data-tarif-title="{$item.title}" {if $total_group == 6 and $_modx->resource.id == 8}style="display:none;"{/if}>Підключити</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}