<div id="news_subscribe" class="contact-form contact-x">
    <script>
        (function($){
            $(function(){
                var subscribeUrl = '/subscribe/{{ id }}.html';
                var f = function(e){
                    e.preventDefault();
                    if($('#news_subscribe_form').validationEngine('validate')){
                        $('#news_subscribe_form').unbind('.frm').bind('submit.frm', function(){ return false; });
                        $.post(subscribeUrl, $('#news_subscribe_form').serialize() + '&subscribe[send]=1', function(d){
                            $('#news_subscribe_form, #news_fill_fields').css('display','none');
                            switch(d[0]+''+d[1]){
                                case '0':
                                default:
                                    $('#news_subscribe').remove('#subscribe_error_send').append('<div id="subscribe_error_send"><h3>{{ text.subscribe.error.title }}</h3><p>{{ text.subscribe.error.desc }}</p><p>{{ text.subscribe.error.p }}</p>{% if text.subscribe.error.back %}<a href="javascript:;" class="submit-btn" id="subscribe_back">{{ text.subscribe.error.back }}</a>{% endif %}</div>');
                                    $('#subscribe_back').one('click', function(){ $('#subscribe_error_send').remove(); $('#news_subscribe_form, #news_fill_fields').css('display','block'); $('#news_subscribe_form').unbind('.frm').bind('submit.frm', f); });
                                    break;
                                case '-1':
                                    $('#news_subscribe').append('<div id="subscribe_error_send"><h3>{{ text.subscribe.error_limit.title }}</h3><p>{{ text.subscribe.error_limit.desc }}</p><p>{{ text.subscribe.error_limit.p }}</p></div>');
                                    break;
                                case '10':
                                    $('#news_subscribe_form').remove();
                                    $('#news_subscribe').append('<div id="subscribe_success_error_send"><h3>{{ text.subscribe.error_sent.title }}</h3><p>{{ text.subscribe.error_sent.desc }}</p></div>');
                                    break;
                                case '11':
                                    $('#news_subscribe_form').remove();
                                    $('#news_subscribe').append('<div id="subscribe_success_send"><h3>{{ text.subscribe.success.title }}</h3><p>{{ text.subscribe.success.desc }}</p><p>{{ text.subscribe.success.p | raw }}</p></div>');
                                    break;
                                case '20':
                                    $('#captcha_question_sub').html(d.split(':')[1]);
                                    $('#news_subscribe').append('<div id="subscribe_error_captcha_send"><h3>{{ text.subscribe.error_captcha.title }}</h3><p>{{ text.subscribe.error_captcha.desc }}</p>{% if text.subscribe.error.back %}<a href="javascript:;" class="submit-btn" id="subscribe_back">{{ text.subscribe.error.back }}</a>{% endif %}</div>');
                                    $('#subscribe_back').one('click', function(){ $('#subscribe_error_captcha_send').remove(); $('#news_subscribe_form, #news_fill_fields').css('display','block'); $('#news_subscribe_form').unbind('.frm').bind('submit.frm', f); });
                                    break;
                                case '30':
                                    var fields = { 'name': '{{ text.subscribe.error_link.fields.name }}', 'phone': '{{ text.subscribe.error_link.fields.phone }}', 'obs': '{{ text.subscribe.error_link.fields.obs }}' };
                                    var fieldLabel = fields[d.replace('30:','')];
                                    $('#news_subscribe').append('<div id="subscribe_error_captcha_send"><h3>{{ text.subscribe.error_link.title }}</h3><p>{{ text.subscribe.error_link.desc }}</p><p>{{ text.subscribe.error_link.p }}'.replace('%s', fieldLabel)+'</p>{% if text.subscribe.error.back %}<a href="javascript:;" class="submit-btn" id="subscribe_back">{{ text.subscribe.error.back }}</a>{% endif %}</div>');
                                    $('#subscribe_back').one('click', function(){ $('#subscribe_error_captcha_send').remove(); $('#news_subscribe_form, #news_fill_fields').css('display','block'); $('#news_subscribe_form').unbind('.frm').bind('submit.frm', f); });
                                    break;
                            }
                        }).error(function(){
                            $('#news_subscribe_form, #news_fill_fields').css('display','none');
                            $('#news_subscribe').remove('#subscribe_error_send').append('<div id="subscribe_error_send"><h3>{{ text.subscribe.error.title }}</h3><p>{{ text.subscribe.error.desc }}</p></div>');
                        });
                    }
                };
                $('#news_subscribe_form').bind('submit.frm', f).validationEngine({scroll:false});
                {{ template.js | raw }}
            });
        })(jQuery);
    </script>

    {% block form_content %}
        <h2>{{ text.subscribe.title }}</h2>
        <span id="news_fill_fields">{{ text.subscribe.fields }}</span>
        <form id="news_subscribe_form" action="#" method="post">
            <input type="hidden" name="subscribe[id]" value="{{ id }}">

            {{ template.html | raw }}

            {% if captcha_show %}
                <label for="captcha">{{ text.contact.captcha }}: <span id="captcha_question_sub">{{ captcha_question }}</span> *</label>
                <input type="text" id="captcha" name="subscribe[captcha]">
            {% endif %}

            {% if data_ext_enabled %}
                <label style="display:block">
                    <input type="checkbox" id="ext_data_subscribe_consent" name="ext_data[consentment]" value="1">
                    {{ text.misc.ext.data.consentment | raw }} *
                </label>
            {% endif %}

            <input type="submit" id="subscribe_send" name="subscribe[send]" value="{{ text.contact.send }}" class="submit-btn">
            <span id="news_subscribe_ob_fields">* {{ text.subscribe.ob_fields }}</span>
        </form>
    {% endblock %}
</div>