{*Tiles*}
{if !$customTplVars.buttonSyle || $customTplVars.buttonSyle=='tiles'}
<div class="lu-tiles lSu-row lu-row--eq-height">
    <hr class="lu-m-v-2x"/>
    {foreach from=$rawObject->getButtons() key=buttonId item=dataElement}
    <div class="lu-col-sm-20p {if $buttonId == 'deleteVmButton'} lu-pull-right{/if}" style="justify-content: center;" data-button-id="{$buttonId}">
        <a class="lu-tile lu-tile--btn" {foreach $dataElement->getHtmlAttributes() as $aValue} {$aValue@key}="{$aValue}" {/foreach}
        data-title="{$MGLANG->absoluteT('buttons','actions', $dataElement->getTitle())}">
        <div class="lu-i-c-6x">
            <img src="{$dataElement->getImageUrl()}"
                 alt="{$MGLANG->absoluteT('serverCA' , 'iconTitle' ,$dataElement->getTitle())}"/>
        </div>
        <span class="lu-tile__title">{$MGLANG->absoluteT('serverCA' , 'iconTitle' ,$dataElement->getTitle())}</span>
        </a>
    </div>
    {/foreach}
    <hr class="lu-m-t-0x lu-m-b-3x"/>
</div>
{*Custom Button*}
{elseif $customTplVars.buttonSyle=='buttons'}
    <div class="lu-widget vm-actions">
        <div class="lu-widget__body">
            <div class="lu-widget__content">
                {foreach from=$rawObject->getButtons() key=buttonId item=dataElement}
                    <a class="lu-btn lu-btn--xs lu-justify-content-between lu-m-b-1x lu-m-t-0x lu-m-l-0x lu-m-r-1x  lu-btn--primary {$dataElement->getClasses()}" {foreach $dataElement->getHtmlAttributes() as $aValue} {$aValue@key}="{$aValue}" {/foreach}
                    data-title="{$MGLANG->absoluteT('buttons','actions', $dataElement->getTitle())}">
                    <i class="btn__icon {$dataElement->getIcon()}"></i>
                    <span class="lu-btn__text">{$MGLANG->absoluteT('serverCA' , 'iconTitle' ,$dataElement->getTitle())}</span>
                    </a>
                {/foreach}
            </div>
        </div>
    </div>
{/if}