{% load static %}
{% load i18n %}
{% load template_filters %}
{% if not request.COOKIES.subscribe_popup %}
   {% if not user.contact_set.exists %}
        <div id="pw-subscribe-popup" class="popup-window subscribe-modal">
                <header class="clearfix">
                    <div class="step1">
                        <div class="pw-title ">{% trans 'Анонсы' %} <span class="type-of-event">{% trans 'событий' %}</span> {% trans 'на ваш email' %}</div>
                        {% if themes %}

                            <p  class="sub-header">{% trans 'по тематике' %} {% for th in themes %}<a href="#">&laquo;{{ th|get_theme_name }}&raquo;</a>{% if not forloop.last %}, {% endif %}{% endfor %}</p>

                        {% endif %}

                    </div>
                </header>
                <div class="pw-body clearfix">
                    <div class="step1" >
                        <div class="label">
                            <p>{% blocktrans with count=SUBSCRIBERS_COUNT %}Более <b>{{ count }} профессионалов</b> получают наши анонсы событий каждую среду. Присоединяйтесь!{% endblocktrans %}</p>
                        </div>

                        <form action="{% if not themes %}/newsletters/{% else %}/newsletters/popup/validate/{% endif %}" id="subscribe-form" class="pw-form{% if themes %} simple-validate{% endif %}">
                            <div style="display: none">
                                {% for theme in themes %}
                                    <input checked="checked"  name="theme" type="checkbox"  value="{{ theme }}"/>
                                {% endfor %}
                            </div>

                            <div class="pwf-line">
                                <div class="pwf-field">
                                    <input type="text" placeholder="Ваше имя" name="first_name" id="id_first_name">
                                </div>
                            </div>
                            <div class="pwf-line">
                                <div class="pwf-field">
                                    <input type="text" placeholder="Email" name="email" id="id_email">
                                </div>
                            </div>

                            <div style="width: 340px; display: table;">
                                <a href="{% url 'termsofuse' %}" style="color:#a2a2a2; font-size: 12px; float:right;">{% trans "Пользовательское соглашение" %}</a>
                            </div>

                            <div class="pwf-buttons-line" style="margin-top: 10px;">
                                <button type="submit" class="submit">{% trans 'Хочу быть в курсе' %}</button>
                                <img src="/static/client/img/arrow.png" alt="" class="submit-arrow"/>
                            </div>
                        </form>
                    </div>

                </div>

        </div>
        <script>
            function setCookie(name,value,days) {
                if (days) {
                    var date = new Date();
                    date.setTime(date.getTime()+(days*24*60*60*1000));
                    var expires = "; expires="+date.toGMTString();
                }
                else var expires = "";
                document.cookie = name+"="+value+expires+"; path=/";
            }
            $(function() {


            window.reg_opened = window.reg_opened || false;

            function open_func() {
                if (window.reg_opened || window.is_popup_banner) {
                    if (!window.is_popup_banner) {
                        setTimeout(open_func, 1000);
                    }
                    return;
                }
                setCookie('subscribe_popup', '1', 30);
                $.ajax({
                    url:'/newsletters/tracking/newsletter/count-popup/',
                    data: $("#subscribe-form").serialize(),
                    async: true,
                    dataType: 'text',
                    method: "GET"
                }).done(function(){});

                $.fancybox.open(
                    [{href: '#pw-subscribe-popup'}],
                     {}
                );
            }

            if (!window.marker_bannersjsRequestDone) {
                document.addEventListener("bannersjsRequestDone", function() {
                    setTimeout(open_func, 1000);
                });
            }
        });

        </script>
    {% else %}
        <script>
            function setCookie(name,value,days) {
                if (days) {
                    var date = new Date();
                    date.setTime(date.getTime()+(days*24*60*60*1000));
                    var expires = "; expires="+date.toGMTString();
                }
                else var expires = "";
                document.cookie = name+"="+value+expires+"; path=/";
            }
            $(function() {
            setCookie('subscribe_popup', '1', 30);
            });
        </script>
    {% endif %}
{% endif %}