|
|
|
@ -107,14 +107,9 @@ |
|
|
|
|
</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"> |
|
|
|
@ -123,14 +118,15 @@ |
|
|
|
|
|
|
|
|
|
<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> |
|
|
|
|
<label 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"> |
|
|
|
@ -138,15 +134,14 @@ |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
<!-- Стерилизован --> |
|
|
|
|
<div class="modal-form-content__line sterilized"> |
|
|
|
|
<label for="" class="label-name">{{ fn('pll_e', 'Стерелизован') }}</label> |
|
|
|
|
|
|
|
|
|
<label 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"> |
|
|
|
@ -154,29 +149,30 @@ |
|
|
|
|
</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> |
|
|
|
|
<label class="label-name">{{ fn('pll_e', 'Имя') }}</label> |
|
|
|
|
<input 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> |
|
|
|
|
<label class="label-name">{{ fn('pll_e', 'Порода') }}</label> |
|
|
|
|
<input 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> |
|
|
|
|
|
|
|
|
|
<label 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"> |
|
|
|
@ -184,13 +180,15 @@ |
|
|
|
|
</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__block-content"> |
|
|
|
|
<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"> |
|
|
|
@ -200,6 +198,7 @@ |
|
|
|
|
</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"> |
|
|
|
@ -209,6 +208,7 @@ |
|
|
|
|
</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"> |
|
|
|
@ -218,45 +218,70 @@ |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</label> |
|
|
|
|
|
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
<!-- Вес --> |
|
|
|
|
<div class="modal-form-content-line__element"> |
|
|
|
|
<label for="firstname" class="label-name">{{ fn('pll_e', 'Вес') }}</label> |
|
|
|
|
<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__block-content"> |
|
|
|
|
<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> |
|
|
|
|
|
|
|
|
|
<label class="form-input-list__item"> |
|
|
|
|
<p class="form-input-list-item__text">1-1.5 кг</p> |
|
|
|
|
<input type="radio" required name="weight" 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> |
|
|
|
|
</label> |
|
|
|
|
{% endfor %} |
|
|
|
|
</div> |
|
|
|
|
</label> |
|
|
|
|
|
|
|
|
|
<label class="form-input-list__item"> |
|
|
|
|
<p class="form-input-list-item__text">1.5-3 кг</p> |
|
|
|
|
<input type="radio" required name="weight" 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"> |
|
|
|
|
<p class="form-input-list-item__text">3-5 кг</p> |
|
|
|
|
<input type="radio" required name="weight" 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"> |
|
|
|
|
<p class="form-input-list-item__text">5-8 кг</p> |
|
|
|
|
<input type="radio" required name="weight" 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> |
|
|
|
|
|
|
|
|
|
<!-- Добавь остальные веса аналогично --> |
|
|
|
|
<!-- ... --> |
|
|
|
|
|
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
<!-- Возраст --> |
|
|
|
|
<div class="rm"> |
|
|
|
|
<div class="modal-form-content__line"> |
|
|
|
|
<label class="label-name">{{ fn('pll_e', 'Возраст питомца') }}</label> |
|
|
|
@ -265,8 +290,7 @@ |
|
|
|
|
{{ 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"> |
|
|
|
|
<label for="accurate" 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> |
|
|
|
@ -274,80 +298,74 @@ |
|
|
|
|
</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 %} |
|
|
|
|
|
|
|
|
|
<label class="form-input-radio__item active"> |
|
|
|
|
<input type="radio" name="old" value="baby" 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">{{ fn('pll_e', 'Малыш') }} <span>{{ fn('pll_e', '(от 0 до 1 года)') }}</span></p> |
|
|
|
|
</label> |
|
|
|
|
|
|
|
|
|
<label class="form-input-radio__item"> |
|
|
|
|
<input type="radio" name="old" value="normal" class="v-hidden"> |
|
|
|
|
<div class="form-input-radio__circle"> |
|
|
|
|
<div class="form-input-radio-circle__content"></div> |
|
|
|
|
</div> |
|
|
|
|
<p class="form-input-radio__title">{{ fn('pll_e', 'Взрослый') }} <span>{{ fn('pll_e', '(от 1 года до 7 лет)') }}</span></p> |
|
|
|
|
</label> |
|
|
|
|
|
|
|
|
|
<label class="form-input-radio__item"> |
|
|
|
|
<input type="radio" name="old" value="old" class="v-hidden"> |
|
|
|
|
<div class="form-input-radio__circle"> |
|
|
|
|
<div class="form-input-radio-circle__content"></div> |
|
|
|
|
</div> |
|
|
|
|
<p class="form-input-radio__title">{{ fn('pll_e', 'Пожилой') }} <span>{{ fn('pll_e', '(от 7 до 12 лет)') }}</span></p> |
|
|
|
|
</label> |
|
|
|
|
|
|
|
|
|
<label class="form-input-radio__item"> |
|
|
|
|
<input type="radio" name="old" value="very_old" class="v-hidden"> |
|
|
|
|
<div class="form-input-radio__circle"> |
|
|
|
|
<div class="form-input-radio-circle__content"></div> |
|
|
|
|
</div> |
|
|
|
|
<p class="form-input-radio__title">{{ fn('pll_e', 'Стареющий') }} <span>{{ fn('pll_e', '(от 12 лет и старше)') }}</span></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">{{ fn('pll_e', 'День') }}</label> |
|
|
|
|
<input id="firstname" class="form__input form__input--center" maxlength="2" type="text" name="day" placeholder="{{ fn('pll_e', 'ДД') }}"> |
|
|
|
|
<label class="label-name">{{ fn('pll_e', 'День') }}</label> |
|
|
|
|
<input 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> |
|
|
|
|
<label class="label-name">{{ fn('pll_e', 'Месяц') }}</label> |
|
|
|
|
<!-- Месяцы тоже можно захардкодить аналогично — по той же схеме --> |
|
|
|
|
</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', 'ГГГГ') }}"> |
|
|
|
|
<label class="label-name">{{ fn('pll_e', 'Год') }}</label> |
|
|
|
|
<input 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"> |
|
|
|
|