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.
532 lines
39 KiB
532 lines
39 KiB
<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">
|
|
<button class="cabinet-control__button active start" data-cabinet="orders">{{ function('pll_e', 'Orders') }}</button>
|
|
<button class="cabinet-control__button" data-cabinet="profile">{{ function('pll_e', 'Profile') }}</button>
|
|
</div>
|
|
|
|
<div class="cabinet">
|
|
<div class="cabinet__profile cabinet-content">
|
|
<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 { 'post': 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 }}/gp-include/assets/lk/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>
|
|
|
|
<div class="cabinet__orders cabinet-content active hide">
|
|
<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.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 ? product.thumbnail.src('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 }}</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 ? product.thumbnail.src('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>
|
|
</main>
|
|
|
|
{% if pet %}
|
|
<div class="cabinet-card cabinet-card--green">
|
|
<div class="cabinet-card__content">
|
|
<div class="cabinet-card__element">
|
|
<p class="cabinet-card__label">{{ function('pll_e', 'Weight') }}:</p>
|
|
<p class="cabinet-card__text">{{ pet.weight_text }}</p>
|
|
</div>
|
|
<div class="cabinet-card__element">
|
|
<p class="cabinet-card__label">{{ function('pll_e', 'Age') }}:</p>
|
|
<p class="cabinet-card__text">{{ pet.old_text }}</p>
|
|
</div>
|
|
<div class="cabinet-card__element">
|
|
<p class="cabinet-card__label">{{ function('pll_e', 'Activity') }}:</p>
|
|
<p class="cabinet-card__text">{{ pet.activity_text }}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% endif %}
|
|
|
|
<div class="modalProfile" id="pet_edit_{{ pet.ID }}">
|
|
<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">{{ function('pll_e', 'Edit pet') }} {{ pet.title }}</p>
|
|
|
|
<form class="modal-form__content edit-pet-form" method="post" action="">
|
|
<input type="hidden" name="action" value="edit_pet">
|
|
<div class="modal-form-content__line">
|
|
<label class="label-name">{{ function('pll_e', 'Pet type') }}</label>
|
|
<div class="form-input__tabs">
|
|
<label class="form-input-tabs__button {% if pet.type == 'cat' %}active{% endif %}">
|
|
{{ function('pll_e', 'Dog') }}
|
|
<input come="true" inputtype="radio" value="cat" {% if pet.type == 'cat' %}checked{% endif %} name="pet" class="form-input-tabs__input" />
|
|
</label>
|
|
<label class="form-input-tabs__button {% if pet.type == 'dog' %}active{% endif %}">
|
|
{{ function('pll_e', 'Cat') }}
|
|
<input type="radio" value="dog" {% if pet.type == 'dog' %}checked{% endif %} name="pet" class="form-input-tabs__input" />
|
|
</label>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="modal-form-content__line sterilized" {% if pet.type == 'dog' %}style="display: none;"{% endif %}>
|
|
<label class="label-name">{{ function('pll_e', 'Sterilized') }}</label>
|
|
<div class="form-input__tabs">
|
|
<label class="form-input-tabs__button {% if pet.sterilized %}active{% endif %}">
|
|
{{ function('pll_e', 'Yes') }}
|
|
<input type="radio" value="1" {% if pet.sterilized %}checked{% endif %} name="sterilized" class="form-input-tabs__input" />
|
|
</label>
|
|
<label class="form-input-tabs__button {% if not pet.sterilized %}active{% endif %}">
|
|
{{ function('pll_e', 'No') }}
|
|
<input type="radio" value="0" {% if not pet.sterilized %}checked{% endif %} 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">{{ function('pll_e', 'Breed') }}</label>
|
|
<input id="firstname" class="form__input" type="text" value="{{ pet.breed }}" name="breed" placeholder="{{ function('pll_e', 'Breed of your pet') }}" required>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="modal-form-content__line">
|
|
<label class="label-name">{{ function('pll_e', 'Gender of your pet') }}</label>
|
|
<div class="form-input__tabs">
|
|
<label class="form-input-tabs__button {% if pet.sex == 'male' %}active{% endif %}">
|
|
{{ function('pll_e', 'Boy') }}
|
|
<input type="radio" value="male" {% if pet.sex == 'male' %}checked{% endif %} name="sex" class="form-input-tabs__input" />
|
|
</label>
|
|
<label class="form-input-tabs__button {% if pet.sex != 'male' %}active{% endif %}">
|
|
{{ function('pll_e', 'Girl') }}
|
|
<input type="radio" value="female" {% if pet.sex != 'male' %}checked{% endif %} name="sex" 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">{{ function('pll_e', 'Type of activity') }}</label>
|
|
<div class="form-input__list">
|
|
<div class="form-input-list__input">{{ pet.activity_text }}</div>
|
|
<div class="form-input-list__block-content" style="height: 0px;">
|
|
<div class="form-input-list__content">
|
|
<label class="form-input-list__item {% if pet.activity == 'low' %}active{% endif %}">
|
|
<p class="form-input-list-item__text">{{ function('pll_e', 'Low') }}</p>
|
|
<input type="radio" required name="activity" {% if pet.activity == 'low' %}checked{% endif %} 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 {% if pet.activity == 'moderate' %}active{% endif %}">
|
|
<p class="form-input-list-item__text">{{ function('pll_e', 'Moderate') }}</p>
|
|
<input type="radio" required name="activity" {% if pet.activity == 'moderate' %}checked{% endif %} 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 {% if pet.activity == 'high' %}active{% endif %}">
|
|
<p class="form-input-list-item__text">{{ function('pll_e', 'High') }}</p>
|
|
<input type="radio" required name="activity" {% if pet.activity == 'high' %}checked{% endif %} 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 class="label-name">{{ function('pll_e', 'Weight') }}</label>
|
|
<div class="form-input__list">
|
|
<div class="form-input-list__input">{{ pet.weight_text }}</div>
|
|
<div class="form-input-list__block-content" style="height: 0px;">
|
|
<div class="form-input-list__content">
|
|
<label class="form-input-list__item {% if pet.weight == 'below_1_5' %}active{% endif %}">
|
|
<p class="form-input-list-item__text">1-1.5 {{ function('pll_e', 'kg') }}</p>
|
|
<input type="radio" required name="weight" {% if pet.weight == 'below_1_5' %}checked{% endif %} 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 {% if pet.weight == '1_5-3' %}active{% endif %}">
|
|
<p class="form-input-list-item__text">1.5-3 {{ function('pll_e', 'kg') }}</p>
|
|
<input type="radio" required name="weight" {% if pet.weight == '1_5-3' %}checked{% endif %} 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 {% if pet.weight == '3-5' %}active{% endif %}">
|
|
<p class="form-input-list-item__text">3-5 {{ function('pll_e', 'kg') }}</p>
|
|
<input type="radio" required name="weight" {% if pet.weight == '3-5' %}checked{% endif %} 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 {% if pet.weight == '5-8' %}active{% endif %}">
|
|
<p class="form-input-list-item__text">5-8 {{ function('pll_e', 'kg') }}</p>
|
|
<input type="radio" required name="weight" {% if pet.weight == '5-8' %}checked{% endif %} 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 {% if pet.weight == '8-11' %}active{% endif %}">
|
|
<p class="form-input-list-item__text">8-11 {{ function('pll_e', 'kg') }}</p>
|
|
<input type="radio" required name="weight" {% if pet.weight == '8-11' %}checked{% endif %} 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 {% if pet.weight == '11-15' %}active{% endif %}">
|
|
<p class="form-input-list-item__text">11-15 {{ function('pll_e', 'kg') }}</p>
|
|
<input type="radio" required name="weight" {% if pet.weight == '11-15' %}checked{% endif %} 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 {% if pet.weight == '15-20' %}active{% endif %}">
|
|
<p class="form-input-list-item__text">15-20 {{ function('pll_e', 'kg') }}</p>
|
|
<input type="radio" required name="weight" {% if pet.weight == '15-20' %}checked{% endif %} 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 {% if pet.weight == '20-25' %}active{% endif %}">
|
|
<p class="form-input-list-item__text">20-25 {{ function('pll_e', 'kg') }}</p>
|
|
<input type="radio" required name="weight" {% if pet.weight == '20-25' %}checked{% endif %} 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 {% if pet.weight == '25-35' %}active{% endif %}">
|
|
<p class="form-input-list-item__text">25-35 {{ function('pll_e', 'kg') }}</p>
|
|
<input type="radio" required name="weight" {% if pet.weight == '25-35' %}checked{% endif %} 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 {% if pet.weight == 'more_35' %}active{% endif %}">
|
|
<p class="form-input-list-item__text">{{ function('pll_e', 'More than') }} 35 {{ function('pll_e', 'kg') }}</p>
|
|
<input type="radio" required name="weight" {% if pet.weight == 'more_35' %}checked{% endif %} 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="modal-form-content__line">
|
|
<label class="label-name">{{ function('pll_e', 'Pet\'s age') }}</label>
|
|
<div class="form-input__tabs form-input__remote-control" data-content="modal__age">
|
|
<label class="form-input-tabs__button active" data-rm="0">
|
|
{{ function('pll_e', 'Exemplary') }}
|
|
<input type="radio" checked value="ex" name="old_type" required class="form-input-tabs__input">
|
|
</label>
|
|
<label class="form-input-tabs__button" data-rm="1">
|
|
{{ function('pll_e', 'Exact') }}
|
|
<input type="radio" value="acc" name="old_type" required class="form-input-tabs__input">
|
|
</label>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="modal__age">
|
|
<div class="form-input__radio remote-control__item active" data-rmcont="0">
|
|
<label class="form-input-radio__item {% if pet.old == 'baby' %}active{% endif %}">
|
|
<input type="radio" name="old" value="baby" {% if pet.old == 'baby' %}checked{% endif %} class="v-hidden">
|
|
<div class="form-input-radio__circle">
|
|
<div class="form-input-radio-circle__content"></div>
|
|
</div>
|
|
<p class="form-input-radio__title">{{ function('pll_e', 'Baby <span>(from 0 to 1 year)</span>')|raw }}</p>
|
|
</label>
|
|
<label class="form-input-radio__item {% if pet.old == 'normal' %}active{% endif %}">
|
|
<input type="radio" name="old" value="normal" {% if pet.old == 'normal' %}checked{% endif %} class="v-hidden">
|
|
<div class="form-input-radio__circle">
|
|
<div class="form-input-radio-circle__content"></div>
|
|
</div>
|
|
<p class="form-input-radio__title">{{ function('pll_e', 'Adult <span>(from 1 year to 7 years)</span>')|raw }}</p>
|
|
</label>
|
|
<label class="form-input-radio__item {% if pet.old == 'old' %}active{% endif %}">
|
|
<input type="radio" name="old" value="old" {% if pet.old == 'old' %}checked{% endif %} class="v-hidden">
|
|
<div class="form-input-radio__circle">
|
|
<div class="form-input-radio-circle__content"></div>
|
|
</div>
|
|
<p class="form-input-radio__title">{{ function('pll_e', 'Elderly <span>(from 7 to 12 years)</span>')|raw }}</p>
|
|
</label>
|
|
<label class="form-input-radio__item {% if pet.old == 'veryVvery_old' %}active{% endif %}">
|
|
<input type="radio" name="old" value="very_old" {% if pet.old == 'very_old' %}checked{% endif %} class="v-hidden">
|
|
<div class="form-input-radio__circle">
|
|
<div class="form-input-radio-circle__content"></div>
|
|
</div>
|
|
<p class="form-input-radio__title">{{ function('pll_e', 'Aging <span>(12 years and older)</span>')|raw }}</p>
|
|
</label>
|
|
</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">{{ function('pll_e', 'Day') }}</label>
|
|
<input id="firstname" class="form__input form__input--center" maxlength="2" type="text" name="day" placeholder="{{ function('pll_e', 'DD') }}" value="{{ pet.day }}">
|
|
</div>
|
|
<div class="modal-form-content-line__element">
|
|
<label for="firstname" class="label-name">{{ function('pll_e', 'Month') }}</label>
|
|
<div class="form-input__list">
|
|
{% if pet.month %}
|
|
<div class="form-input-list__input">{{ months[pet.month - 1] }}</div>
|
|
{% else %}
|
|
<div class="form-input-list__input">{{ function('pll_e', 'Month') }}</div>
|
|
{% endif %}
|
|
<div class="form-input-list__block-content">
|
|
<div class="form-input-list__content">
|
|
{% for month, month_name in months %}
|
|
<label class="form-input-list__item {% if pet.month == loop.index %}active{% endif %}">
|
|
<p class="form-input-list-item__text">{{ month_name|esc_html }}</p>
|
|
<input type="radio" name="month" value="{{ loop.index }}" {% if pet.month == loop.index %}checked{% endif %} 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">{{ function('pll_e', 'Year') }}</label>
|
|
<input id="firstname" class="form__input form__input--center" maxlength="4" type="text" name="year" placeholder="{{ function('pll_e', 'YYYY') }}" value="{{ pet.year }}">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<input type="hidden" name="pet_id" value="{{ pet.ID }}">
|
|
<div class="modal-form__buttons">
|
|
<button class="button button--gradient button--high button--100-perc" type="submit">{{ function('pll_e', 'Save') }}</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div> |