<div class="et-menu-item et-menu-dropdown col-12{if $et_MenuDropdown.alignRight} et-menu-item-align-right{/if}{if $et_BaseWidget.cssClass !== ''} {$et_BaseWidget.cssClass}{/if}" id="et-menu-mobile-item-{$et_BaseWidget.id}" data-menu-size="{$et_MenuDropdown.size}" data-menu-navigate="{if isset($et_MenuDropdown.link) && $et_MenuDropdown.link.href !== ''}true{else}false{/if}" aria-expanded="false" role="button" tabindex="0">
    {block name="et-menu-dropdown-mobile-link"}
        <a class="et-menu-item-link no-style"
            {if isset($et_MenuDropdown.link) && $et_MenuDropdown.link.href !== ''} href="{$et_MenuDropdown.link.href}"{/if}
            {if isset($et_MenuDropdown.link) && $et_MenuDropdown.link.title !== ''} title="{$et_MenuDropdown.link.title}"{/if}
            {if isset($et_MenuDropdown.link) && $et_MenuDropdown.link.external} target="_blank" rel="noreferrer noopener"{/if}
            {if !empty($et_MenuDropdown.image.src)} style="background-image: url('{if !empty($et_MenuDropdown.image.srcWebP)}{$et_MenuDropdown.image.srcWebP}{else}{$et_MenuDropdown.image.src}{/if}');"{/if}>
            <div class="et-menu-item-title">
                {if !empty($et_MenuDropdown.icon)}<i class="{$et_MenuDropdown.icon}"></i>{/if}{include file="widgets/base/textfield.tpl" value=$et_MenuDropdown.label type="span"}
            </div>
        </a>
    {/block}
    {if $et_MenuDropdown.loadAsync && !$et_MenuDropdown.isAjax}
        {block name='et-menu-dropdown-mobile-content-loader'}
            <div class="et-menu-item-content et-menu-dropdown-mobile-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-dropdown-mobile-content'}
            <div class="et-menu-item-content et-menu-dropdown-mobile-content d-none">
                {if isset($et_MenuDropdown.link) && $et_MenuDropdown.link.href !== '' && !empty($et_MenuDropdown.label.value)}
                    <div class="row">
                        <div class="col-12">
                            <div class="et-menu-item-content-show-all">
                                <a href="{$et_MenuDropdown.link.href}"{if isset($et_MenuDropdown.link) && $et_MenuDropdown.link.title !== ''} title="{$et_MenuDropdown.link.title}"{/if}{if isset($et_MenuDropdown.link) && $et_MenuDropdown.link.external} target="_blank" rel="noreferrer noopener"{/if}>{lang key='menuShow' printf=$et_MenuDropdown.label.value}</a>
                            </div>
                        </div>
                    </div>
                {/if}
                <div class="row">
                    <div class="col">
                        {foreach from=$et_MenuDropdown.items item='dropdownItem'}
                            <div class="et-menu-dropdown-item">
                                <a class="link-discreet"
                                    {if isset($dropdownItem.link) && $dropdownItem.link.href !== ''} href="{$dropdownItem.link.href}"{/if}
                                    {if isset($dropdownItem.link) && $dropdownItem.link.title !== ''} title="{$dropdownItem.link.title}"{/if}
                                    {if isset($dropdownItem.link) && $dropdownItem.link.external} target="_blank" rel="noreferrer noopener"{/if}>
                                    {include file="widgets/base/textfield.tpl" value=$dropdownItem.text type="span" prepend="{if !empty($dropdownItem.icon)}<i class=\"{$dropdownItem.icon}\"></i>{/if}"}
                                </a>
                            </div>
                        {/foreach}
                    </div>
                </div>
            </div>
        {/block}
    {/if}
</div>