cosmopet-architecture/wp-content/themes/cosmopet/views/profile/profile-subs-single.twig

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

{% block profile_content %}

<div class="cabinet__orders cabinet__orders--no-cab cabinet-content active hide">
    {% if subscription %}
        <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">
                                {{ fn('pll_e', 'Подписка №') }} {{ subscription.id }}
                            </p>
                        </div>
                    </div>
                </div>

                <div class="subscription">
                    <div class="subscription__item">
                        <p>{{ fn('pll_e', 'Статус') }}</p>
                        <p class="subscription__status--end">{{ subscription.status | capitalize }}</p>
                    </div>
                    <div class="subscription__item">
                        <p>{{ fn('pll_e', 'Дата подписки') }}</p>
                        <p>{{ subscription.date_created | date('d.m.Y') }}</p>
                    </div>
                    <div class="subscription__item">
                        <p>{{ fn('pll_e', 'Дата последнего заказа') }}</p>
                        <p>{{ subscription.last_order_date | date('d.m.Y') }}</p>
                    </div>
                    <div class="subscription__item">
                        <p>{{ fn('pll_e', 'Следующий платеж') }}</p>
                        <p>{{ subscription.next_payment_date | date('d.m.Y')}}</p>
                    </div>
                    <div class="subscription__item">
                        <p>{{ fn('pll_e', 'Способ оплаты') }}</p>
                        <p>{{ subscription.payment_method_title}}</p>
                    </div>
                    <div class="subscription__item">
                        <div class="subscription__add">
                            <div class="subscription__add-header">
                                <p class="subscription__add-title">{{ fn('pll_e', 'Товары:') }}</p>
                            </div>
                            <div class="subscription__add-content">
                                {% for item in subscription.items %}
                                    {% set product = item.product %}
                                    {% set image_id = product.image_id %}
                                    {% set product_permalink = product.id ? fn('get_permalink', product.id) : '' %}
                                    {# Debug: Display product ID and permalink for testing #}
                                    <p class="debug-info" style="display: none;">Product ID: {{ product.id | default('null') }} | Permalink: {{ product_permalink | default('none') }}</p>
                                    <div class="cabinet-card-order-detail-main__product subscription__add-product">
                                        {% if product.id and product_permalink and product_permalink != fn('get_permalink', fn('get_the_ID')) %}
                                            <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-main-product__img">
                                            </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-main-product__img">
                                        {% endif %}
                                        <div class="cabinet-card-order-detail-main-product__description">
                                            <p class="cabinet-card-order-detail-main-product-description__what">{{ product.name }}</p>
                                            <p class="cabinet-card-order-detail-main-product-description__with-what">{{ product.variation_details | default('') }}</p>
                                        </div>
                                        <div class="cabinet-card-order-detail-main-product__content">
                                            <p class="cabinet-card-order-detail-main-product__count">{{ item.quantity }}</p>
                                            <p class="cabinet-card-order-detail-main-product__price">{{ item.total }}</p>
                                        </div>
                                    </div>
                                {% endfor %}
                            </div>
                        </div>
                    </div>
                    <div class="subscription__item">
                        <p>{{ fn('pll_e', 'Сумма') }}</p>
                        <p><span>{{ subscription.total }} {{ subscription.currency }} <small>/ {{ fn('pll_e', 'месяц') }}</small></span></p>
                    </div>
                    <div class="subscription__item">
                        <p>{{ fn('pll_e', 'Доставка') }}</p>
                        <p>{{ fn('pll_e', 'Бесплатно') }}</p>
                    </div>
                    <div class="subscription__item">
                        <p>{{ fn('pll_e', 'Итого') }}</p>
                        <p><span>{{ subscription.total }} {{ subscription.currency }} <small>/ {{ fn('pll_e', 'месяц') }}</small></span></p>
                    </div>
                    <div class="subscription__item">
                        <div class="subscription__add">
                            <div class="subscription__add-header">
                                <p class="subscription__add-title">{{ fn('pll_e', 'Доставка:') }}</p>
                            </div>
                            <div class="subscription__add-content" data-js-tabs="">
                                <form action="" method="post" class="subscription-address-form" data-subscription-id="{{ subscription.id }}">
    <div class="modal-form-content__line">
    <div class="modal-form-content-line__element">
        <label for="shipping_city" class="label-name modal-form-content-line__element--arrow">{{ fn('pll_e', 'Город') }}</label>
        <input id="shipping_city" class="form__input form-open" type="text" name="city" value="{{ fn('get_post_meta', subscription.id, '_shipping_city', true) | default('-') }}" placeholder="{{ fn('pll_e', 'Введите город') }}" required data-form="form-data">
        <span class="form-input__error form-input__error--absolute">{{ fn('pll_e', 'Город введен неверно') }}</span>
    </div>
</div>

<div class="modal-form-content__line">
    <div class="modal-form-content-line__element">
        <label for="shipping_address" class="label-name modal-form-content-line__element--arrow">{{ fn('pll_e', 'Адрес доставки') }}</label>
        <input id="shipping_address" class="form__input form-open" type="text" name="address_1" value="{{ fn('get_post_meta', subscription.id, '_shipping_address_1', true) | default('-') }}" placeholder="{{ fn('pll_e', 'Введите улицу, дом, квартиру') }}" required data-form="form-data">
        <span class="form-input__error form-input__error--absolute">{{ fn('pll_e', 'Адрес введен неверно') }}</span>
    </div>
</div>

    <div class="modal-form-content__line">
        <div class="modal-form-content-line__element">
            <label for="delivery_comment" class="label-name">{{ fn('pll_e', 'Комментарий для доставки') }}</label>
            <textarea id="delivery_comment" class="form__input form__input--textarea-72" name="comment" placeholder="{{ fn('pll_e', 'Для службы доставки') }}">{{ subscription.shipping_comment | default('') }}</textarea>
            <span class="form-input__error form-input__error--absolute">{{ fn('pll_e', 'Комментарий введен неверно') }}</span>
        </div>
    </div>
    <input type="hidden" name="subscription_id" value="{{ subscription.id }}">
    <input type="hidden" name="address_nonce" value="{{ fn('wp_create_nonce', 'update_subscription_address') }}">
    <div class="modal-form-content__line">
        <button type="submit" style="width: 100%;" class="button button--gradient button--high-46">{{ fn('pll_e', 'Сохранить') }}</button>
    </div>
    <div class="form-message" style="display: none;"></div>
</form>
                            </div>
                        </div>
                    </div>
                </div>

                <a href="{{ subscription.cancel_url }}" class="to-know to-know--start button--100-perc to-know--background-none">
                    <p>{{ fn('pll_e', 'Отменить подписку') }}</p>
                </a>
            </div>
        </div>
    {% else %}
        <div class="cabinet-card-no-orders__element">
            <p>{{ fn('pll_e', 'Подписка не найдена.') }}</p>
        </div>
    {% endif %}
</div>
{% endblock %}