Good-Production
/
cosmopet-architecture
6
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fix | script and login popup bugs fix

Browse Source
pull/21/head
„Andrei 3 months ago
parent 91d81e2648
commit 4c26138a31
6 changed files with 137 additions and 152 deletions
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Show Stats Download Patch File Download Diff File
  1. 8
      wp-content/themes/cosmopet/modules/header/assets/css/gp-style-desktop.css
  2. 7
      wp-content/themes/cosmopet/static/front-page/js/main.js
  3. 68
      wp-content/themes/cosmopet/templates/footer.twig
  4. 2
      wp-content/themes/cosmopet/templates/modal.twig
  5. 51
      wp-content/themes/cosmopet/templates/modal/login.twig
  6. 153
      wp-content/themes/cosmopet/templates/profile/profile.twig

8
wp-content/themes/cosmopet/modules/header/assets/css/gp-style-desktop.css
Unescape View File

@ -744,8 +744,8 @@ width: 0px;
width: 16px;
height: 16px;
border-radius: 50%;
right: 30px;
bottom: 20px;
right: 3px;
bottom: 2px;
font-style: normal;
font-weight: 700;
font-size: 9px;
@ -755,4 +755,8 @@ width: 0px;
.mini-profile__button--counter.disabled{
display: none;
}
.mini-profile__button{
position: relative;
}

7
wp-content/themes/cosmopet/static/front-page/js/main.js
Unescape View File

@ -467,7 +467,6 @@ document.addEventListener('DOMContentLoaded', function () {
});
});
<<<<<<< HEAD
// Находим все элементы с классом login-open
document.addEventListener('DOMContentLoaded', function() {
const loginButtons = document.querySelectorAll('.login-open');
@ -520,8 +519,7 @@ document.addEventListener('DOMContentLoaded', function() {
// Сбрасываем ширину
modalAside.style.width = '';
}
});
=======
});
document.addEventListener('DOMContentLoaded', function() {
// Initialize Swiper
@ -590,5 +588,4 @@ document.addEventListener('DOMContentLoaded', function() {
reviewPopup.style.display = 'none';
}
});
});
>>>>>>> ec84500a88f048324cf2940bad3ba7528694953e
});

68
wp-content/themes/cosmopet/templates/footer.twig
Unescape View File

@ -55,73 +55,9 @@
<!-- Footer end -->
<div class="modal">
<aside class="modal__aside">
<div class="modal__item modal__login">
<button class="modal__close">
<img src="<?php bloginfo('template_url');?>/gp-include/assets/core/img/svg/main/black-x.svg" alt="">
</button>
<div class="login_wrap login_forms">
<div class="login_inner step active">
<h2 class="login_title">Войти или зарегистрироваться</h2>
<div class="login_subtitle">Подтвердите свой e-mail в письме</div>
<div class="login_input js-input-email">
<input type="text" name="email" placeholder="example@example.com"/>
<div class="login_error"></div>
</div>
<button class="login_btn btn_gradient js-get-code">Получить код</button>
{{ function('tgWidget') }}
</div>
<div class="login_inner step">
<div class="login_back">
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="32" height="32" rx="16" fill="#121212"/><path d="M8.5 16.3633H25" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M8.5 16.3633L14.864 22.7272" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M8.5 16.3633L14.864 9.99932" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
</div>
<h2 class="login_title">Введите код</h2>
<div class="login_subtitle">Код отправленный на e-mail:<span class="sended_email"></span></div>
<div class="login_input js-input-code">
<input type="text" name="code" placeholder="0000"/>
<div class="login_error"></div>
</div>
<div class="login_timer">Запросить новый код: <span class="seconds">15</span> секунд</div>
<button class="login_btn btn_gradient js-repeat-code">Запросить новый код</button>
</div>
<div class="login_privacy">
Нажимая на кнопку «Получить код», я даю согласие на обработку моих персональных данных в соответствии с <a href="/privacy-policy">политикой обработки персональных данных</a>
</div>
</div>
<div class="login_wrap login_success hide">
<div class="login_inner active">
<h2 class="login_title">Спасибо<br />за авторизацию</h2>
<div class="login_subtitle">Теперь вы можете получать промокоды за покупки.</div>
<img src="<?php bloginfo('template_url');?>/images/people.png" alt=""/>
<a href="/my-account" class="login_btn account_link">Заполнить профиль</a>
</div>
</div>
<div class="login_wrap login_auth hide">
<div class="login_inner active">
<h2 class="login_title --text-center">
Вы вошли в систему</h2>
<img src="<?php bloginfo('template_url');?>/images/people.png" alt=""/>
<a href="/my-account" class="login_btn account_link">Профиль</a>
</div>
</div>
</div>
</aside>
</div>
{% verbatim %}
<div class="modal modal-success" style="display: none;">
<div class="modal-content">
<div class="close-button">&times;</div>
<h2 class="modal-title">ВАША ЗАЯВКА ПРИНЯТА!</h2>
<div class="modal-message">
<p>Спасибо! Сообщение успешно отправлено.</p>
<p>Наш менеджер скоро свяжемся с вами<br>для уточнения деталей.</p>
</div>
<div class="modal-button-container">
<a href="/" class="submit-button">Вернуться на сайт</a>
<div class="mform mform-success" style="display: none;">
<div class="mform-content">

2
wp-content/themes/cosmopet/templates/modal.twig
Unescape View File

@ -62,5 +62,7 @@
</div>
</div>
{% include 'modal/login.twig' %}
</aside>
</div>

51
wp-content/themes/cosmopet/templates/modal/login.twig
Unescape View File

@ -0,0 +1,51 @@
<div class="modal__item modal__login">
<button class="modal__close">
<img src="<?php bloginfo('template_url');?>/gp-include/assets/core/img/svg/main/black-x.svg" alt="">
</button>
<div class="login_wrap login_forms">
<div class="login_inner step active">
<h2 class="login_title">Войти или зарегистрироваться</h2>
<div class="login_subtitle">Подтвердите свой e-mail в письме</div>
<div class="login_input js-input-email">
<input type="text" name="email" placeholder="example@example.com"/>
<div class="login_error"></div>
</div>
<button class="login_btn btn_gradient js-get-code">Получить код</button>
{{ function('tgWidget') }}
</div>
<div class="login_inner step">
<div class="login_back">
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="32" height="32" rx="16" fill="#121212"/><path d="M8.5 16.3633H25" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M8.5 16.3633L14.864 22.7272" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M8.5 16.3633L14.864 9.99932" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
</div>
<h2 class="login_title">Введите код</h2>
<div class="login_subtitle">Код отправленный на e-mail:<span class="sended_email"></span></div>
<div class="login_input js-input-code">
<input type="text" name="code" placeholder="0000"/>
<div class="login_error"></div>
</div>
<div class="login_timer">Запросить новый код: <span class="seconds">15</span> секунд</div>
<button class="login_btn btn_gradient js-repeat-code">Запросить новый код</button>
</div>
<div class="login_privacy">
Нажимая на кнопку «Получить код», я даю согласие на обработку моих персональных данных в соответствии с <a href="/privacy-policy">политикой обработки персональных данных</a>
</div>
</div>
<div class="login_wrap login_success hide">
<div class="login_inner active">
<h2 class="login_title">Спасибо<br />за авторизацию</h2>
<div class="login_subtitle">Теперь вы можете получать промокоды за покупки.</div>
<img src="<?php bloginfo('template_url');?>/images/people.png" alt=""/>
<a href="/my-account" class="login_btn account_link">Заполнить профиль</a>
</div>
</div>
<div class="login_wrap login_auth hide">
<div class="login_inner active">
<h2 class="login_title --text-center">
Вы вошли в систему</h2>
<img src="<?php bloginfo('template_url');?>/images/people.png" alt=""/>
<a href="/my-account" class="login_btn account_link">Профиль</a>
</div>
</div>
</div>

153
wp-content/themes/cosmopet/templates/profile/profile.twig
Unescape View File

@ -1,26 +1,23 @@
<main class="wrapper">
<div class="cabinet-card cabinet-card--green-white cabinet__subscription-mobile">
<div class="cabinet-card__content">
<p class="cabinet-card__title">
{{ __('Feed subscription', 'woodmart')|esc_html }}
{{ function('pll_e', 'Feed subscription') }}
</p>
<div class="cabinet-card__element">
<p class="cabinet-card__text">{{ __('Weekly food delivery for your pet', 'woodmart')|esc_html }}</p>
<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">
{{ __('Get details', 'woodmart')|esc_html }}
{{ function('pll_e', 'Get details') }}
</button>
</div>
</div>
</div>
<div class="cabinet__control">
<button class="cabinet-control__button active start" data-cabinet="orders">{{ __('Orders', 'woodmart')|esc_html }}</button>
<button class="cabinet-control__button" data-cabinet="profile">{{ __('Profile', 'woodmart')|esc_html }}</button>
<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">
@ -32,36 +29,36 @@
{% if first_name or last_name %}
{{ first_name }} {{ last_name }}
{% else %}
{{ __('Name is not set', 'woodmart')|esc_html }}
{{ function('pll_e', 'Name is not set') }}
{% endif %}
</p>
</div>
<div class="cabinet-card__element">
<p class="cabinet-card__label">{{ __('Phone', 'woodmart')|esc_html }}:</p>
<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 %}
{{ __('Not filled', 'woodmart')|esc_html }}
{{ function('pll_e', 'Not filled') }}
{% endif %}
</p>
</div>
<div class="cabinet-card__element">
<p class="cabinet-card__label">{{ __('Email', 'woodmart')|esc_html }}:</p>
<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">{{ __('Email is verified', 'woodmart')|esc_html }}</p>
<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">{{ __('Email is not verified', 'woodmart')|esc_html }}</p>
<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">{{ __('Verify', 'woodmart')|esc_html }}</button>
<button type="submit" class="cabinet-card__confirm">{{ function('pll_e', 'Verify') }}</button>
</form>
{% if uuid %}
<p class="cabinet-card__status">{{ __('Email with verification link is sent to your email.', 'woodmart')|esc_html }}</p>
<p class="cabinet-card__status">{{ function('pll_e', 'Email with verification link is sent to your email.') }}</p>
{% endif %}
{% endif %}
{% else %}
@ -71,14 +68,14 @@
<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">{{ __('Link email', 'woodmart')|esc_html }}</button>
<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">{{ __('Linked accounts', 'woodmart')|esc_html }}:</p>
<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">
@ -97,8 +94,8 @@
<div class="cabinet-card__element">
<div class="cabinet-card__block-buttons">
<button class="cabinet-card__button user-edit-open">{{ __('Edit', 'woodmart')|esc_html }}</button>
<a href="{{ fn('wp_logout_url', fn('home_url')) }}" class="cabinet-card__button">{{ __('Logout', 'woodmart')|esc_html }}</a>
<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>
@ -116,7 +113,7 @@
<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">{{ __('Add a pet', 'woodmart')|esc_html }}</p>
<p class="cabinet-card-add-pets__text">{{ function('pll_e', 'Add a pet') }}</p>
</button>
</div>
</div>
@ -125,12 +122,12 @@
<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">{{ __('Feed subscription', 'woodmart')|esc_html }}</p>
<p class="cabinet-card__title">{{ function('pll_e', 'Feed subscription') }}</p>
<div class="cabinet-card__element">
<p class="cabinet-card__text">{{ __('Weekly food delivery for your pet', 'woodmart')|esc_html }}</p>
<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">{{ __('Get details', 'woodmart')|esc_html }}</button>
<button class="button button--gradient button--high-46 form-sub__btn">{{ function('pll_e', 'Get details') }}</button>
</div>
</div>
</div>
@ -144,11 +141,11 @@
<div class="cabinet-card__order">
<div class="cabinet-card-order__header">
<div class="cabinet-card-order__main">
<p class="cabinet-card-order-main__date">{{ __('Order from', 'woodmart')|esc_html }} {{ order.date_created|date('Y.m.d') }}</p>
<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">{{ __('Summary', 'woodmart')|esc_html }}:</p>
<p class="cabinet-card-order-payment__title">{{ function('pll_e', 'Summary') }}:</p>
<p class="cabinet-card-order-payment__price">{{ order.total }}</p>
</div>
</div>
@ -158,11 +155,10 @@
<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">{{ __('Delivery address', 'woodmart')|esc_html }}</p>
<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 %}
{{ __('CDEK shipping point', 'woodmart')|esc_html }}<br>
{# Предполагается, что API-запрос обрабатывается в PHP, добавляем в контекст #}
{{ function('pll_e', 'CDEK shipping point') }}<br>
{{ office_name }}
{% else %}
{{ shipping_address.city }} {{ shipping_address.address_1 }}
@ -189,14 +185,14 @@
<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">
{{ __('Track order', 'woodmart')|esc_html }}
{{ function('pll_e', 'Track order') }}
</a>
{% endif %}
</div>
</div>
</div>
</div>
<button class="cabinet-card-order__open-detail">{{ __('Order details', 'woodmart')|esc_html }}</button>
<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 %}
@ -215,11 +211,11 @@
{% else %}
<div class="cabinet-card__no-orders">
<div class="cabinet-card-no-orders__element">
<p class="cabinet-card-no-orders__title">{{ __('No orders yet', 'woodmart')|esc_html }}</p>
<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>{{ __('Catalog', 'woodmart')|esc_html }}</p>
<p>{{ function('pll_e', 'Catalog') }}</p>
</a>
</div>
</div>
@ -232,15 +228,15 @@
<div class="cabinet-card cabinet-card--green">
<div class="cabinet-card__content">
<div class="cabinet-card__element">
<p class="cabinet-card__label">{{ __('Weight', 'woodmart')|esc_html }}:</p>
<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">{{ __('Age', 'woodmart')|esc_html }}:</p>
<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">{{ __('Activity', 'woodmart')|esc_html }}:</p>
<p class="cabinet-card__label">{{ function('pll_e', 'Activity') }}:</p>
<p class="cabinet-card__text">{{ pet.activity_text }}</p>
</div>
</div>
@ -251,33 +247,33 @@
<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">{{ __('Edit pet', 'woodmart')|esc_html }} {{ pet.title }}</p>
<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">{{ __('Pet type', 'woodmart')|esc_html }}</label>
<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 %}">
{{ __('Dog', 'woodmart')|esc_html }}
{{ 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 %}">
{{ __('Cat', 'woodmart')|esc_html }}
{{ 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">{{ __('Sterilized', 'woodmart')|esc_html }}</label>
<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 %}">
{{ __('Yes', 'woodmart')|esc_html }}
{{ 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 %}">
{{ __('No', 'woodmart')|esc_html }}
{{ function('pll_e', 'No') }}
<input type="radio" value="0" {% if not pet.sterilized %}checked{% endif %} name="sterilized" class="form-input-tabs__input" />
</label>
</div>
@ -285,20 +281,20 @@
<div class="modal-form-content__line">
<div class="modal-form-content-line__element">
<label for="firstname" class="label-name">{{ __('Breed', 'woodmart')|esc_html }}</label>
<input id="firstname" class="form__input" type="text" value="{{ pet.breed }}" name="breed" placeholder="Порода вашего питомца" required>
<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">{{ __('Gender of your pet', 'woodmart')|esc_html }}</label>
<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 %}">
{{ __('Boy', 'woodmart')|esc_html }}
{{ 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 %}">
{{ __('Girl', 'woodmart')|esc_html }}
{{ function('pll_e', 'Girl') }}
<input type="radio" value="female" {% if pet.sex != 'male' %}checked{% endif %} name="sex" class="form-input-tabs__input" />
</label>
</div>
@ -306,13 +302,13 @@
<div class="modal-form-content__line modal-form-content__line--two">
<div class="modal-form-content-line__element">
<label class="label-name">{{ __('Type of activity', 'woodmart')|esc_html }}</label>
<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">{{ __('Low', 'woodmart')|esc_html }}</p>
<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">
@ -321,7 +317,7 @@
</div>
</label>
<label class="form-input-list__item {% if pet.activity == 'moderate' %}active{% endif %}">
<p class="form-input-list-item__text">{{ __('Moderate', 'woodmart')|esc_html }}</p>
<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">
@ -330,7 +326,7 @@
</div>
</label>
<label class="form-input-list__item {% if pet.activity == 'high' %}active{% endif %}">
<p class="form-input-list-item__text">{{ __('High', 'woodmart')|esc_html }}</p>
<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">
@ -344,13 +340,13 @@
</div>
<div class="modal-form-content-line__element">
<label class="label-name">{{ __('Weight', 'woodmart')|esc_html }}</label>
<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 {{ __('kg', 'woodmart')|esc_html }}</p>
<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">
@ -359,7 +355,7 @@
</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 {{ __('kg', 'woodmart')|esc_html }}</p>
<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">
@ -368,7 +364,7 @@
</div>
</label>
<label class="form-input-list__item {% if pet.weight == '3-5' %}active{% endif %}">
<p class="form-input-list-item__text">3-5 {{ __('kg', 'woodmart')|esc_html }}</p>
<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">
@ -377,7 +373,7 @@
</div>
</label>
<label class="form-input-list__item {% if pet.weight == '5-8' %}active{% endif %}">
<p class="form-input-list-item__text">5-8 {{ __('kg', 'woodmart')|esc_html }}</p>
<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">
@ -386,7 +382,7 @@
</div>
</label>
<label class="form-input-list__item {% if pet.weight == '8-11' %}active{% endif %}">
<p class="form-input-list-item__text">8-11 {{ __('kg', 'woodmart')|esc_html }}</p>
<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">
@ -395,7 +391,7 @@
</div>
</label>
<label class="form-input-list__item {% if pet.weight == '11-15' %}active{% endif %}">
<p class="form-input-list-item__text">11-15 {{ __('kg', 'woodmart')|esc_html }}</p>
<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">
@ -404,7 +400,7 @@
</div>
</label>
<label class="form-input-list__item {% if pet.weight == '15-20' %}active{% endif %}">
<p class="form-input-list-item__text">15-20 {{ __('kg', 'woodmart')|esc_html }}</p>
<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">
@ -413,7 +409,7 @@
</div>
</label>
<label class="form-input-list__item {% if pet.weight == '20-25' %}active{% endif %}">
<p class="form-input-list-item__text">20-25 {{ __('kg', 'woodmart')|esc_html }}</p>
<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">
@ -422,7 +418,7 @@
</div>
</label>
<label class="form-input-list__item {% if pet.weight == '25-35' %}active{% endif %}">
<p class="form-input-list-item__text">25-35 {{ __('kg', 'woodmart')|esc_html }}</p>
<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">
@ -431,7 +427,7 @@
</div>
</label>
<label class="form-input-list__item {% if pet.weight == 'more_35' %}active{% endif %}">
<p class="form-input-list-item__text">{{ __('More than', 'woodmart')|esc_html }} 35 {{ __('kg', 'woodmart')|esc_html }}</p>
<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">
@ -446,14 +442,14 @@
</div>
<div class="modal-form-content__line">
<label class="label-name">{{ __('Pet\'s age', 'woodmart')|esc_html }}</label>
<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">
{{ __('Exemplary', 'woodmart')|esc_html }}
{{ 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">
{{ __('Exact', 'woodmart')|esc_html }}
{{ function('pll_e', 'Exact') }}
<input type="radio" value="acc" name="old_type" required class="form-input-tabs__input">
</label>
</div>
@ -466,42 +462,42 @@
<div class="form-input-radio__circle">
<div class="form-input-radio-circle__content"></div>
</div>
<p class="form-input-radio__title">{{ __('Baby <span>(from 0 to 1 year)</span>', 'woodmart')|raw }}</p>
<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">{{ __('Adult <span>(from 1 year to 7 years)</span>', 'woodmart')|raw }}</p>
<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">{{ __('Elderly <span>(from 7 to 12 years)</span>', 'woodmart')|raw }}</p>
<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">{{ __('Aging <span>(12 years and older)</span>', 'woodmart')|raw }}</p>
<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">{{ __('Day', 'woodmart')|esc_html }}</label>
<input id="firstname" class="form__input form__input--center" maxlength="2" type="text" name="day" placeholder="{{ __('DD', 'woodmart')|esc_html }}" value="{{ pet.day }}">
<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">{{ __('Month', 'woodmart')|esc_html }}</label>
<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">{{ __('Month', 'woodmart')|esc_html }}</div>
<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">
@ -521,17 +517,16 @@
</div>
</div>
<div class="modal-form-content-line__element">
<label for="firstname" class="label-name">{{ __('Year', 'woodmart')|esc_html }}</label>
<input id="firstname" class="form__input form__input--center" maxlength="4" type="text" name="year" placeholder="{{ __('YYYY', 'woodmart')|esc_html }}" value="{{ pet.year }}">
<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">{{ __('Save', 'woodmart')|esc_html }}</button>
<button class="button button--gradient button--high button--100-perc" type="submit">{{ function('pll_e', 'Save') }}</button>
</div>
</form>
</div>
</div>
</div>
</div>
Write Preview
Loading…
Cancel
Save