{% extends 'profile/profile-base.twig' %}

{% block profile_content %}
<div class="cabinet__orders cabinet__orders--no-cab cabinet-content active hide">
    {% for subscription in subscriptions %}
        <div class="cabinet-card cabinet-card--grey">
            <div class="cabinet-card__content">
                <div class="cabinet-card__order">
                    <div class="cabinet-card-order__header">
                        <div class="cabinet-card-order__main">
                            <p class="cabinet-card-order-main__date">
                                {% if subscription.view_url %}
                                    <a href="{{ subscription.view_url }}">{{ fn('pll_e', 'Подписка от') }} {{ subscription.date_created | date('d.m.Y') }}</a>
                                {% else %}
                                    {{ fn('pll_e', 'Подписка от') }} {{ subscription.date_created | date('d.m.Y') }}
                                {% endif %}
                            </p>
                            <p class="cabinet-card-order-main__number">
                                {{ subscription.id }}
                            </p>
                        </div>
                        <div class="cabinet-card-order__payment">
                            <p class="cabinet-card-order-payment__title">{{ fn('pll_e', 'Сумма:') }}</p>
                            <p class="cabinet-card-order-payment__price cabinet-card-order-payment__price--add">
                                {{ subscription.total }} {{ subscription.currency }} <span>/ {{ subscription.billing_period }}</span>
                            </p>
                        </div>
                    </div>

                    <div class="cabinet-card-order__content">
                        <div class="cabinet-card-order__payment-add">
                            <p class="cabinet-card-order__sub-title">
                                {{ fn('pll_e', 'Следующий платеж:') }}
                            </p>
                            <p class="cabinet-card-order__date">
                                {{ subscription.next_payment_date | date('d.m.Y')  }}
                            </p>
                        </div>

                        
                    </div>

                    <div class="cabinet-card-order__detail-short mt-m-3">
                        {% for item in subscription.items %}
                            {% set product = item.product %}
                            {% set image_id = product.image_id %}
                            {% if product.permalink %}
                                <a href="{{ product.permalink }}">
                                    <img src="{{ image_id | wp_get_attachment_image_src('thumbnail') | default('assets/img/product/mini-card.png') }}" 
                                         alt="{{ product.name }}" 
                                         class="cabinet-card-order-detail-short__item">
                                </a>
                            {% else %}
                                <img src="{{ image_id | wp_get_attachment_image_src('thumbnail') | default('assets/img/product/mini-card.png') }}" 
                                     alt="{{ product.name }}" 
                                     class="cabinet-card-order-detail-short__item">
                            {% endif %}
                        {% endfor %}
                    </div>
                    <div class="cabinet-card-order__link">
                            {% if subscription.view_url %}
                                <a href="{{ subscription.view_url }}" class="to-know to-know--start button--100-perc to-know--background-none">
                                    <p>{{ fn('pll_e', 'Детали подписки') }}</p>
                                </a>
                            {% else %}
                                <p class="to-know to-know--start button--100-perc to-know--background-none disabled">
                                    {{ fn('pll_e', 'Детали недоступны') }}
                                </p>
                            {% endif %}
                        </div>
                </div>
            </div>
        </div>
    {% else %}
        <p>{{ fn('pll_e', 'У вас нет активных подписок.') }}</p>
    {% endfor %}
</div>
{% endblock %}