<div class="lu-row">
    <div class="col-md-5">
        <h4 class="text-left">{$MGLANG->translate('virtualDataCenter')}</h4>
        <div class=" lu-m-t-2x">
            {foreach from=$customTplVars.bars item=bar}
                <div class="lu-progress lu-progress--h lu-progress--s lu-progress__label">
                    <div class="lu-progress__label">
                        {$bar.name} {*({$bar.used}/{$bar.max}{if $bar.unit} {$bar.unit}{/if})*}
                    </div>
                    <div class="lu-progress__bar progress-bar-danger">
                        <div class="lu-progress__fill" style="width: {$bar.value}%"></div>
                    </div>
                </div>
            {/foreach}
        </div>
    </div>

    <div class="lu-col-md-7">
        <div class="lu-row">
            {foreach from=$elements key=nameElement item=dataElement}
                <div id="{$dataElement->getId()}" class="{$dataElement->getClasses()} lu-col-md-6">
                    {$dataElement->getHtml()}
                </div>
            {/foreach}
        </div>
    </div>
</div>




