{% set bodyClass = 'bg-white' %}
{% set mainClass = 'wrapper' %}

{% extends 'layout.twig' %}
{% block content %}
<main class="wrapper">
    <div class="cabinet-card cabinet-card--green-white cabinet__subscription-mobile">
        <div class="cabinet-card__content">
            <p class="cabinet-card__title">
                {{ function('pll_e', 'Feed subscription') }}
            </p>
            <div class="cabinet-card__element">
                <p class="cabinet-card__text">{{ function('pll_e', 'Weekly food delivery for your pet') }}</p>
            </div>
            <div class="cabinet-card__element">
                <button class="button button--gradient button--high-46 form-sub__btn">
                    {{ function('pll_e', 'Get details') }}
                </button>
            </div>
        </div>
    </div>

<div class="cabinet__control cabinet__control--column">
    <a href="{{ fn('wc_get_page_permalink', 'myaccount') }}" class="to-know to-know--start button--100-perc to-know--background-none">
        <p>{{ fn('pll_e', 'Перейти в профиль') }}</p>
    </a>
    <div class="form-input__tabs form-input__tabs--control form-input__tabs--white">
        <a href="{{ fn('wc_get_endpoint_url', 'orders', '', fn('wc_get_page_permalink', 'myaccount')) }}" class="form-input-tabs__button {% if fn('is_wc_endpoint_url','orders') %}active{% endif %}">
            {{ fn('pll_e', 'Заказы') }}
        </a>
        <a href="{{ fn('wc_get_page_permalink', 'myaccount') }}subscriptions" class="form-input-tabs__button {% if fn('is_wc_endpoint_url','subscriptions') %}active{% endif %}">
            {{ fn('pll_e', 'Подписки') }}
        </a>
    </div>
</div>

    <div class="cabinet">
    <div class="cabinet__profile cabinet-content {% if not fn('is_wc_endpoint_url') %}active hide{% endif %}">
    <div class="form-input__tabs form-input__tabs--control form-input__tabs--white">
         
        <a href="{{ fn('wc_get_endpoint_url', '', '', fn('wc_get_page_permalink', 'myaccount')) }}" class="form-input-tabs__button {% if not fn('is_wc_endpoint_url') %}active{% endif %}">
            {{ fn('pll_e', 'Заказы') }}
        </a>
        <a href="subscriptions" class="form-input-tabs__button {% if fn('is_wc_endpoint_url','subscriptions') %}active{% endif %}">
            {{ fn('pll_e', 'Подписки') }}
        </a>
    </div>

        <div class="cabinet-card cabinet-card--green">
            <div class="cabinet-card__content">
                <div class="cabinet-card__element">
                    <p class="cabinet-card__text {% if not first_name and not last_name %}cabinet-card__text--grey{% endif %}">
                        {% if first_name or last_name %}
                            {{ first_name }} {{ last_name }}
                        {% else %}
                            {{ function('pll_e', 'Name is not set') }}
                        {% endif %}
                    </p>
                </div>

                <div class="cabinet-card__element">
                    <p class="cabinet-card__label">{{ function('pll_e', 'Phone') }}:</p>
                    <p class="cabinet-card__text {% if not phone %}cabinet-card__text--grey{% endif %}">
                        {% if phone %}
                            {{ phone }}
                        {% else %}
                            {{ function('pll_e', 'Not filled') }}
                        {% endif %}
                    </p>
                </div>

                <div class="cabinet-card__element">
                    <p class="cabinet-card__label">{{ function('pll_e', 'Email') }}:</p>
                    {% if email %}
                        <p class="cabinet-card__text">{{ email }}</p>
                        {% if activated %}
                            <p class="cabinet-card__status cabinet-card__status--chek">{{ function('pll_e', 'Email is verified') }}</p>
                        {% else %}
                            <p class="cabinet-card__status cabinet-card__status--cancelled">{{ function('pll_e', 'Email is not verified') }}</p>
                            <form class="email_approve_form">
                                <input type="hidden" name="action" value="email_activate">
                                <button type="submit" class="cabinet-card__confirm">{{ function('pll_e', 'Verify') }}</button>
                            </form>
                            {% if uuid %}
                                <p class="cabinet-card__status">{{ function('pll_e', 'Email with verification link is sent to your email.') }}</p>
                            {% endif %}
                        {% endif %}
                    {% else %}
                        <div class="cabinet-card__label">
                            <form class="email_link_form">
                                <input type="hidden" name="action" value="email_link">
                                <div class="cabinet-card_linked-email">
                                    <input class="form__input" type="text" name="email" placeholder="example@example.com" required>
                                </div>
                                <button class="cabinet-card__confirm" type="submit">{{ function('pll_e', 'Link email') }}</button>
                            </form>
                        </div>
                    {% endif %}
                </div>

                <div class="cabinet-card__element">
                    <p class="cabinet-card__label">{{ function('pll_e', 'Linked accounts') }}:</p>
                    <p class="cabinet-card__text cabinet-accounts">
                        {% if tg_account %}
                            <svg width="40px" height="40px" viewBox="0 0 256 256" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid">
                                <g>
                                    <path d="M128,0 C57.307,0 0,57.307 0,128 L0,128 C0,198.693 57.307,256 128,256 L128,256 C198.693,256 256,198.693 256,128 L256,128 C256,57.307 198.693,0 128,0 L128,0 Z" fill="#40B3E0"></path>
                                    <path d="M190.2826,73.6308 L167.4206,188.8978 C167.4206,188.8978 164.2236,196.8918 155.4306,193.0548 L102.6726,152.6068 L83.4886,143.3348 L51.1946,132.4628 C51.1946,132.4628 46.2386,130.7048 45.7586,126.8678 C45.2796,123.0308 51.3546,120.9528 51.3546,120.9528 L179.7306,70.5928 C179.7306,70.5928 190.2826,65.9568 190.2826,73.6308" fill="#FFFFFF"></path>
                                    <path d="M98.6178,187.6035 C98.6178,187.6035 97.0778,187.4595 95.1588,181.3835 C93.2408,175.3085 83.4888,143.3345 83.4888,143.3345 L161.0258,94.0945 C161.0258,94.0945 165.5028,91.3765 165.3428,94.0945 C165.3428,94.0945 166.1418,94.5735 163.7438,96.8115 C161.3458,99.0505 102.8328,151.6475 102.8328,151.6475" fill="#D2E5F1"></path>
                                    <path d="M122.9015,168.1154 L102.0335,187.1414 C102.0335,187.1414 100.4025,188.3794 98.6175,187.6034 L102.6135,152.2624" fill="#B5CFE4"></path>
                                </g>
                            </svg>
                        {% else %}
                            <script async src="https://telegram.org/js/telegram-widget.js?2" data-telegram-login="{{ bot_username }}" data-size="large" data-onauth="linkTelegram(user)"></script>
                        {% endif %}
                    </p>
                </div>

                <div class="cabinet-card__element">
                    <div class="cabinet-card__block-buttons">
                        <button class="cabinet-card__button user-edit-open">{{ function('pll_e', 'Edit') }}</button>
                        <a href="{{ fn('wp_logout_url', fn('home_url')) }}" class="cabinet-card__button">{{ function('pll_e', 'Logout') }}</a>
                    </div>
                </div>
            </div>
        </div>

        {% if pets %}
            {% for pet in pets %}
                {% include 'pet-card.twig' with { 'item': pet } %}
            {% endfor %}
        {% endif %}

        <div class="cabinet-card cabinet-card--green">
            <div class="cabinet-card__content">
                <button class="cabinet-card__block-add-pets form-open" data-form="form-pet">
                    <div class="cabinet-card-add-pets__circle">
                        <img src="{{ theme.link }}/static/img/svg/main/plus-grey.svg" alt="">
                    </div>
                    <p class="cabinet-card-add-pets__text">{{ function('pll_e', 'Add a pet') }}</p>
                </button>
            </div>
        </div>
    </div>
    

    {% block profile_content %}

    {% endblock %}


</main>





<div class="modalProfile" id="pet_add_form">
    <div class="popup-wrap">
        <div class="modal-form form__full-mobile modal-form--white modal-form--height-100-phone form-pet active">
            <button class="modal-form__close"></button>
            <p class="modal-form__title">{{ fn('pll_e', 'Добавить питомца') }}</p>

            <form class="modal-form__content" id="add-pet-form" method="post" action="">
                <input type="hidden" name="nonce" value="{{ fn('wp_create_nonce', 'add_pet_nonce') }}">
                <input type="hidden" name="action" value="add_pet">
                <div class="modal-form-content__line">
                    <label for="" class="label-name">{{ fn('pll_e', 'Вид животного') }}</label>
                    <div class="form-input__tabs">
                        <label for="pet_type_cat" class="form-input-tabs__button active">
                            {{ fn('pll_e', 'Кошка') }}
                            <input type="radio" value="cat" checked name="pet" id="pet_type_cat" class="form-input-tabs__input">
                        </label>
                        <label for="pet_type_dog" class="form-input-tabs__button">
                            {{ fn('pll_e', 'Собака') }}
                            <input type="radio" value="dog" name="pet" id="pet_type_dog" class="form-input-tabs__input">
                        </label>
                    </div>
                </div>

                <div class="modal-form-content__line sterilized">
                    <label for="" class="label-name">{{ fn('pll_e', 'Стерелизован') }}</label>
                    <div class="form-input__tabs">
                        <label for="sterilized_yes" class="form-input-tabs__button active">
                            {{ fn('pll_e', 'Да') }}
                            <input type="radio" value="1" checked name="sterilized" id="sterilized_yes" class="form-input-tabs__input">
                        </label>
                        <label for="sterilized_no" class="form-input-tabs__button">
                            {{ fn('pll_e', 'Нет') }}
                            <input type="radio" value="0" name="sterilized" id="sterilized_no" class="form-input-tabs__input">
                        </label>
                    </div>
                </div>

                <div class="modal-form-content__line">
                    <div class="modal-form-content-line__element">
                        <label for="pet_name" class="label-name">{{ fn('pll_e', 'Имя') }}</label>
                        <input id="pet_name" class="form__input" type="text" name="name" placeholder="{{ fn('pll_e', 'Имя питомца') }}" required>
                    </div>
                </div>

                <div class="modal-form-content__line">
                    <div class="modal-form-content-line__element">
                        <label for="pet_breed" class="label-name">{{ fn('pll_e', 'Порода') }}</label>
                        <input id="pet_breed" class="form__input" type="text" name="breed" placeholder="{{ fn('pll_e', 'Порода вашего питомца') }}" required>
                    </div>
                </div>

                <div class="modal-form-content__line">
                    <label for="" class="label-name">{{ fn('pll_e', 'Пол вашего питомца') }}</label>
                    <div class="form-input__tabs">
                        <label for="pet_sex_male" class="form-input-tabs__button active">
                            {{ fn('pll_e', 'Мальчик') }}
                            <input type="radio" value="male" checked name="sex" id="pet_sex_male" class="form-input-tabs__input">
                        </label>
                        <label for="pet_sex_female" class="form-input-tabs__button">
                            {{ fn('pll_e', 'Девочка') }}
                            <input type="radio" value="female" name="sex" id="pet_sex_female" class="form-input-tabs__input">
                        </label>
                    </div>
                </div>

                <div class="modal-form-content__line modal-form-content__line--two">
                    <div class="modal-form-content-line__element">
                        <label class="label-name">{{ fn('pll_e', 'Вид активности') }}</label>
                        <div class="form-input__list">
                            <div class="form-input-list__input">{{ fn('pll_e', 'Выберите из списка') }}</div>
                            <div class="form-input-list__block-content" style="height: 0px;">
                                <div class="form-input-list__content">
                                    <label class="form-input-list__item">
                                        <p class="form-input-list-item__text">{{ fn('pll_e', 'Низкая') }}</p>
                                        <input type="radio" required name="activity" value="low" class="v-hidden">
                                        <div class="form-input-list-item__box">
                                            <div class="form-input-list-item-box__content">
                                                <img src="{{ theme.link }}/gp-include/assets/lk/img/svg/main/arrow-selected-white.svg" alt="">
                                            </div>
                                        </div>
                                    </label>
                                    <label class="form-input-list__item">
                                        <p class="form-input-list-item__text">{{ fn('pll_e', 'Средняя') }}</p>
                                        <input type="radio" required name="activity" value="moderate" class="v-hidden">
                                        <div class="form-input-list-item__box">
                                            <div class="form-input-list-item-box__content">
                                                <img src="{{ theme.link }}/gp-include/assets/lk/img/svg/main/arrow-selected-white.svg" alt="">
                                            </div>
                                        </div>
                                    </label>
                                    <label class="form-input-list__item">
                                        <p class="form-input-list-item__text">{{ fn('pll_e', 'Высокая') }}</p>
                                        <input type="radio" required name="activity" value="high" class="v-hidden">
                                        <div class="form-input-list-item__box">
                                            <div class="form-input-list-item-box__content">
                                                <img src="{{ theme.link }}/gp-include/assets/lk/img/svg/main/arrow-selected-white.svg" alt="">
                                            </div>
                                        </div>
                                    </label>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="modal-form-content-line__element">
                        <label for="pet_weight" class="label-name">{{ fn('pll_e', 'Вес') }}</label>
                        <div class="form-input__list">
                            <div class="form-input-list__input">{{ fn('pll_e', 'Выберите из списка') }}</div>
                            <div class="form-input-list__block-content" style="height: 0px;">
                                <div class="form-input-list__content">
                                    <label class="form-input-list__item">
                                        <p class="form-input-list-item__text">{{ fn('pll_e', '1-1.5 кг') }}</p>
                                        <input type="radio" required name="weight" value="below_1_5" class="v-hidden">
                                        <div class="form-input-list-item__box">
                                            <div class="form-input-list-item-box__content">
                                                <img src="{{ theme.link }}/gp-include/assets/lk/img/svg/main/arrow-selected-white.svg" alt="">
                                            </div>
                                        </div>
                                    </label>
                                    <label class="form-input-list__item">
                                        <p class="form-input-list-item__text">{{ fn('pll_e', '1.5-3 кг') }}</p>
                                        <input type="radio" required name="weight" value="1_5-3" class="v-hidden">
                                        <div class="form-input-list-item__box">
                                            <div class="form-input-list-item-box__content">
                                                <img src="{{ theme.link }}/gp-include/assets/lk/img/svg/main/arrow-selected-white.svg" alt="">
                                            </div>
                                        </div>
                                    </label>
                                    <label class="form-input-list__item">
                                        <p class="form-input-list-item__text">{{ fn('pll_e', '3-5 кг') }}</p>
                                        <input type="radio" required name="weight" value="3-5" class="v-hidden">
                                        <div class="form-input-list-item__box">
                                            <div class="form-input-list-item-box__content">
                                                <img src="{{ theme.link }}/gp-include/assets/lk/img/svg/main/arrow-selected-white.svg" alt="">
                                            </div>
                                        </div>
                                    </label>
                                    <label class="form-input-list__item">
                                        <p class="form-input-list-item__text">{{ fn('pll_e', '5-8 кг') }}</p>
                                        <input type="radio" required name="weight" value="5-8" class="v-hidden">
                                        <div class="form-input-list-item__box">
                                            <div class="form-input-list-item-box__content">
                                                <img src="{{ theme.link }}/gp-include/assets/lk/img/svg/main/arrow-selected-white.svg" alt="">
                                            </div>
                                        </div>
                                    </label>
                                    <label class="form-input-list__item">
                                        <p class="form-input-list-item__text">{{ fn('pll_e', '8-11 кг') }}</p>
                                        <input type="radio" required name="weight" value="8-11" class="v-hidden">
                                        <div class="form-input-list-item__box">
                                            <div class="form-input-list-item-box__content">
                                                <img src="{{ theme.link }}/gp-include/assets/lk/img/svg/main/arrow-selected-white.svg" alt="">
                                            </div>
                                        </div>
                                    </label>
                                    <label class="form-input-list__item">
                                        <p class="form-input-list-item__text">{{ fn('pll_e', '11-15 кг') }}</p>
                                        <input type="radio" required name="weight" value="11-15" class="v-hidden">
                                        <div class="form-input-list-item__box">
                                            <div class="form-input-list-item-box__content">
                                                <img src="{{ theme.link }}/gp-include/assets/lk/img/svg/main/arrow-selected-white.svg" alt="">
                                            </div>
                                        </div>
                                    </label>
                                    <label class="form-input-list__item">
                                        <p class="form-input-list-item__text">{{ fn('pll_e', '10-20кг') }}</p>
                                        <input type="radio" required name="weight" value="15-20" class="v-hidden">
                                        <div class="form-input-list-item__box">
                                            <div class="form-input-list-item-box__content">
                                                <img src="{{ theme.link }}/gp-include/assets/lk/img/svg/main/arrow-selected-white.svg" alt="">
                                            </div>
                                        </div>
                                    </label>
                                    <label class="form-input-list__item">
                                        <p class="form-input-list-item__text">{{ fn('pll_e', '20-25кг') }}</p>
                                        <input type="radio" required name="weight" value="20-25" class="v-hidden">
                                        <div class="form-input-list-item__box">
                                            <div class="form-input-list-item-box__content">
                                                <img src="{{ theme.link }}/gp-include/assets/lk/img/svg/main/arrow-selected-white.svg" alt="">
                                            </div>
                                        </div>
                                    </label>
                                    <label class="form-input-list__item">
                                        <p class="form-input-list-item__text">{{ fn('pll_e', '25-35 кг') }}</p>
                                        <input type="radio" required name="weight" value="25-35" class="v-hidden">
                                        <div class="form-input-list-item__box">
                                            <div class="form-input-list-item-box__content">
                                                <img src="{{ theme.link }}/gp-include/assets/lk/img/svg/main/arrow-selected-white.svg" alt="">
                                            </div>
                                        </div>
                                    </label>
                                    <label class="form-input-list__item">
                                        <p class="form-input-list-item__text">{{ fn('pll_e', 'Более 35 кг') }}</p>
                                        <input type="radio" required name="weight" value="more_35" class="v-hidden">
                                        <div class="form-input-list-item__box">
                                            <div class="form-input-list-item-box__content">
                                                <img src="{{ theme.link }}/gp-include/assets/lk/img/svg/main/arrow-selected-white.svg" alt="">
                                            </div>
                                        </div>
                                    </label>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="rm">
                    <div class="modal-form-content__line">
                        <label class="label-name">{{ fn('pll_e', 'Возраст питомца') }}</label>
                        <div class="form-input__tabs form-input__remote-control" data-content="modal__age">
                            <label for="age_type_exemplary" class="form-input-tabs__button active" data-rm="0">
                                {{ fn('pll_e', 'Примерный') }}
                                <input type="radio" checked value="ex" name="old_type" required id="age_type_exemplary" class="form-input-tabs__input">
                            </label>
                            <label for="age_type_accurate" class="form-input-tabs__button" data-rm="1">
                                {{ fn('pll_e', 'Точный') }}
                                <input type="radio" value="acc" name="old_type" required id="age_type_accurate" class="form-input-tabs__input">
                            </label>
                        </div>
                    </div>

                    <div class="modal__age">
                        <!-- Approximate age selection -->
                        <div class="form-input__radio remote-control__item active" data-rmcont="0">
                            <label class="form-input-radio__item active">
                                <input type="radio" name="old" value="baby" checked class="v-hidden">
                                <div class="form-input-radio__circle">
                                    <div class="form-input-radio-circle__content"></div>
                                </div>
                                <p class="form-input-radio__title">{{ fn('pll_e', 'Малыш') }} <span>{{ fn('pll_e', '(от 0 до 1 года)') }}</span></p>
                            </label>
                            <label class="form-input-radio__item">
                                <input type="radio" name="old" value="normal" class="v-hidden">
                                <div class="form-input-radio__circle">
                                    <div class="form-input-radio-circle__content"></div>
                                </div>
                                <p class="form-input-radio__title">{{ fn('pll_e', 'Взрослый') }} <span>{{ fn('pll_e', '(от 1 года до 7 лет)') }}</span></p>
                            </label>
                            <label class="form-input-radio__item">
                                <input type="radio" name="old" value="old" class="v-hidden">
                                <div class="form-input-radio__circle">
                                    <div class="form-input-radio-circle__content"></div>
                                </div>
                                <p class="form-input-radio__title">{{ fn('pll_e', 'Пожилой') }} <span>{{ fn('pll_e', '(от 7 до 12 лет)') }}</span></p>
                            </label>
                            <label class="form-input-radio__item">
                                <input type="radio" name="old" value="very_old" class="v-hidden">
                                <div class="form-input-radio__circle">
                                    <div class="form-input-radio-circle__content"></div>
                                </div>
                                <p class="form-input-radio__title">{{ fn('pll_e', 'Стареющий') }} <span>{{ fn('pll_e', '(от 12 лет и старше)') }}</span></p>
                            </label>
                        </div>

                        <!-- Exact age selection -->
                        <div data-rmcont="1" class="modal-form-content__line remote-control__item modal-form-content__line--three modal-form-content__line--margin-top-16">
                            <div class="modal-form-content-line__element">
                                <label for="pet_day" class="label-name">{{ fn('pll_e', 'День') }}</label>
                                <input id="pet_day" class="form__input form__input--center" maxlength="2" type="text" name="day" placeholder="{{ fn('pll_e', 'ДД') }}">
                            </div>

                            <div class="modal-form-content-line__element">
                                <label for="pet_month" class="label-name">{{ fn('pll_e', 'Месяц') }}</label>
                                <div class="form-input__list">
                                    <div class="form-input-list__input">{{ fn('pll_e', 'Месяц') }}</div>
                                    <div class="form-input-list__block-content">
                                        <div class="form-input-list__content">
                                            <label class="form-input-list__item">
                                                <p class="form-input-list-item__text">{{ fn('pll_e', 'Январь') }}</p>
                                                <input type="radio" name="month" value="1" class="v-hidden">
                                                <div class="form-input-list-item__box">
                                                    <div class="form-input-list-item-box__content">
                                                        <img src="{{ theme.link }}/gp-include/assets/lk/img/svg/main/arrow-selected-white.svg" alt="">
                                                    </div>
                                                </div>
                                            </label>
                                            <label class="form-input-list__item">
                                                <p class="form-input-list-item__text">{{ fn('pll_e', 'Февраль') }}</p>
                                                <input type="radio" name="month" value="2" class="v-hidden">
                                                <div class="form-input-list-item__box">
                                                    <div class="form-input-list-item-box__content">
                                                        <img src="{{ theme.link }}/gp-include/assets/lk/img/svg/main/arrow-selected-white.svg" alt="">
                                                    </div>
                                                </div>
                                            </label>
                                            <label class="form-input-list__item">
                                                <p class="form-input-list-item__text">{{ fn('pll_e', 'Март') }}</p>
                                                <input type="radio" name="month" value="3" class="v-hidden">
                                                <div class="form-input-list-item__box">
                                                    <div class="form-input-list-item-box__content">
                                                        <img src="{{ theme.link }}/gp-include/assets/lk/img/svg/main/arrow-selected-white.svg" alt="">
                                                    </div>
                                                </div>
                                            </label>
                                            <label class="form-input-list__item">
                                                <p class="form-input-list-item__text">{{ fn('pll_e', 'Апрель') }}</p>
                                                <input type="radio" name="month" value="4" class="v-hidden">
                                                <div class="form-input-list-item__box">
                                                    <div class="form-input-list-item-box__content">
                                                        <img src="{{ theme.link }}/gp-include/assets/lk/img/svg/main/arrow-selected-white.svg" alt="">
                                                    </div>
                                                </div>
                                            </label>
                                            <label class="form-input-list__item">
                                                <p class="form-input-list-item__text">{{ fn('pll_e', 'Май') }}</p>
                                                <input type="radio" name="month" value="5" class="v-hidden">
                                                <div class="form-input-list-item__box">
                                                    <div class="form-input-list-item-box__content">
                                                        <img src="{{ theme.link }}/gp-include/assets/lk/img/svg/main/arrow-selected-white.svg" alt="">
                                                    </div>
                                                </div>
                                            </label>
                                            <label class="form-input-list__item">
                                                <p class="form-input-list-item__text">{{ fn('pll_e', 'Июнь') }}</p>
                                                <input type="radio" name="month" value="6" class="v-hidden">
                                                <div class="form-input-list-item__box">
                                                    <div class="form-input-list-item-box__content">
                                                        <img src="{{ theme.link }}/gp-include/assets/lk/img/svg/main/arrow-selected-white.svg" alt="">
                                                    </div>
                                                </div>
                                            </label>
                                            <label class="form-input-list__item">
                                                <p class="form-input-list-item__text">{{ fn('pll_e', 'Июль') }}</p>
                                                <input type="radio" name="month" value="7" class="v-hidden">
                                                <div class="form-input-list-item__box">
                                                    <div class="form-input-list-item-box__content">
                                                        <img src="{{ theme.link }}/gp-include/assets/lk/img/svg/main/arrow-selected-white.svg" alt="">
                                                    </div>
                                                </div>
                                            </label>
                                            <label class="form-input-list__item">
                                                <p class="form-input-list-item__text">{{ fn('pll_e', 'Август') }}</p>
                                                <input type="radio" name="month" value="8" class="v-hidden">
                                                <div class="form-input-list-item__box">
                                                    <div class="form-input-list-item-box__content">
                                                        <img src="{{ theme.link }}/gp-include/assets/lk/img/svg/main/arrow-selected-white.svg" alt="">
                                                    </div>
                                                </div>
                                            </label>
                                            <label class="form-input-list__item">
                                                <p class="form-input-list-item__text">{{ fn('pll_e', 'Сентябрь') }}</p>
                                                <input type="radio" name="month" value="9" class="v-hidden">
                                                <div class="form-input-list-item__box">
                                                    <div class="form-input-list-item-box__content">
                                                        <img src="{{ theme.link }}/gp-include/assets/lk/img/svg/main/arrow-selected-white.svg" alt="">
                                                    </div>
                                                </div>
                                            </label>
                                            <label class="form-input-list__item">
                                                <p class="form-input-list-item__text">{{ fn('pll_e', 'Октябрь') }}</p>
                                                <input type="radio" name="month" value="10" class="v-hidden">
                                                <div class="form-input-list-item__box">
                                                    <div class="form-input-list-item-box__content">
                                                        <img src="{{ theme.link }}/gp-include/assets/lk/img/svg/main/arrow-selected-white.svg" alt="">
                                                    </div>
                                                </div>
                                            </label>
                                            <label class="form-input-list__item">
                                                <p class="form-input-list-item__text">{{ fn('pll_e', 'Ноябрь') }}</p>
                                                <input type="radio" name="month" value="11" class="v-hidden">
                                                <div class="form-input-list-item__box">
                                                    <div class="form-input-list-item-box__content">
                                                        <img src="{{ theme.link }}/gp-include/assets/lk/img/svg/main/arrow-selected-white.svg" alt="">
                                                    </div>
                                                </div>
                                            </label>
                                            <label class="form-input-list__item">
                                                <p class="form-input-list-item__text">{{ fn('pll_e', 'Декабрь') }}</p>
                                                <input type="radio" name="month" value="12" class="v-hidden">
                                                <div class="form-input-list-item__box">
                                                    <div class="form-input-list-item-box__content">
                                                        <img src="{{ theme.link }}/gp-include/assets/lk/img/svg/main/arrow-selected-white.svg" alt="">
                                                    </div>
                                                </div>
                                            </label>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="modal-form-content-line__element">
                                <label for="pet_year" class="label-name">{{ fn('pll_e', 'Год') }}</label>
                                <input id="pet_year" class="form__input form__input--center" maxlength="4" type="text" name="year" placeholder="{{ fn('pll_e', 'ГГГГ') }}">
                            </div>
                        </div>
                    </div>
                </div>

                <div class="modal-form__buttons">
                    <button class="button button--gradient button--high button--100-perc" type="submit">{{ fn('pll_e', 'Добавить') }}</button>
                </div>
            </form>
        </div>
    </div>
</div>

<div class="modalProfile" id="subForm">
    <div class="popup-wrap">
        <div class="modal-form modal__notification modal-form--green-gradient modal-form--width-584 form-sub active">
            <button class="modal-form__close modal-form__close--white"></button>
            <p class="modal-form__title modal-form__title--white">{{ fn('pll_e', 'Подписка на корм') }}</p>

            <div class="modal-form__element modal-form__element--top-40">
                <p class="modal-form__text modal-form__text--white">
                    {{ fn('pll_e', 'Спасибо за интерес к нашему новому виду услуг, данная функция находится в разработке, если вы хотите узнать первыми о запуске подпишитесь на рассылку.') }}
                </p>
            </div>

            <form class="modal-form__element modal-form__element--top-40 foodSub">
                <input type="hidden" name="email" value="{{ user.user_email }}">
                <input type="hidden" name="action" value="subscription_sub__profile">
                <button class="button form__button-pc button--white button--100-perc open-overlay button--high">
                    {{ fn('pll_e', 'Хочу попробовать первым!') }}
                </button>
                <button class="button form__button-mobile button--white button--100-perc open-overlay button--high">
                    {{ fn('pll_e', 'Хочу быть первым!') }}
                </button>
            </form>
        </div>
    </div>
</div>
<div class="modalProfile" id="user_edit">
    <div class="popup-wrap">
        <div class="modal-form form__full-mobile modal-form--white modal-form--height-100-phone form-data active">
            <button class="modal-form__close"></button>
            <p class="modal-form__title">{{ fn('pll_e', 'Изменить мои данные') }}</p>

            <form class="modal-form__content user-edit-form" method="post">
                <input type="hidden" name="action" value="edit_user">
                <div class="modal-form-content__line modal-form-content__line--two">
                    <div class="modal-form-content-line__element">
                        <label for="user_firstname" class="label-name">{{ fn('pll_e', 'Имя') }}</label>
                        <input id="user_firstname" class="form__input" type="text" value="{{ user.user_firstname }}" name="name" placeholder="{{ fn('pll_e', 'Ваше имя') }}" required>
                        <span class="form-input__error form-input__error--absolute">{{ fn('pll_e', 'Имя введено неверно') }}</span>
                    </div>

                    <div class="modal-form-content-line__element">
                        <label for="user_lastname" class="label-name">{{ fn('pll_e', 'Фамилия') }}</label>
                        <input id="user_lastname" class="form__input" type="text" value="{{ user.user_lastname }}" name="l_name" placeholder="{{ fn('pll_e', 'Ваша фамилия') }}" required>
                        <span class="form-input__error form-input__error--absolute">{{ fn('pll_e', 'Фамилия введена неверно') }}</span>
                    </div>                        
                </div>

                <div class="modal-form-content__line">
                    <label class="label-name">{{ fn('pll_e', 'Телефон') }}</label>
                    <div class="form-input__phone">
                        <input type="text" placeholder="___ ___ ____" id="user_phone" value="{{ fn('get_user_meta', user.ID, 'billing_phone', true) }}" name="phone" class="form-input-phone__input" required>
                        <div class="form-input__error form-input__error--absolute">{{ fn('pll_e', 'Номер введён неверно') }}</div>
                    </div>
                </div>

                <div class="modal-form__buttons modal-form__buttons--two">
                    <button class="button button--gradient button--high" type="submit">{{ fn('pll_e', 'Сохранить') }}</button>
                    <input type="reset" class="button button--white open-overlay button--high modal-form__button-close" value="{{ fn('pll_e', 'Отмена') }}">
                </div>
            </form>
        </div>
    </div>
</div>

{% endblock %}