{set layout="one_column"}

<div id="newsletter-unsubscribe" >

    <div class="title">
        <h1>{__ text="Newsletter"}</h1>
    </div>

        <div class="panel panel-default center-block">
            <div class="panel-heading">
                {__ text="Prośba o wypisanie z listy"}
            </div>
            <div class="panel-body">
                
            <form action="{$form.action}" method="post" >
                   
                <div class="form-group  {if $form.errors.email!=''}has-error{/if}">
                    {if $form.errors.email!=''}
                    <label for="newsletter_email" class="control-label">{$form.errors.email}</label>
                    {/if}
                    <input type="text" name="newsletter[email]" value="{$form.email}" id="newsletter_email" class="form-control"   maxlength="255" placeholder="{__ text='Adres e-mail'}" />
                </div>

                {if isset($captcha_on)}                    
            
                {if $captcha_mod == "recaptcha3"}
                    <input type="hidden" name="recaptcha_response" id="recaptchaResponse">
                    <div id="recaptcha-badge"></div>
                {/if}
            
                {if $captcha_mod == "standart" || $badscore==1}
                <div id="captcha_form">
                    <div class="form-group {if $form.errors.captcha!=''}has-error{/if}">
                     
                        <div style="margin-bottom: 2px;">
                            {$form.captcha}
                        </div>
                        
                        {if $form.errors.captcha!=''}
                            <label for="captcha_img" class="control-label">{$form.errors.captcha}</label>
                        {/if}
                        
                        <input type="text" name="newsletter[captcha]" id="captcha_img" class="form-control" maxlength="255" placeholder="{__ text='Cyfry z obrazka'}" />
                        
                    </div>                    
                    
                </div>
                {/if}
                {/if}
                
                <div class="form-group">
                    <button type="submit" class="btn btn-primary" >
                    {__ text="Wyślij"}
                    </button>                    
                </div>

    
            </form>
            </div>
        </div>
</div>

{if isset($captcha_on) && $captcha_mod == "recaptcha3" && $badscore!=1}
{literal}
<script src="https://www.google.com/recaptcha/api.js?render=explicit&onload=onRecaptchaLoadCallback"></script>
<script type="text/javascript">
                
    function onRecaptchaLoadCallback() {
        var clientId = grecaptcha.render('recaptcha-badge', {
            'sitekey': '{/literal}{$re_captcha_key}{literal}',
            'badge': '{/literal}{$re_captcha_badge_position}{literal}',
            'size': 'invisible'
        });

        grecaptcha.ready(function() {
            grecaptcha.execute(clientId, {
                    action: 'user_create_account'
                })
                .then(function(token) {
                     var recaptchaResponse = document.getElementById('recaptchaResponse');
                    recaptchaResponse.value = token;
                });
        });                
        
        $("#recaptcha-badge").css("z-index",100000);
        $("#recaptcha-badge").css("position","relative");
        $(".grecaptcha-badge").css("margin-bottom",{/literal}{$re_captcha_badge_margin}{literal});
        
    }

</script>
{/literal}
{/if}