You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
415 lines
28 KiB
415 lines
28 KiB
{% set profile_pg = 1 %}
|
|
|
|
{% extends 'profile/profile-base.twig' %}
|
|
|
|
{% block profile_content%}
|
|
<div class="cabinet__orders cabinet-content {% if fn('is_wc_endpoint_url') %}active hide{% endif %}">
|
|
<div class="cabinet-card cabinet-card--green-white cabinet__subscription-pc">
|
|
<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>
|
|
{% if customer_orders %}
|
|
{% for order in customer_orders %}
|
|
{% set meta_data = order.meta_data.order_data %}
|
|
{% set shipping_address = order.get_address('shipping') %}
|
|
<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">{{ function('pll_e', 'Order from') }} {{ order.date_created|date('Y.m.d') }}</p>
|
|
<p class="cabinet-card-order-main__number">{{ order.id }}</p>
|
|
</div>
|
|
<div class="cabinet-card-order__payment">
|
|
<p class="cabinet-card-order-payment__title">{{ function('pll_e', 'Summary') }}:</p>
|
|
<p class="cabinet-card-order-payment__price">{{ order.get_total() }}</p>
|
|
</div>
|
|
</div>
|
|
<div class="cabinet-card-order__bottom">
|
|
<div class="cabinet-card-order__content">
|
|
{% set order_track = meta_data.order_number|default('') %}
|
|
<div class="cabinet-card-order__block-detail">
|
|
<div class="cabinet-card-order__detail">
|
|
<div class="cabinet-card-order-detail__address">
|
|
<p class="cabinet-card-order-detail-address__title">{{ function('pll_e', 'Delivery address') }}</p>
|
|
<p class="cabinet-card-order-detail-address__text">
|
|
{% if meta_data.office_code %}
|
|
{{ function('pll_e', 'CDEK shipping point') }}<br>
|
|
{{ office_name }}
|
|
{% else %}
|
|
{{ shipping_address.city }} {{ shipping_address.address_1 }}
|
|
{% endif %}
|
|
</p>
|
|
</div>
|
|
<div class="cabinet-card-order-detail__main">
|
|
<div class="cabinet-card-order-detail-main__products">
|
|
{% for item in order.get_items %}
|
|
{% set product = item.get_product %}
|
|
{% set thumbnail = product ? function('wp_get_attachment_image_url', product.get_image_id(), 'woocommerce_thumbnail') : function('wc_placeholder_img_src', 'woocommerce_thumbnail') %}
|
|
<div class="cabinet-card-order-detail-main__product">
|
|
<img src="{{ thumbnail }}" alt="" class="cabinet-card-order-detail-main-product__img">
|
|
<div class="cabinet-card-order-detail-main-product__content">
|
|
<div class="cabinet-card-order-detail-main-product__description">
|
|
<p class="cabinet-card-order-detail-main-product-description__what">{{ item.name }}</p>
|
|
</div>
|
|
<p class="cabinet-card-order-detail-main-product__count">{{ item.quantity }}</p>
|
|
<p class="cabinet-card-order-detail-main-product__price">{{ item.total }} {{ function('get_woocommerce_currency_symbol', code) }}</p>
|
|
</div>
|
|
</div>
|
|
{% endfor %}
|
|
</div>
|
|
<div class="cabinet-card-order-detail-main__links">
|
|
{% if order_track %}
|
|
<a href="https://www.cdek.ru/ru/tracking/?order_id={{ order_track }}" target="_blank" class="cabinet-card__button cabinet-card-order-detail-main__link">
|
|
{{ function('pll_e', 'Track order') }}
|
|
</a>
|
|
{% endif %}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<button class="cabinet-card-order__open-detail">{{ function('pll_e', 'Order details') }}</button>
|
|
</div>
|
|
<div class="cabinet-card-order__detail-short">
|
|
{% for item in order.get_items %}
|
|
{% set product = item.get_product %}
|
|
{% set thumbnail = product ? function('wp_get_attachment_image_url', product.get_image_id(), 'woocommerce_thumbnail') : function('wc_placeholder_img_src', 'woocommerce_thumbnail') %}
|
|
{% if thumbnail %}
|
|
<a href="{{ product.permalink }}"><img src="{{ thumbnail }}" alt="" class="cabinet-card-order-detail-short__item"></a>
|
|
{% endif %}
|
|
{% endfor %}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% endfor %}
|
|
{% else %}
|
|
<div class="cabinet-card__no-orders">
|
|
<div class="cabinet-card-no-orders__element">
|
|
<p class="cabinet-card-no-orders__title">{{ function('pll_e', 'No orders yet') }}</p>
|
|
</div>
|
|
<div class="cabinet-card-no-orders__element">
|
|
<a href="/shop/" class="to-know button--100-perc to-know--background-none">
|
|
<p>{{ function('pll_e', 'Catalog') }}</p>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
{% endif %}
|
|
</div>
|
|
</div>
|
|
|
|
{% 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="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="cat" class="form-input-tabs__button active">
|
|
{{ fn('pll_e', 'Кошка') }}
|
|
<input type="radio" value="cat" checked name="pet" id="cat" class="form-input-tabs__input">
|
|
</label>
|
|
|
|
<label for="dog" class="form-input-tabs__button">
|
|
{{ fn('pll_e', 'Собака') }}
|
|
<input type="radio" value="dog" name="pet" id="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 class="form-input-tabs__button active">
|
|
{{ fn('pll_e', 'Да') }}
|
|
<input type="radio" value="1" checked name="sterilized" class="form-input-tabs__input">
|
|
</label>
|
|
|
|
<label class="form-input-tabs__button">
|
|
{{ fn('pll_e', 'Нет') }}
|
|
<input type="radio" value="0" name="sterilized" class="form-input-tabs__input">
|
|
</label>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="modal-form-content__line">
|
|
<div class="modal-form-content-line__element">
|
|
<label for="firstname" class="label-name">{{ fn('pll_e', 'Имя') }}</label>
|
|
<input id="firstname" 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="firstname" class="label-name">{{ fn('pll_e', 'Порода') }}</label>
|
|
<input id="firstname" 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="boy" class="form-input-tabs__button active">
|
|
{{ fn('pll_e', 'Мальчик') }}
|
|
<input type="radio" value="male" checked name="sex" id="boy" class="form-input-tabs__input">
|
|
</label>
|
|
|
|
<label for="girl" class="form-input-tabs__button">
|
|
{{ fn('pll_e', 'Девочка') }}
|
|
<input type="radio" value="female" name="sex" id="girl" 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="firstname" 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">
|
|
{% for weight in [
|
|
{value: 'below_1_5', text: fn('pll_e', '1-1.5 кг')},
|
|
{value: '1_5-3', text: fn('pll_e', '1.5-3 кг')},
|
|
{value: '3-5', text: fn('pll_e', '3-5 кг')},
|
|
{value: '5-8', text: fn('pll_e', '5-8 кг')},
|
|
{value: '8-11', text: fn('pll_e', '8-11 кг')},
|
|
{value: '11-15', text: fn('pll_e', '11-15 кг')},
|
|
{value: '15-20', text: fn('pll_e', '10-20кг')},
|
|
{value: '20-25', text: fn('pll_e', '20-25кг')},
|
|
{value: '25-35', text: fn('pll_e', '25-35 кг')},
|
|
{value: 'more_35', text: fn('pll_e', 'Более 35 кг')}
|
|
] %}
|
|
<label class="form-input-list__item">
|
|
<p class="form-input-list-item__text">{{ weight.text }}</p>
|
|
<input type="radio" required name="weight" value="{{ weight.value }}" 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>
|
|
{% endfor %}
|
|
</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="exemplary" class="form-input-tabs__button active" data-rm="0">
|
|
{{ fn('pll_e', 'Примерный') }}
|
|
<input type="radio" checked value="ex" name="old_type" required id="exemplary" class="form-input-tabs__input">
|
|
</label>
|
|
|
|
<label class="form-input-tabs__button" data-rm="1">
|
|
{{ fn('pll_e', 'Точный') }}
|
|
<input type="radio" value="acc" name="old_type" required id="accurate" class="form-input-tabs__input">
|
|
</label>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="modal__age">
|
|
<div class="form-input__radio remote-control__item active" data-rmcont="0">
|
|
{% for age in [
|
|
{value: 'baby', title: fn('pll_e', 'Малыш'), desc: fn('pll_e', '(от 0 до 1 года)')},
|
|
{value: 'normal', title: fn('pll_e', 'Взрослый'), desc: fn('pll_e', '(от 1 года до 7 лет)')},
|
|
{value: 'old', title: fn('pll_e', 'Пожилой'), desc: fn('pll_e', '(от 7 до 12 лет)')},
|
|
{value: 'very_old', title: fn('pll_e', 'Стареющий'), desc: fn('pll_e', '(от 12 лет и старше)')}
|
|
] %}
|
|
<label class="form-input-radio__item {{ loop.first ? 'active' : '' }}">
|
|
<input type="radio" name="old" value="{{ age.value }}" {{ loop.first ? '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">{{ age.title }} <span>{{ age.desc }}</span></p>
|
|
</label>
|
|
{% endfor %}
|
|
</div>
|
|
|
|
<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="firstname" class="label-name">{{ fn('pll_e', 'День') }}</label>
|
|
<input id="firstname" 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="firstname" 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">
|
|
{% for month in [
|
|
{value: 1, text: fn('pll_e', 'Январь')},
|
|
{value: 2, text: fn('pll_e', 'Февраль')},
|
|
{value: 3, text: fn('pll_e', 'Март')},
|
|
{value: 4, text: fn('pll_e', 'Апрель')},
|
|
{value: 5, text: fn('pll_e', 'Май')},
|
|
{value: 6, text: fn('pll_e', 'Июнь')},
|
|
{value: 7, text: fn('pll_e', 'Июль')},
|
|
{value: 8, text: fn('pll_e', 'Август')},
|
|
{value: 9, text: fn('pll_e', 'Сентябрь')},
|
|
{value: 10, text: fn('pll_e', 'Октябрь')},
|
|
{value: 11, text: fn('pll_e', 'Ноябрь')},
|
|
{value: 12, text: fn('pll_e', 'Декабрь')}
|
|
] %}
|
|
<label class="form-input-list__item">
|
|
<p class="form-input-list-item__text">{{ month.text }}</p>
|
|
<input type="radio" name="month" value="{{ month.value }}" 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>
|
|
{% endfor %}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="modal-form-content-line__element">
|
|
<label for="firstname" class="label-name">{{ fn('pll_e', 'Год') }}</label>
|
|
<input id="firstname" 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">Подписка на корм</p>
|
|
|
|
<div class="modal-form__element modal-form__element--top-40">
|
|
<p class="modal-form__text modal-form__text--white">
|
|
Спасибо за интерес к нашему новому виду услуг, данная функция находится в разработке, если вы хотите узнать первыми о запуске подпишитесь на рассылку.
|
|
</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">
|
|
Хочу попробовать первым!
|
|
</button>
|
|
<button class="button form__button-mobile button--white button--100-perc open-overlay button--high">
|
|
Хочу быть первым!
|
|
</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">Изменить мои данные</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="firstname" class="label-name">Имя</label>
|
|
<input id="firstname" class="form__input" type="text" value="{{ user.user_firstname }}" name="name" placeholder="Ваше имя" required>
|
|
<span class="form-input__error form-input__error--absolute">Имя введено неверно</span>
|
|
</div>
|
|
|
|
<div class="modal-form-content-line__element">
|
|
<label for="lastname" class="label-name">Фамилия</label>
|
|
<input id="lastname" class="form__input" type="text" value="{{ user.user_lastname }}" name="l_name" placeholder="Ваша фамилия" required>
|
|
<span class="form-input__error form-input__error--absolute">Фамилия введена неверно</span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="modal-form-content__line">
|
|
<label class="label-name">Телефон</label>
|
|
<div class="form-input__phone">
|
|
<input type="text" placeholder="___ ___ ____" id="tel-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">Номер введён неверно</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="modal-form__buttons modal-form__buttons--two">
|
|
<button class="button button--gradient button--high" type="submit">Сохранить</button>
|
|
<input type="reset" class="button button--white open-overlay button--high modal-form__button-close" value="Отмена">
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
{% endblock %}
|
|
|