{% extends "base.html" %}

{% load cms_tags pytils_numeral humanize %}

{% block page-title %}Негосударственные пенсионные фонды{% endblock %}

{% block content-main %}

<div class="category-text">
    <div class="category-desc">
        <h1>Негосударственные пенсионные фонды</h1>
    </div>

<div class="tabs">
    {% comment %}<ul class="tab-nav">
        <li><a class="selected" href="#npfs_all">Фонды по алфавиту</a></li>
        <li><a href="#naspunkts">По населенным пунктам</a></li>
    </ul>{% endcomment %}

<div id="npfs_all">
    {% for first_char, fond_list in fonds.iteritems %}
        <div style="margin-bottom: 20px;">
            <h3>{{ first_char }}</h3>

            {% for fond in fond_list %}
                <div class="npfs-one">
                    <a href="{% if request.is_secure %}https{% else %}http{% endif %}://{{ request.get_host }}{% url 'npfs-fond' fond.slug %}">{{ fond.name }}</a>
                    <p>Лицензия № {{ fond.license }}</p>
                </div>
            {% endfor %}
        </div>

        <div class="clear"></div>

        {% if forloop.counter == 3 or forloop.counter == 6 %}
            <div class="row1">
                <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
                <ins class="adsbygoogle"
                    style="display:inline-block;width:728px;height:90px"
                    data-ad-client="ca-pub-1611834627309058"
                    data-ad-slot="7378172715"></ins>
                <script>
                    (adsbygoogle = window.adsbygoogle || []).push({});
                </script>
            </div>

            <div class="clear"></div>
        {% else %}
            {% if not forloop.last %}
                <div style="margin: 10px 0;">  {# Блок из 2 тизеров #}
                    {% with teaser=teasers.next %}
                        {% if teaser %}
                            {% include "teasers/one_teaser.html" %}
                        {% endif %}
                    {% endwith %}

                    {% with teaser=teasers.next %}
                        {% if teaser %}
                            {% include "teasers/one_teaser.html" %}
                        {% endif %}
                    {% endwith %}
                </div>

                <div class="clear"></div>
            {% endif %}
        {% endif %}
    {% endfor %}

    <div style="margin: 10px 0;" class="teasers4">  {# Блок из 4 тизеров после всех нас.пунктов #}
        {% with teaser=teasers.next %}
            {% if teaser %}
                {% include "teasers/one_teaser.html" %}
            {% endif %}
        {% endwith %}

        {% with teaser=teasers.next %}
            {% if teaser %}
                {% include "teasers/one_teaser.html" %}
            {% endif %}
        {% endwith %}

        <div class="clear"></div>

        {% with teaser=teasers.next %}
            {% if teaser %}
                {% include "teasers/one_teaser.html" %}
            {% endif %}
        {% endwith %}

        {% with teaser=teasers.next %}
            {% if teaser %}
                {% include "teasers/one_teaser.html" %}
            {% endif %}
        {% endwith %}

        <div class="clear"></div>
    </div>
</div>  {# end div#fonds_abc tab #}

</div>  {# end div.tabs #}

</div>  {# end div.category-text #}

{% endblock %}

{% block content-left %}
    <div class="content-left">
        {% placeholder "content-left" %}
    </div>
{% endblock %}

{% block colmask-wrapper-add-class %}leftmenu{% endblock %} {# ВАЖНЫЙ КЛАСС! #}

{% block colmid-div-start %}{% endblock %}

{% block colmid-div-end %}{% endblock %}

{% block col3-right %}{% endblock %}