{% extends "base.html" %}

{% load cms_tags pytils_numeral humanize thumbnail %}

{% block page-title %}{{ fond.name }}{% endblock %}

{% block custom_breadcrumbs %}
    <li class="li-2"><a href="{% if request.is_secure %}https{% else %}http{% endif %}://{{ request.get_host }}{% url 'npfs-all' %}">НПФ</a>&nbsp;/&nbsp;</li>
{% endblock %}

{% block content-main %}

<style>
    .category-text div { margin: 10px 0; }
</style>

<div class="category-text">
    <div class="category-desc">
     {% thumbnail fond.logo "200x200" as img %}
            <img class="logo" src="{{ img.url }}" width="{{ img.width }}" height="{{ img.height }}" />
        {% endthumbnail %}
        <h1>{{ fond.name }}</h1>

       

        <p>{{ fond.description|safe|linebreaksbr }}</p>
    </div>

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

    <div class="row3">
        <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="3287028317"></ins>
        <script>
            (adsbygoogle = window.adsbygoogle || []).push({});
        </script>
    </div>

    <div class="clear"></div>
<div class="graph_otd_npf">
        <strong>Финансовое состояние {{ fond.short_name }}</strong>
        <div class="tabs">
            <ul class="tab-nav">
                <li><a class="selected" href="#graph_imusch_tab">Имущество</a></li>
                <li><a href="#graph_rezerv_tab">Резервы</a></li>
                <li><a href="#graph_nakopl_tab">Накопления</a></li>
                <li><a href="#graph_obyazat_tab">Обязательства</a></li>
            </ul>
            <div id="graph_imusch_tab">
                <div id="graph_imusch"></div>
                <div class="clear"></div>
                <p>Собственное имущество фонда (тыс. рублей)<br/>
                    Имущество для обеспечения уставной деятельности (тыс. рублей)
                </p>
            </div>
            <div id="graph_rezerv_tab"><div id="graph_rezerv"></div></div>
            <div id="graph_nakopl_tab"><div id="graph_nakopl"></div></div>
            <div id="graph_obyazat_tab"><div id="graph_obyazat"></div></div>
        </div>
    </div>
    <div class="info_otd_npf">
        <p>{{ fond.content|safe|linebreaksbr }}</p>
    </div>

    <div class="info_otd_npf">
        {% if fond.full_name %}
            <p>Полное наименование фонда:<br /> <span class="info_otd_num">{{ fond.full_name }}</span></p>
        {% endif %}

        {% if fond.short_name %}
            <p>Краткое наименование фонда:<br /> <span class="info_otd_num">{{ fond.short_name }}</span></p>
        {% endif %}

        <p>Лицензия (номер, дата выдачи):<br />
            <span class="info_otd_num">{{ fond.license }}, {{ fond.license_date|date:"d.m.Y" }}</span>
        </p>

        {% if fond.inn or fond.ogrn %}
            <p>ИНН, ОГРН:<br /> <span class="info_otd_num">{{ fond.inn }}, {{ fond.ogrn }}</span></p>
        {% endif %}

        {% if fond.addr %}
            <p>Адрес:<br /> <span class="info_otd_num">{{ fond.addr|linebreaksbr }}</span></p>
        {% endif %}

        {% if fond.tel or fond.tel2 or fond.tel3 %}
            <p>Телефон:<br />
                <span class="info_otd_num">{{ fond.tel }}</span><br />
                {% if fond.tel2 %}<span class="info_otd_num">{{ fond.tel2 }}</span><br />{% endif %}
                {% if fond.tel3 %}<span class="info_otd_num">{{ fond.tel3 }}</span><br />{% endif %}
            </p>
        {% endif %}

        {% if fond.url %}
            <p>Сайт:<br /> <a class="info_otd_num" href="{{ fond.url }}">{{ fond.url }}</a></p>
        {% endif %}

        <p>Деятельность по ОПС:<br />
            <span class="info_otd_num">{% if fond.ops %}Осуществляется{% else %}Не осуществляется{% endif %}</span>
        </p>
    </div>
   

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

    <div class="graph_otd_npf">
        Клиенты {{ fond.short_name }}
        <div class="tabs">
            <ul class="tab-nav">
                <li><a class="selected" href="#graph_zastrah_tab">Застрахованные лица</a></li>
                <li><a href="#graph_uchastniki_tab">Участники фонда</a></li>
            </ul>
            <div id="graph_zastrah_tab"><div id="graph_zastrah"></div></div>
            <div id="graph_uchastniki_tab"><div id="graph_uchastniki"></div></div>
        </div>
    </div>

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

   <div class="graph_otd_npf">
        Выплаты клиентам {{ fond.short_name }}
        <div class="tabs">
            <ul class="tab-nav">
                <li><a class="selected" href="#graph_vyplat_ops_tab">Выплаты по ОПС</a></li>
                <li><a href="#graph_vyplat_npo_tab">Выплаты по НПО</a></li>
            </ul>
            <div id="graph_vyplat_ops_tab"><div id="graph_vyplat_ops"></div></div>
            <div id="graph_vyplat_npo_tab"><div id="graph_vyplat_npo"></div></div>
        </div>
    </div>

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

    <div class="graph_otd_npf">
        Доходность {{ fond.short_name }}
        <div class="tabs">
            <ul class="tab-nav">
                <li><a class="selected" href="#graph_razmesch_tab">Размещение резервов</a></li>
                <li><a href="#graph_invest_tab">Инвестирование накоплений</a></li>
            </ul>
            <div id="graph_razmesch_tab"><div id="graph_razmesch"></div></div>
            <div id="graph_invest_tab"><div id="graph_invest"></div></div>
        </div>
    </div>

    <div class="clear"></div>
<div class="row3">
        <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="3287028317"></ins>
        <script>
            (adsbygoogle = window.adsbygoogle || []).push({});
        </script>
    </div>
    <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>  {# end div.category-text #}

{% endblock %}

{% block custom_js %}
    {% with fond.stats.all as fond_stats %}

    <script src="{{ STATIC_URL }}js/jqBarGraph.1.1.js"></script>

    <script type="text/javascript">
        $(function() {
            var colors = new Array('#3D0017','#437346');
            var bar_width = 60;

            var data_imusch = new Array(
                {% for stats in fond_stats %}
                    {% if stats.imusch != None and stats.ioud != None %}
                        [
                            [
                                {{ stats.imusch|stringformat:"f" }},  {# собственное имущество фонда #}
                                {{ stats.ioud|stringformat:"f" }}  {# иоуд, имущество для обеспечения уставной деятельности )#}
                            ],
                            '{{ stats.god }}<br /> {{ stats.kvartal }} кв.'
                        ]
                        {% if not forloop.last %},{% endif %}
                    {% endif %}
                {% endfor %}
            );

            var data_reserv = new Array(
                {% for stats in fond_stats %}
                    {% if stats.kapital != None and stats.pens_rezerv != None %}
                        [
                            [
                                {{ stats.kapital|stringformat:"f" }},  {# капитал и резервы #}
                                {{ stats.pens_rezerv|stringformat:"f" }}  {# пенс. резервы #}
                            ],
                            '{{ stats.god }}<br /> {{ stats.kvartal }} кв.'
                        ]
                        {% if not forloop.last %},{% endif %}
                    {% endif %}
                {% endfor %}
            );

            var data_nakopl = new Array(
                {% for stats in fond_stats %}
                    {% if stats.pens_nakopl != None and stats.pens_nakopl_rynok != None %}
                        [
                            [
                                {{ stats.pens_nakopl|stringformat:"f" }},  {# пенс. накопления (балансовая стоимость) #}
                                {{ stats.pens_nakopl_rynok|stringformat:"f" }}  {# пенс. накопления (рыночная стоимость) #}
                            ],
                            '{{ stats.god }}<br /> {{ stats.kvartal }} кв.'
                        ]
                        {% if not forloop.last %},{% endif %}
                    {% endif %}
                {% endfor %}
            );

            var data_obyazat = new Array(
                {% for stats in fond_stats %}
                    {% if stats.obyazat != None %}
                        [
                            {{ stats.obyazat|stringformat:"f" }},  {# краткосрочные и долгосрочные обязательства фонда #}
                            '{{ stats.god }}<br /> {{ stats.kvartal }} кв.'
                        ]
                        {% if not forloop.last %},{% endif %}
                    {% endif %}
                {% endfor %}
            );

            var data_zastrah = new Array(
                {% for stats in fond_stats %}
                    {% if stats.num_zastrah != None and stats.num_zastrah_pens != None %}
                        [
                            [
                                {{ stats.num_zastrah|stringformat:"d" }},  {# кол-во застрах. лиц #}
                                {{ stats.num_zastrah_pens|stringformat:"d" }}  {# кол-во застрах. лиц, получ. пенсию #}
                            ],
                            '{{ stats.god }}<br /> {{ stats.kvartal }} кв.'
                        ]
                        {% if not forloop.last %},{% endif %}
                    {% endif %}
                {% endfor %}
            );

            var data_uchastniki = new Array(
                {% for stats in fond_stats %}
                    {% if stats.num_chel != None and stats.num_chel_pens != None %}
                        [
                            [
                                {{ stats.num_chel|stringformat:"d" }},  {# кол-во участников #}
                                {{ stats.num_chel_pens|stringformat:"d" }}  {# кол-во участников, получ. пенсию #}
                            ],
                            '{{ stats.god }}<br /> {{ stats.kvartal }} кв.'
                        ]
                        {% if not forloop.last %},{% endif %}
                    {% endif %}
                {% endfor %}
            );

            var data_vyplat_ops = new Array(
                {% for stats in fond_stats %}
                    {% if stats.pens_ops != None %}
                        [
                            {{ stats.pens_ops|stringformat:"f" }},  {# выплаты пенсий по опс #}
                            '{{ stats.god }}<br /> {{ stats.kvartal }} кв.'
                        ]
                        {% if not forloop.last %},{% endif %}
                    {% endif %}
                {% endfor %}
            );

            var data_vyplat_npo = new Array(
                {% for stats in fond_stats %}
                    {% if stats.vyplat_npo != None %}
                        [
                            {{ stats.vyplat_npo|stringformat:"f" }},  {# выплаты пенсий по нпо #}
                            '{{ stats.god }}<br /> {{ stats.kvartal }} кв.'
                        ]
                        {% if not forloop.last %},{% endif %}
                    {% endif %}
                {% endfor %}
            );

            var data_razmesch = new Array(
                {% for stats in fond_stats %}
                    {% if stats.dohod_razmesch != None %}
                        [
                            {{ stats.dohod_razmesch|stringformat:"f" }},  {# доходность размещения средств пенсионных резервов с начала года #}
                            '{{ stats.god }}<br /> {{ stats.kvartal }} кв.'
                        ]
                        {% if not forloop.last %},{% endif %}
                    {% endif %}
                {% endfor %}
            );

            var data_invest = new Array(
                {% for stats in fond_stats %}
                    {% if stats.dohod_invest != None %}
                        [
                            {{ stats.dohod_invest|stringformat:"f" }},  {# доходность инвестирования средств пенсионных накоплений с начала года #}
                            '{{ stats.god }}<br /> {{ stats.kvartal }} кв.'
                        ]
                        {% if not forloop.last %},{% endif %}
                    {% endif %}
                {% endfor %}
            );

            $('#graph_imusch').jqbargraph({
                data: data_imusch,
                colors: colors,
                type: 'multi',
                width: 2 * bar_width * data_imusch.length,
                //postfix: ' тыс. руб.',
                // title: 'Имущество',
            });

            $('#graph_rezerv').jqbargraph({
                data: data_reserv,
                colors: colors,
                type: 'multi',
                width: 2 * bar_width * data_reserv.length,
                // postfix: ' тыс. руб.',
                // title: 'Резервы',
            });

            $('#graph_nakopl').jqbargraph({
                data: data_nakopl,
                colors: colors,
                type: 'multi',
                width: 2 * bar_width * data_nakopl.length,
                //postfix: ' тыс. руб.',
                // title: 'Накопления',
            });

            $('#graph_obyazat').jqbargraph({
                data: data_obyazat,
                colors: colors,
                //type: 'multi',
                width: bar_width * data_obyazat.length,
                //postfix: ' тыс. руб.',
                // title: 'Обязательства',
            });

            $('#graph_zastrah').jqbargraph({
                data: data_zastrah,
                colors: colors,
                type: 'multi',
                width: 2 * bar_width * data_zastrah.length,
                //postfix: ' чел.',
                // title: 'Застрахованные лица',
            });

            $('#graph_uchastniki').jqbargraph({
                data: data_uchastniki,
                colors: colors,
                type: 'multi',
                width: 2 * bar_width * data_uchastniki.length,
                //postfix: ' чел.',
                // title: 'Участники фонда',
            });

            $('#graph_vyplat_ops').jqbargraph({
                data: data_vyplat_ops,
                colors: colors,
                // type: 'multi',
                width: bar_width * data_vyplat_ops.length,
                //postfix: ' тыс. руб.',
                // title: 'Выплаты по ОПС',
            });

            $('#graph_vyplat_npo').jqbargraph({
                data: data_vyplat_npo,
                colors: colors,
                // type: 'multi',
                width: bar_width * data_vyplat_npo.length,
                //postfix: ' тыс. руб.',
                // title: 'Выплаты по НПО',
            });

            $('#graph_razmesch').jqbargraph({
                data: data_razmesch,
                colors: colors,
                // type: 'multi',
                width: bar_width * data_razmesch.length,
                // postfix: ' %',
                // title: 'Размещение резервов',
            });

            $('#graph_invest').jqbargraph({
                data: data_invest,
                colors: colors,
                // type: 'multi',
                width: bar_width * data_invest.length,
                // postfix: ' %',
                // title: 'Инвестирование накоплений',
            });
        });
    </script>

    {% endwith %}
{% endblock %}

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

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

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

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