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.
223 lines
14 KiB
223 lines
14 KiB
<div class="modalProfile" id="pet_edit_{{ item.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">{{ fn('pll_e', 'Редактировать питомца') }} {{ item.title }}</p>
|
|
|
|
<form class="modal-form__content edit-pet-form" method="post" action="">
|
|
<input type="hidden" name="nonce" value="{{ fn('wp_create_nonce', 'edit_pet_nonce') }}">
|
|
<input type="hidden" name="action" value="edit_pet">
|
|
<input type="hidden" name="pet_id" value="{{ item.ID }}">
|
|
|
|
<div class="modal-form-content__line">
|
|
<label class="label-name">{{ fn('pll_e', 'Вид животного') }}</label>
|
|
<div class="form-input__tabs">
|
|
<label class="form-input-tabs__button {% if item.meta('type') == 'cat' %}active{% endif %}">
|
|
{{ fn('pll_e', 'Кошка') }}
|
|
<input type="radio" value="cat" name="pet" class="form-input-tabs__input" {% if item.meta('type') == 'cat' %}checked{% endif %}>
|
|
</label>
|
|
<label class="form-input-tabs__button {% if item.meta('type') == 'dog' %}active{% endif %}">
|
|
{{ fn('pll_e', 'Собака') }}
|
|
<input type="radio" value="dog" name="pet" class="form-input-tabs__input" {% if item.meta('type') == 'dog' %}checked{% endif %}>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="modal-form-content__line sterilized" {% if item.meta('type') == 'dog' %}style="display: none;"{% endif %}>
|
|
<label class="label-name">{{ fn('pll_e', 'Стерелизован') }}</label>
|
|
<div class="form-input__tabs">
|
|
<label class="form-input-tabs__button {% if item.meta('sterilized') %}active{% endif %}">
|
|
{{ fn('pll_e', 'Да') }}
|
|
<input type="radio" value="1" name="sterilized" class="form-input-tabs__input" {% if item.meta('sterilized') %}checked{% endif %}>
|
|
</label>
|
|
<label class="form-input-tabs__button {% if not item.meta('sterilized') %}active{% endif %}">
|
|
{{ fn('pll_e', 'Нет') }}
|
|
<input type="radio" value="0" name="sterilized" class="form-input-tabs__input" {% if not item.meta('sterilized') %}checked{% endif %}>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="modal-form-content__line">
|
|
<div class="modal-form-content-line__element">
|
|
<label class="label-name">{{ fn('pll_e', 'Порода') }}</label>
|
|
<input class="form__input" type="text" name="breed" value="{{ item.meta('breed')|e }}" placeholder="{{ fn('pll_e', 'Порода вашего питомца') }}" required>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="modal-form-content__line">
|
|
<label class="label-name">{{ fn('pll_e', 'Пол вашего питомца') }}</label>
|
|
<div class="form-input__tabs">
|
|
<label class="form-input-tabs__button {% if item.meta('sex') == 'male' %}active{% endif %}">
|
|
{{ fn('pll_e', 'Мальчик') }}
|
|
<input type="radio" value="male" name="sex" class="form-input-tabs__input" {% if item.meta('sex') == 'male' %}checked{% endif %}>
|
|
</label>
|
|
<label class="form-input-tabs__button {% if item.meta('sex') == 'female' %}active{% endif %}">
|
|
{{ fn('pll_e', 'Девочка') }}
|
|
<input type="radio" value="female" name="sex" class="form-input-tabs__input" {% if item.meta('sex') == 'female' %}checked{% endif %}>
|
|
</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">
|
|
{% if item.meta('activity') == 'low' %}
|
|
{{ fn('pll_e', 'Низкая') }}
|
|
{% elseif item.meta('activity') == 'moderate' %}
|
|
{{ fn('pll_e', 'Средняя') }}
|
|
{% elseif item.meta('activity') == 'high' %}
|
|
{{ fn('pll_e', 'Высокая') }}
|
|
{% else %}
|
|
{{ fn('pll_e', 'Выберите из списка') }}
|
|
{% endif %}
|
|
</div>
|
|
<div class="form-input-list__block-content" style="height: 0px;">
|
|
<div class="form-input-list__content">
|
|
{% set activities = {
|
|
'low': 'Низкая',
|
|
'moderate': 'Средняя',
|
|
'high': 'Высокая'
|
|
} %}
|
|
{% for value, label in activities %}
|
|
<label class="form-input-list__item {% if item.meta('activity') == value %}active{% endif %}">
|
|
<p class="form-input-list-item__text">{{ fn('pll_e', label) }}</p>
|
|
<input type="radio" required name="activity" value="{{ value }}" class="v-hidden" {% if item.meta('activity') == value %}checked{% endif %}>
|
|
<div class="form-input-list-item__box">
|
|
<div class="form-input-list-item-box__content">
|
|
<img src="{{ theme.link }}/static/img/svg/main/arrow-selected-white.svg" alt="">
|
|
</div>
|
|
</div>
|
|
</label>
|
|
{% endfor %}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<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">
|
|
{% set weight_options = {
|
|
'below_1_5': '1-1.5 кг',
|
|
'1_5-3': '1.5-3 кг',
|
|
'3-5': '3-5 кг',
|
|
'5-8': '5-8 кг',
|
|
'8-11': '8-11 кг',
|
|
'11-15': '11-15 кг',
|
|
'15-20': '10-20кг',
|
|
'20-25': '20-25кг',
|
|
'25-35': '25-35 кг',
|
|
'more_35': 'Более 35 кг'
|
|
} %}
|
|
{{ fn('pll_e', weight_options[item.meta('weight')] ?? 'Выберите из списка') }}
|
|
</div>
|
|
<div class="form-input-list__block-content" style="height: 0px;">
|
|
<div class="form-input-list__content">
|
|
{% for value, label in weight_options %}
|
|
<label class="form-input-list__item {% if item.meta('weight') == value %}active{% endif %}">
|
|
<p class="form-input-list-item__text">{{ fn('pll_e', label) }}</p>
|
|
<input type="radio" required name="weight" value="{{ value }}" class="v-hidden" {% if item.meta('weight') == value %}checked{% endif %}>
|
|
<div class="form-input-list-item__box">
|
|
<div class="form-input-list-item-box__content">
|
|
<img src="{{ theme.link }}/static/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 class="form-input-tabs__button active" data-rm="0">
|
|
{{ fn('pll_e', 'Примерный') }}
|
|
<input type="radio" value="ex" name="old_type" class="form-input-tabs__input" checked>
|
|
</label>
|
|
<label class="form-input-tabs__button" data-rm="1">
|
|
{{ fn('pll_e', 'Точный') }}
|
|
<input type="radio" value="acc" name="old_type" class="form-input-tabs__input">
|
|
</label>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="modal__age">
|
|
<div class="form-input__radio remote-control__item active" data-rmcont="0">
|
|
{% set age_options = {
|
|
'baby': ['Малыш', '(от 0 до 1 года)'],
|
|
'normal': ['Взрослый', '(от 1 года до 7 лет)'],
|
|
'old': ['Пожилой', '(от 7 до 12 лет)'],
|
|
'very_old': ['Стареющий', '(от 12 лет и старше)']
|
|
} %}
|
|
{% for value, label in age_options %}
|
|
<label class="form-input-radio__item {% if item.meta('old') == value %}active{% endif %}">
|
|
<input type="radio" name="old" value="{{ value }}" class="v-hidden" {% if item.meta('old') == value %}checked{% endif %}>
|
|
<div class="form-input-radio__circle"><div class="form-input-radio-circle__content"></div></div>
|
|
<p class="form-input-radio__title">{{ fn('pll_e', label[0]) }} <span>{{ fn('pll_e', label[1]) }}</span></p>
|
|
</label>
|
|
{% endfor %}
|
|
</div>
|
|
|
|
<div class="modal-form-content__line remote-control__item modal-form-content__line--three modal-form-content__line--margin-top-16" data-rmcont="1">
|
|
<div class="modal-form-content-line__element">
|
|
<label class="label-name">{{ fn('pll_e', 'День') }}</label>
|
|
<input class="form__input form__input--center" maxlength="2" type="text" name="day" value="{{ item.meta('day') }}" placeholder="{{ fn('pll_e', 'ДД') }}">
|
|
</div>
|
|
<div class="modal-form-content-line__element">
|
|
<label class="label-name">{{ fn('pll_e', 'Месяц') }}</label>
|
|
{% set selected_month = item.meta('month')|default('') %}
|
|
{% set month_names = [
|
|
'', 'Январь', 'Февраль', 'Март', 'Апрель', 'Май', 'Июнь',
|
|
'Июль', 'Август', 'Сентябрь', 'Октябрь', 'Ноябрь', 'Декабрь'
|
|
] %}
|
|
|
|
<div class="form-input__list">
|
|
<div class="form-input-list__input">
|
|
{% if selected_month and month_names[selected_month] is defined %}
|
|
{{ fn('pll_e', month_names[selected_month]) }}
|
|
{% else %}
|
|
{{ fn('pll_e', 'Месяц') }}
|
|
{% endif %}
|
|
</div>
|
|
<div class="form-input-list__block-content">
|
|
<div class="form-input-list__content">
|
|
{% for i in 1..12 %}
|
|
<label class="form-input-list__item">
|
|
<p class="form-input-list-item__text">{{ fn('pll_e', month_names[i]) }}</p>
|
|
<input type="radio" name="month" value="{{ i }}" class="v-hidden" {% if selected_month == i %}checked{% endif %}>
|
|
<div class="form-input-list-item__box">
|
|
<div class="form-input-list-item-box__content">
|
|
<img src="{{ theme.link }}/static/img/svg/main/arrow-selected-white.svg" alt="">
|
|
</div>
|
|
</div>
|
|
</label>
|
|
{% endfor %}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
<div class="modal-form-content-line__element">
|
|
<label class="label-name">{{ fn('pll_e', 'Год') }}</label>
|
|
<input class="form__input form__input--center" maxlength="4" type="text" name="year" value="{{ item.meta('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>
|
|
|