{$class_id = 'wa-login-form'}
{$wrapper_id = uniqid($class_id)}
{$classes = [ $class_id ]}
{$classes = join(' ', $classes)}


{if $include_js}
    <script type="text/javascript" src="{$wa_url}wa-content/js/login/abstractForm.js?v={$wa->version()}"></script>
    <script type="text/javascript" src="{$wa_url}wa-content/js/login/abstractLoginForm.js?v={$wa->version()}"></script>
    <script type="text/javascript" src="{$wa_url}wa-content/js/login/frontendLogin.js?v={$wa->version()}"></script>
{/if}
{if $include_css}
    <link href="{$wa_url}wa-content/css/login/frontendLogin.css?v={$wa->version()}" rel="stylesheet" type="text/css"/>
{/if}

<div class="{$classes}" id="{$wrapper_id}">
    {if $include_title}
        {$renderer->renderTitle()}
    {/if}
    {$html}
</div>

{if $include_js}
    <script>
        (function($) {
            new WaFrontendLogin({
                $wrapper: $("#{$wrapper_id}"),
                namespace: {$namespace|json_encode},
                auth_type: {$auth_config.auth_type|json_encode},
                errors: {$errors|json_encode},
                messages: {$messages|json_encode},
                onetime_password_url: {$onetime_password_url|json_encode},
                locale: {
                    required: '[s`Field is required`]',
                    login_required: '[s`Login is required`]',
                    password_required: '[s`Password is required`]',
                    captcha_required: '[s`Captcha is required`]'
                }
            });
        })(jQuery);
    </script>
{/if}