<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1" />
<title>Раcчет доставки</title>
<link rel="stylesheet" href="/style.css">
<style>
table{
border-collapse: collapse;
border-spacing: 0;
}
th, td{
text-align:left !important;
padding: 10px 20px;
border: 0px solid #000;
}
pcla
{
margin:0 0 5px !important;
}
@media(max-width: 960px) {
table, tr, td, tbody {
display: block;
width: 100%;
}
.ub-grid.grid-column {
display: block;
width: 100%;
}
.rowcalc {
margin-left:0px !important;
}
}
.test2 {
color:#006ab0;
background:#ffffff !important;
margin:0 30% 0 20%;
width:50%;
}
.test3 {
color:#006ab0;
background:#ffffff !important;
}
</style>
</style>
<script src="/app.js"></script>
<script src="/cap.js"></script>
<script src="https://code.jquery.com/jquery-2.2.4.min.js" defer></script>
</head>
<body>
[[$head]]
<div class="container">
<div class="rowcalc">
<div class="col-md-4">
<div class="logos">
<center>
<a href="/"> <img src="/img/logo.png" style="padding: 4%;height:130px" /></a>
</center>
</div>
</div>
<div class="col-md-5" style="padding-right: 0px;text-align: center; color: #f29700;"><b style="font-size: 1.9em;"> Единая Справочная служба </b> </div>
<div class="col-md-3" style="padding-left: 0px;text-align: center;padding-right: 0px; color: #f29700;"> <b style="font-size: 1.8em;"> 8 (495) 640-41-01 <a href="mailto:info@[[!mail]]">info@[[!mail]]</a></b> </div>
<div class="col-md-8"> <div class="clear-table" ></div>
<nav class="navbar navbar-inverse" role="navigation" style=" background: url(/img/menu2.jpg) #083654 no-repeat;">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
</div>
</nav>
</div>
</div>
<section>
<header>
<form method="post" action="smail.php">
<nav>
<ul class="ub-grid1 grid-line1">
<li class="ub-grid grid-line">
<div class="ub-grid grid-column">
<div class="form__wrapper">
<form>
<ul>
<li class="form__line">
<label for="name" class="labelf">ФИО<span class="red">*</span></label>
<input name="fio" type="text" class="d8" minlength="4" maxlength="25" size="25" required placeholder="Введите ФИО*"/> <br>
</li>
<li class="form__line">
<label for="name" class="labelf">ТЕЛЕФОН<span class="red">*</span></label>
<input name="tel" type="text" class="d1" minlength="4" maxlength="25" size="25" required placeholder="Введите номер Телефона*"/> <br>
</li>
<li class="form__line">
<label for="name" class="labelf">EMAIL<span class="red">*</span></label>
<input name="email" type="text" class="d3" minlength="4" maxlength="25" size="25" required placeholder="Введите EMAIL*"/> <br>
</li>
<li class="form__line">
<label for="name" class="labelf">АДРЕС<span class="red">*</span></label>
<input name="adress" type="text" class="d3" minlength="4" maxlength="25" size="25" required placeholder="Введите адрес"/> <br>
</li>
<li class="form__line">
<label for="phone" class="labelf">ГОРОД<span class="red">*</span></label>
<input name="citi" type="text" class="d4" minlength="4" maxlength="25" size="25" required placeholder="Введите название города*"/><br>
</li>
<li class="form__line">
<label for="email" class="labelf">УЛИЦА<span class="red">*</span></label>
<input name="strit" type="text" class="d5" minlength="4" maxlength="25" size="25" required placeholder="Введите название улицы*"/><br>
</li>
<li class="form__line">
<label for="email" class="labelf">ДОМ</label>
<input name="dom" type="text" class="d6" minlength="4" maxlength="25" size="25" placeholder="Введите номер дома"/><br>
</li>
<li class="form__line">
<label for="email" class="labelf">КВАРТИРА</label>
<input name="kv" type="text" class="d7" minlength="4" maxlength="25" size="25" placeholder="Введите номер квартиры"/><br>
</li>
</ul>
</form>
</div>
</div>
<div class="ub-grid grid-column"><p class="badge badge-warning2">ВЫБЕРИТЕ ЗОНУ ДОСТАВКИ</p>
<div class="field-radio-group">
<div class="field-body">
<label class="custom-control-label radioo" for="load1"> <input type="radio" id="load1" name="quant11" class="mtr custom-control-input radio" checked="checked">
<span>Доставка изделия в пределах МКАД</span></label>
</div>
<div class="field-body">
<label class="custom-control-label radioo" for="del1"> <input type="radio" id="del1" name="quant11" class="mtr custom-control-input radio" ><span>
Доставка изделия в пределах МБК.</span></label>
</div>
<div class="field-body">
<label class="custom-control-label radioo" for="frag1"> <input type="radio" id="frag1" name="quant11" class="mtr custom-control-input radio"><span>
Доставка изделия в пределах ББК.</span> </label>
</div>
</div></br>
<p class="badge badge-warning2">ВЫБЕРИТЕ ТАРИФ ДОСТАВКИ</p>
<div class="field-radio-group">
<div class="field-body">
<label class="custom-control-label radioo" for="load" ><input type="radio" id="load" name="quant" class="mtr custom-control-input" checked="checked"/>
<span>Тариф ЭКОНОМ
<a class="htooltip"><img src="pic3.png" class="imgtol2"></img>
<span>Распаковка/упаковка изделия для осмотра, осмотр изделия на борту машины, смс-оповещение, предупредительный звонок водителя за 1 час до доставки. Время ожидания клиента на обьекте 10 минут."
</span>
</a>
</span></label>
</div>
<div class="field-body">
<label class="custom-control-label radioo" for="del"><input type="radio" id="del" name="quant" class="mtr custom-control-input"/>
<span>Тариф СТАНДАРТ
<a class="htooltip"><img src="pic3.png" class="imgtol2"></img>
<span>Распаковка/упаковка изделия для осмотра, осмотр изделия на борту машины, смс-оповещение, предупредительный звонок водителя за 1 час до доставки, снятие изделия с борта машины, выбор даты доставки. Время ожидания клиента на обьекте 20 минут.
</span>
</a>
</span></label>
</div>
<div class="field-body">
<label class="custom-control-label radioo" for="frag"><input type="radio" id="frag" name="quant" class="mtr custom-control-input"/>
<span>Тариф ПРИОРИТИ
<a class="htooltip"><img src="pic3.png" class="imgtol2"></img>
<span>Распаковка/упаковка изделия для осмотра, осмотр изделия на борту машины, смс-оповещение, предупредительный звонок водителя за 1 час до доставки, снятие изделия с борта машины, выбор даты доставки, выбор времени доставки, время ожидания клиента на обьекте, дополнительная протирка изделия перед осмотром, утилизация установочных материалов, консультирование по самостоятельному монтажу, занос изделия(не более 20кг) в подьезд. Время ожидания клиента на обьекте 30 минут.
</span>
</a>
</span></label>
</div>
</div>
</li>
<li class="ub-grid grid-line">
<div class="test2"><p class="badge badge-warning">РУЧНОЙ ПОДЪЕМ</p>
</li>
<li class="ub-grid grid-line">
<div class="ub-grid grid-column"><p class="badge badge-warning2">КОЛИЧЕСТВО ИЗДЕЛИЙ</p>
<select type="select" id="weight" name="quant" class="form-control mtr" />
<option value="0">Нет</option>
<option value="1">1(+500р.)</option>
<option value="2">2(+1000р.)</option>
<option value="3">3(+1500р.)</option>
<option value="4">4(+2000р.)</option>
<option value="5">5(+2500р.)</option>
<option value="6">6(+3000р.)</option>
<option value="7">7(+3500р.)</option>
<option value="8">8(+4000р.)</option>
<option value="9">9(+4500р.)</option>
<option value="10">10(+5000р.)</option>
<option value="11">11(+5500р.)</option>
<option value="12">12(+6000р.)</option>
<option value="13">13(+6500р.)</option>
<option value="14">14(+7000р.)</option>
<option value="15">15(+7500р.)</option>
<option value="16">16(+8000р.)</option>
<option value="17">17(+8500р.)</option>
<option value="18">18(+9000р.)</option>
<option value="19">19(+9500р.)</option>
<option value="20">20(+10000р.)</option>
<option value="21">21(+10500р.)</option>
<option value="22">22(+11000р.)</option>
<option value="23">23(+11500р.)</option>
</select>
</div>
<div class="ub-grid grid-column">
<p class="badge badge-warning2">ВЫБЕРИТЕ ЭТАЖ</p>
<select type="select" id="voll" name="quant2" class="form-control mtr" />
<option value="0">Нет</option>
<option value="500">1</option>
<option value="1000">2</option>
<option value="1500">3</option>
<option value="2000">4</option>
<option value="2500">5</option>
<option value="3000">6</option>
<option value="3500">7</option>
<option value="4000">8</option>
<option value="4500">9</option>
<option value="5000">10</option>
<option value="5500">11</option>
<option value="6000">12</option>
<option value="6500">13</option>
<option value="7000">14</option>
<option value="7500">15</option>
<option value="8000">16</option>
<option value="8500">17</option>
<option value="9000">18</option>
<option value="9500">19</option>
<option value="10000">20</option>
<option value="10500">21</option>
<option value="11000">22</option>
<option value="11500">23</option>
</select>
</div>
</li>
<li class="ub-grid grid-line">
<div class="test2"><p class="badge badge-warning">ПОДЪЕМ НА ЛИФТЕ</p>
</div>
<div><p class="badge badge-warning2">КОЛИЧЕСТВО ИЗДЕЛИЙ</p></div>
<a class="htooltip"><img src="pic3.png" class="imgtol"></img>
<span>1000руб./Изделие. Грузовой лифт max 2000 * 1600 Пассажирский лифт max 1600 * 900. При заказе услуги монтажа, подъем на лифте осуществляется бесплатно!
</span>
</a>
<select type="select" id="length" name="quant5" class="form-control mtr" />
<option value="0">Нет</option>
<option value="1000">1(+1000)</option>
<option value="2000">2(+2000)</option>
<option value="3000">3(+3000)</option>
<option value="4000">4(+4000)</option>
<option value="5000">5(+5000)</option>
<option value="6000">6(+6000)</option>
<option value="7000">7(+7000)</option>
<option value="8000">8(+8000)</option>
<option value="9000">9(+9000)</option>
<option value="10000">10(+10000)</option>
<option value="11000">11(+11000)</option>
<option value="12000">12(+12000)</option>
<option value="13000">13(+13000)</option>
<option value="14000">14(+14000)</option>
<option value="15000">15(+15000)</option>
<option value="16000">16(+16000)</option>
<option value="17000">17(+17000)</option>
<option value="18000">18(+18000)</option>
<option value="19000">19(+19000)</option>
<option value="20000">20(+20000)</option>
<option value="21000">21(+21000)</option>
<option value="22000">22(+22000)</option>
<option value="23000">23(+23000)</option>
</select>
</li>
<li class="ub-grid grid-line">
<div class="test2"><p class="badge badge-warning">БРИГАДА ГРУЗЧИКОВ</p>
</div>
<a class="htooltip"><img src="pic3.png" class="imgtol"></img>
<span>При весе 1 изделия свыше 30кг необходимо оплатить работу грузчика.
</span>
</a>
<select type="select" id="steny" name="quant222" class="form-control mtr"/>
<option value="0">Нет</option>
<option value="3000">3000руб. - В пределах МКАД</option>
<option value="6000">6000руб. - В пределах МБК</option>
<option value="9000">9000руб. - В пределах ББК</option>
</select>
</li>
<li class="ub-grid grid-line">
<div class="test2"><p class="badge badge-warning">РАЗГРУЗОЧНЫЕ РАБОТЫ</p>
</div><a class="htooltip"><img src="pic3.png" class="imgtol"></img>
<span>При расстоянии > 10 метров от зоны выгрузки.
</span>
</a>
<select type="select" id="perekrytie" name="quant2" class="form-control mtr"/>
<option value="0">Нет</option>
<option value="1000">от 10 - 100 метров</option>
<option value="2000">от 100 - 200 метров</option>
<option value="3000">от 200 - 300 метров</option>
</select>
</li>
<li class="ub-grid grid-line">
<div class="ub-grid grid-column"><p class="badge badge-warning2">МОНТАЖ</p>
<select type="select" id="krov" name="quant21" class="form-control mtr">
<option value="Без монтажа">Без монтажа</option>
<option value="Обычный монтаж - 30% от стоимости изделия">Обычный монтаж - 30% от стоимости изделия</option>
<option value="Высотный монтаж - 60% от стоимости изделия">Высотный монтаж - 60% от стоимости изделия (верхняя грань изделия выше 2 метров)</option>
<option value="Ночной монтаж - 60% от стоимости изделия">Ночной монтаж - 60% от стоимости изделия (с 22.00 до 8.00)</option>
</select>
</div>
<div class="ub-grid grid-column"><p class="badge badge-warning2">ВЫБОР БРИГАДЫ</p>
<div class="field-radio-group">
<div class="field-body">
<label class="custom-control-label radioo" for="okna2"> <input type="radio" id="okna2" name="quant3" class="custom-control-input" checked="checked">
<span>Нет</span> </label>
</div>
<div class="field-body">
<label class="custom-control-label radioo" for="okna"> <input type="radio" id="okna" name="quant3" class="mtr custom-control-input">
<span>+ 10 000тыс. к стоимости</span></label>
</div>
</div>
</div>
</li>
<li class="ub-grid grid-line">
<div class="row12" id="body">
<input type="hidden" id="quantsss" name="quantsss">
<!-- <div class="half-width" style="display: block"><div class="full-width-el"><p>Услуги:</p></div></div>
<div class="row1 col-12 mb-3"><span id="out3">0.0</span> <span class="rub">₽ублей</span></div> -->
<div class="half-width" style="display: block"><div class="full-width-el"><p>Итого:</p></div></div>
<div class="row1 col-12 mb-3"><span id="out">0.0</span> <span class="rub">₽ублей</span></div>
<div class="row1 col-12 mb-3"><span id="out1"></span> <span class="rub"></span></div>
<input type="submit" value="Отправить расчет доставки" name="submit">
<INPUT TYPE="reset" VALUE="Сброс">
<div class="ub-grid grid-column"><p class="badge badge-warning3">Список выбранных услуг:</p></div>
<div class="field-radio-group">
<div class="field-body">
<div id="body"></div>
</div></div></div>
</br>
</div>
<br><br><br><br>
</div>
</li>
</ul>
</nav>
<script src="app.js" defer></script>
</form>
</body>
</html>