parent
52e70c2d80
commit
cfd53e815f
@ -0,0 +1,223 @@ |
||||
<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> |
Loading…
Reference in new issue