<div class="lu-row">
    <h4>
        <span>{$MGLANG->absoluteT('serverCA' , 'createVM' ,'createNewVm')}</span>
    </h4>
    <div class="lu-widget">
        <div class="lu-widget__header">
            <div class="lu-widget__top lu-top">
                <div class="lu-top__title">
                    <span>{$MGLANG->absoluteT('serverCA' , 'createVM' ,'availableResources')}</span>
                </div>
            </div>
        </div>
        <div class="lu-widget__body">
            <div class="lu-widget__content">
                {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>
</div>