<div class="et-menu-item et-menu-custom-html col-auto{if $et_MenuCustomHtml.alignRight} et-menu-item-align-right{/if}{if $et_BaseWidget.cssClass !== ''} {$et_BaseWidget.cssClass}{/if}" id="et-menu-main-item-{$et_BaseWidget.id}" data-menu-size="{$et_MenuCustomHtml.size}" data-menu-navigate="{if isset($et_MenuCustomHtml.link) && $et_MenuCustomHtml.link.href !== ''}true{else}false{/if}" role="menuitem" aria-expanded="false" tabindex="0"{if !empty($et_MenuCustomHtml.image.src)} style="background-image: url('{if !empty($et_MenuCustomHtml.image.srcWebP)}{$et_MenuCustomHtml.image.srcWebP}{else}{$et_MenuCustomHtml.image.src}{/if}');"{/if}>
    {block name='et-menu-custom-html-main-link'}
        <a class="et-menu-item-link no-style"
                {if isset($et_MenuCustomHtml.link) && $et_MenuCustomHtml.link.href !== ''} href="{$et_MenuCustomHtml.link.href}"{/if}
                {if isset($et_MenuCustomHtml.link) && $et_MenuCustomHtml.link.title !== ''} title="{$et_MenuCustomHtml.link.title}"{/if}
                {if isset($et_MenuCustomHtml.link) && $et_MenuCustomHtml.link.external} target="_blank" rel="noreferrer noopener"{/if}>
            <div class="et-menu-item-title">
                {if !empty($et_MenuCustomHtml.icon)}<i class="{$et_MenuCustomHtml.icon}"></i>{/if}{include file="widgets/base/textfield.tpl" value=$et_MenuCustomHtml.label type="span"}
            </div>
        </a>
    {/block}
    {if $et_MenuCustomHtml.loadAsync && !$et_MenuCustomHtml.isAjax}
        {block name='et-menu-custom-html-main-content-loader'}
            <div class="et-menu-item-content et-menu-custom-html-main-content d-none" data-et-menu-async-load="{$et_BaseWidget.id}">
                <div class="et-menu-async-loader"><i class="et-icon-spin {et_getIcon key="loading"}"></i></div>
            </div>
        {/block}
    {else}
        {block name='et-menu-custom-html-main-content'}
            <div class="et-menu-item-content et-menu-custom-html-main-content d-none">
                <div class="row">
                    <div class="col-12">
                        {$et_MenuCustomHtml.content}
                    </div>
                </div>
            </div>
        {/block}
    {/if}
</div>