{% load static %}

<div class="title-profile-cont">
    Подписка
</div>
{% for subscribe in subscribe_for_user %}
    <div class="subscribe_inf">
        <div class="subscribe_inf_left_part">
            <div class="text-align-center">
                <div class="title_subscribe">Ваш тарифный план</div>
                <div class="name_subscribe">{{ subscribe.subscribe.name }}</div>
                <button class="extend_subscribe_btn">Продлить</button>
                <div class="subscribe_was_paid">Тариф оплачен до: {{ subscribe.paid_period_to_DT|date:"d.m.y" }}</div>
            </div>
            <div>
                <div class="width-100">
                    <div class="label_toggle_switch_cont">
                        <label for="id_paid_toggle">Автопродление тарифного плана</label>
                    </div>
                    <div class="toggle_switch_cont">
                        <input class="input_toggle_switch" id="id_paid_toggle" name="paid_toggle" type="checkbox">
                        <div class="input_toggle_switch_display"></div>
                        <div class="toggler_input_switch"></div>
                    </div>
                </div>
                <div class="width-100">
                    <div class="label_toggle_switch_cont">
                        <label for="id_email_toggle">Получать уведомление на почту о завершении подписки</label>
                    </div>
                    <div class="toggle_switch_cont">
                        <input class="input_toggle_switch" id="id_email_toggle" name="email_toggle" type="checkbox">
                        <div class="input_toggle_switch_display"></div>
                        <div class="toggler_input_switch"></div>
                    </div>
                </div>
            </div>
        </div>
        <div class="subscribe_inf_right_part">
            <div class="title_options">Опции тарифа</div>
            <ul class="option_list">
                {% for opt in subscribe.subscribe.options.all %}
                    <li class="items_subscribe select green" style="color: {{ subscribe.text_color }}"><text>{{ opt.name }}</text></li>
                {% endfor %}
                {% for opt_dis in subscribe.subscribe.disabled_options %}
                    <li class="items_subscribe unselect red"><text>{{ opt_dis.name }}</text></li>
                {% endfor %}

            </ul>
        </div>
        <div class="clear_both"></div>
    </div>
    <div class="inf_about_tarif_plan_text"><b>При понижении тарифного</b> плана оплаченный период действия текущей подписки не пересчитывается.</div>
    <div class="b_another_subscribes">
        {% for item in subscribes %}
            {% if item.id != subscribe.subscribe.id  %}

                <div class="another_subscribe">
                    <div class="name_subscribe_another padding-n-width-another-subscribes">{{ item.name }}</div>
                    <div class="text_another_subscribe padding-n-width-another-subscribes">
                        Стоимость:<span class="orange-text">{{ item.price }}</span>
                    </div>
                    <div class="text_another_subscribe padding-n-width-another-subscribes">
                        Период:<span class="orange-text">{{ item.period_name }}</span>
                    </div>
                <button class="read_more_about_subscribe" onclick="send_subscribe({{ item.id }})">Перейти</button>
                </div>

            {% endif %}

        {% endfor %}
    </div>
{% endfor %}