
<div class="lu-widget">
    <div class="lu-widget__header">
        {if $rawObject->isRawTitle() || $rawObject->getTitle()}
            <div class="lu-widget__top lu-top">
                <div class="lu-top__title">
                    {if $rawObject->getIcon()}<i class="{$rawObject->getIcon()}"></i>{/if}
                    {if $rawObject->isRawTitle()}{$rawObject->getRawTitle()}{elseif $rawObject->getTitle()}{$MGLANG->T($rawObject->getTitle())}{/if}
                </div>
            </div>
        {/if}
        <div class="lu-widget__nav swiper-container swiper-container-horizontal swiper-container-false" data-content-slider="" style="visibility: visible;">
            {assign var="firstArrKey" value=$rawObject->getElements()|array_keys}
            {if $elements}
                <ul class="swiper-wrapper lu-nav lu-nav--md lu-nav--h lu-nav--tabs lu-nav--arrow">
                    {foreach from=$rawObject->getElements() key=tplKey item=tplValue}
                        <li {if $tplKey  === $firstArrKey[0]} class="lu-nav__item swiper-slide is-active" {else} class="lu-nav__item swiper-slide" {/if}>
                            <a class="lu-nav__link"  data-toggle="lu-tab" href="#contTab{$tplValue->getId()}">
                                <span class="lu-nav__link-text">{if $tplValue->isRawTitle()}{$tplValue->getRawTitle()}{elseif $tplValue->getTitle()}{$MGLANG->T($tplValue->getTitle())}{/if}</span>
                            </a>
                        </li>
                    {/foreach}
                </ul>
            {/if}
        </div>
    </div>
    <div class="lu-widget__body">
        <div class="lu-tab-content">
            {foreach from=$rawObject->getElements() key=tplKey item=tplValue}
                <div id="contTab{$tplValue->getId()}" class="lu-tab-pane {if $tplKey === $firstArrKey[0]} is-active {/if}">
                    {$tplValue->getHtml()}
                </div>
            {/foreach}
        </div>
    </div>
</div>
