File: /home/emblazeone/public_html/lyyt/frontend/views/site/calculator.php
<?php
$this->registerJs('
$("#calc-age").inputmask("99 '.Yii::t('index','лет').'", {
placeholder: "",
showMaskOnHover: false,
showMaskOnFocus: true,
oncomplete: function() {
// return agetostr(parseInt($(this).val()));
// console.log(agetostr(parseInt($(this).val())));
}
});
function agetostr(age) {
var txt;
count = age % 100;
if (count >= 5 && count <= 20) {
txt = \''.Yii::t('index','лет').'\';
} else {
count = count % 10;
if (count == 1) {
txt = \''.Yii::t('index','год').'\';
} else if (count >= 2 && count <= 4) {
txt = \''.Yii::t('index','года').'\';
} else {
txt = \''.Yii::t('index','лет').'\';
}
}
return age+" "+txt;
}
', \yii\web\View::POS_END);
?>
<form id="calculator">
<section class="calc-sec sec" id="calc">
<div class="container">
<div class="title-wrap text-center mb-4 mb-lg-5">
<h2><?=Yii::t('index','Рассчитай для себя норму калорий в сутки')?></h2>
<p class="text-muted"><?=Yii::t('index','Если не знаешь свою суточную норму калорий — используй наш простой калькулятор.')?></p>
</div>
<div class="text-center">
<button class="btn btn-primary d-inline-block d-lg-none font-weight-bold btn-calc-toggle" type="button"><?=Yii::t('index','Просчитать норму каллорий')?></button>
</div>
<div class="calc mt-4">
<div class="row">
<div class="col-lg-10 offset-lg-1">
<form class="calc-form text-center">
<div class="calc-items">
<div class="calc-item">
<div class="h4"><?=Yii::t('index','Введите основные данные')?></div>
<div class="form-row">
<div class="form-group col-sm-6 col-md-3 text-center">
<select class="form-control" id="calc-sex" name="calc[sex]" data-notext="<?=Yii::t('index','Выберите пол')?>">
<option value="0" disabled selected hidden><?=Yii::t('index','Выберите пол')?></option>
<option value="1"><?=Yii::t('index','Мужской')?></option>
<option value="2"><?=Yii::t('index','Женский')?></option>
</select>
<div class="help-block"></div>
</div>
<div class="form-group col-sm-6 col-md-3">
<input type="text" class="form-control" data-notext="<?=Yii::t('index','Введите рост')?>" data-wrongtext="<?=Yii::t('index','Проверьте данные')?>" id="calc-height" name="calc[height]" placeholder="<?=Yii::t('index','Введите рост')?>">
<div class="help-block"></div>
</div>
<div class="form-group col-sm-6 col-md-3">
<input type="text" class="form-control" data-notext="<?=Yii::t('index','Введите вес')?>" data-wrongtext="<?=Yii::t('index','Проверьте данные')?>" id="calc-weight" name="calc[weight]" placeholder="<?=Yii::t('index','Введите вес')?>">
<div class="help-block"></div>
</div>
<div class="form-group col-sm-6 col-md-3">
<input type="text" class="form-control" data-notext="<?=Yii::t('index','Введите возраст')?>" data-wrongtext="<?=Yii::t('index','Проверьте данные')?>" id="calc-age" name="calc[age]" placeholder="<?=Yii::t('index','Введите возраст')?>">
<div class="help-block"></div>
</div>
</div>
</div>
<div class="calc-item">
<div class="h4"><?=Yii::t('index','Выберите вашу физическую активность')?></div>
<div class="form-row">
<div class="form-group form-check col-sm-6 col-md-3">
<input class="form-check-input" type="radio" checked name="calc[activity]" id="calc-activity-1" data-ratio="1.2" value="1">
<label class="form-check-label" for="calc-activity-1"><?=Yii::t('index','Низкая или отсутсвует')?></label>
</div>
<div class="form-group form-check col-sm-6 col-md-3">
<input class="form-check-input" type="radio" name="calc[activity]" id="calc-activity-2" data-ratio="1.375" value="2">
<label class="form-check-label" for="calc-activity-2"><?=Yii::t('index','Невысокая активность<br> (1-3 тренировки в неделю)')?></label>
</div>
<div class="form-group form-check col-sm-6 col-md-3">
<input class="form-check-input" type="radio" name="calc[activity]" id="calc-activity-3" data-ratio="1.55" value="3">
<label class="form-check-label" for="calc-activity-3"><?=Yii::t('index','Умеренная активность<br>(3-5 тренировок в неделю)')?></label>
</div>
<div class="form-group form-check col-sm-6 col-md-3">
<input class="form-check-input" type="radio" name="calc[activity]" id="calc-activity-4" data-ratio="1.725" value="4">
<label class="form-check-label" for="calc-activity-4"><?=Yii::t('index','Высокая активность<br> (6-7 тренировок в неделю)')?></label>
</div>
</div>
</div>
<div class="calc-item">
<div class="h4"><?=Yii::t('index','Цель питания')?></div>
<div class="form-row">
<div class="form-group form-check col-sm-6 col-md-4">
<input class="form-check-input" type="radio" checked name="calc[goal]" data-value="-500" id="calc-goal-1" value="1">
<label class="form-check-label" for="calc-goal-1"><?=Yii::t('index','Похудение')?></label>
</div>
<div class="form-group form-check col-sm-6 col-md-4">
<input class="form-check-input" type="radio" name="calc[goal]" data-value="0" id="calc-goal-2" value="2">
<label class="form-check-label" for="calc-goal-2"><?=Yii::t('index','Поддержка')?></label>
</div>
<div class="form-group form-check col-sm-6 col-md-4">
<input class="form-check-input" type="radio" name="calc[goal]" data-value="400" id="calc-goal-3" value="3">
<label class="form-check-label" for="calc-goal-3"><?=Yii::t('index','Набор веса')?></label>
</div>
</div>
</div>
</div>
<div class="calc-res row">
<div class="mb-3 col-md-5 col-lg-3">
<button type="button" class="btn btn-primary btn-calc"><?=Yii::t('index','Просчитать')?></button>
</div>
<div class="mb-3 col-md-7 col-lg-6">
<div class="calc-res__box">
<div class="row">
<div class="pt-1 lh-125 col-sm-6 calc-res__left text-sm-left font-weight-bold"><?=Yii::t('index','Ваша суточная<br> норма составляет')?></div>
<div class="col-sm-6 text-sm-right calc-res__right"><span class="calc-res__count">0</span> <i>ккал</i></div>
</div>
</div>
</div>
<div class="mb-3 col-md-5 col-lg-3">
<a href="javascript:void()" id="consult-button" data-toggle="modal" data-target="#modal-callback" class="btn btn-secondary"><?=Yii::t('index','Заказать консультацию')?></a>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</section>
</form>