<div class="panel panel--collapse">
    <div class="collapse-toggle">
        <h6 class="top__title">
            {$lang.settings.section.order_process.enable_pw_strength.title}
            {if isset($tooltips.settings.order_process.enable_pw_strength.title)}
                {if isset($tooltips.settings.order_process.enable_pw_strength.url) && $tooltips.settings.order_process.enable_pw_strength.url != ""}
                    {assign var="popoverFooter" value="<a class='btn btn--secondary btn--xs' href='{$tooltips.settings.order_process.enable_pw_strength.url}' target='_blank'>Learn More</a>"}
                {else}
                    {assign var="popoverFooter" value=false}
                {/if}
                {include 
                    file="adminarea/includes/helpers/popover.tpl" 
                    popoverClasses="notification__popover"
                    popoverBody="{$tooltips.settings.order_process.enable_pw_strength.title}"
                    popoverFooter="{$popoverFooter}"
                }
            {/if}
        </h6>
        <label>
            <div class="switch" data-toggle="lu-collapse" data-target="#pw-strength-config" aria-expanded="true">
                <input type="hidden" name="settings[enable_pw_strength]" value="hidden"/>
                <input class="switch__checkbox"
                        name="settings[enable_pw_strength]" value="enabled"
                        type="checkbox" {if isset($settings['enable_pw_strength']) && $settings['enable_pw_strength'] == "enabled"} checked="checked" {/if}>
                <span class="switch__container">
                    <span class="switch__handle"></span>
                </span>
            </div>
        </label>
    </div> 
    <div class="collapse {if isset($settings['enable_pw_strength']) && $settings['enable_pw_strength'] == "enabled"} show {/if}" id="pw-strength-config">
        <div class="form-group m-b-0x p-3x">
             <div class="d-flex">
                <span class="form-label text-default form-text m-b-0x m-r-6x">
                    {$lang.settings.section.order_process.enable_pw_strength.custom_special_chars}
                    {if isset($tooltips.settings.order_process.enable_pw_strength.custom_special_chars.title)}
                         {include 
                            file="adminarea/includes/helpers/popover.tpl" 
                            popoverClasses="notification__popover"
                            popoverBody="{$tooltips.settings.order_process.enable_pw_strength.custom_special_chars.title}"
                            popoverFooter=false
                        }
                    {/if}
                </span>
                <label>
                    <div class="switch switch--primary" data-toggle="lu-collapse" data-target="#pw-special-chars-config" aria-expanded="true">
                        <input type="hidden" name="settings[enable_pw_custom_special_chars]" value="0">
                        <input class="switch__checkbox" name="settings[enable_pw_custom_special_chars]" value="1" type="checkbox" {if isset($settings['enable_pw_custom_special_chars']) && $settings['enable_pw_custom_special_chars'] == "1"} checked="checked" {/if}>
                        <span class="switch__container"><span class="switch__handle"></span></span>
                    </div>
                </label>
            </div>
            <div class="collapse {if isset($settings['enable_pw_custom_special_chars']) && $settings['enable_pw_custom_special_chars'] == "1"} show {/if} m-t-2x" id="pw-special-chars-config" style="border: 0!important">
                <div class="form-group m-b-0x p-0x">
                    <label class="form-text">
                        {$lang.settings.section.order_process.enable_pw_strength.special_chars_list}
                        {if isset($tooltips.settings.order_process.enable_pw_strength.special_chars_list.title)}
                             {include 
                                file="adminarea/includes/helpers/popover.tpl" 
                                popoverClasses="notification__popover"
                                popoverBody="{$tooltips.settings.order_process.enable_pw_strength.special_chars_list.title}"
                                popoverFooter=false
                            }
                        {/if}
                    </label>
                    <input class="form-control" name="settings[pw_special_chars_list]" type="text" value="{if isset($settings['pw_special_chars_list'])}{$settings['pw_special_chars_list']}{else}!#$%()*+,-.:;=@_|{ldelim}{rdelim}~{/if}">
                </div>
            </div>
        </div>
    </div>
</div>