Advertisement
Guest User

Untitled

a guest
Nov 24th, 2018
148
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 34.11 KB | None | 0 0
  1. <html>
  2. <head>
  3. <meta charset="UTF-8">
  4. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  5. <title>Форма заказа</title>
  6. <link href="/css/jqueryui/jquery-ui.css" rel="stylesheet" type="text/css">
  7. <link rel="stylesheet" href="css/main.css">
  8.  
  9. <script type="text/javascript" src="js/jquery-1.12.0.min.js"></script>
  10. <script type="text/javascript" src="js/jquery-ui-1.10.3.custom.js"></script>
  11. <script type="text/javascript" src="js/jquery.maskedinput.min.js"></script>
  12. <script type="text/javascript">
  13. var default_city = '22';
  14. function load_cars()
  15. {
  16. $.get('support.php', {
  17. "type":'cars',
  18. "default":default_city
  19. }, function(response){
  20. $.each(response, function(key,val){
  21. $('#car_type').append('<option value="'+key+'">'+val+'</option>');
  22. });
  23. }, "json"); //
  24. }
  25. function load_serv()
  26. {
  27. $.get('support.php', {
  28. "type":'service',
  29. "default":default_city
  30. }, function(response){
  31. //alert(response);
  32. $.each(response, function(key,val){
  33. var cont = $('<div class="additem"></div>');
  34. var img_serv = $('<div class="additem__img img_'+key+'"></div>');
  35. var inp_serv = $('<input type="checkbox" name="service[]" id="input-'+key+'" class="userdata" value="'+key+'">')
  36. var cb = $('<label for="input-'+key+'" class="additem__labeltext"></label>');
  37. cb.change(function(){
  38. $('#make_order').attr('disabled', 'disabled');
  39. });
  40. cont.append(img_serv);
  41. cb.append(inp_serv);
  42. cb.append(val);
  43. cont.append(cb);
  44. $('.add-items').append(cont);
  45.  
  46. });
  47. }, "json"); //
  48. }
  49. function load_towns()
  50. {
  51. $.get('support.php', {
  52. "type":'towns',
  53. "default":default_city
  54. }, function(response){
  55. //alert(response);
  56. $('.city').empty();
  57. $.each(response, function(key,val){
  58. $('.city').append('<option value="'+key+'">'+val+'</option>');
  59. });
  60. }, "json"); //
  61. }
  62. function load_places(elm, town = 1)
  63. {
  64. $.get('support.php', {
  65. "type":'places',
  66. "town":town,
  67. "default":default_city
  68. }, function(response){
  69. //alert(response);
  70. elm.empty();
  71. var opt = $('<option value="">Выберите место</option>');
  72. opt.data('city', '').data('street', '').data('house', '');
  73. elm.append(opt);
  74. $.each(response, function(key,val){
  75. var opt = $('<option value="'+val.name+'">'+val.name+'</option>');
  76. opt.data('city', val.town).data('street', val.street).data('house', val.house);
  77. elm.append(opt);
  78. });
  79. }, "json"); //
  80. }
  81. function check_auth()
  82. {
  83. $.post('support.php', {
  84. "type":'check_auth',
  85. "default":default_city
  86. }, function(response){
  87. if (response.state == 'ok')
  88. {
  89. $('#auth_button').hide(0);
  90. $('#auth_code').hide(0);
  91. $('#get_code').hide(0);
  92. $('#phone_field').val(response.phone).attr('disabled', 'disabled').css({'color':'#999','border':'#00aa00 1px solid'}).attr('title','Вы авторизованы');
  93. //$('#count_order').show();
  94. $('#make_order').show();
  95. $('#sum_field').show();
  96. $('#logout').show();
  97. load_orders();
  98. auth_flag = true;
  99. }
  100. }, "json"); //
  101. }
  102. function load_orders(type = false, overlay = false)
  103. {
  104. if (overlay) $('#overlay').stop().fadeIn(50);
  105. $.post('support.php', {
  106. "type":'load_orders',
  107. "default":default_city
  108. }, function(response){
  109. if (overlay) $('#overlay').stop().fadeOut(50);
  110. $('#orders').empty();
  111.  
  112. //
  113. //$('#orders').html(response);
  114. //return false;
  115.  
  116. if ((type) && (response.data.length > 0) && (confirm('У Вас есть заказы. Прейти к ним?')))
  117. {
  118. var elm = $('#orders');
  119. if (elm.is(':hidden'))
  120. {
  121. $('.change_mode').removeClass('hl');
  122. $('.change_mode[href="#orders"]').addClass('hl');
  123. $('.mode_pages').slideUp(200, function(){
  124. elm.slideDown(200);
  125. });
  126. }
  127. }
  128.  
  129. var fff = true;
  130. $.each(response.data, function(key,val){
  131. if (!fff) $('#orders').append('<hr />');
  132. else fff = false;
  133. var cont = $('<div class="order_block"></div>');
  134. var route = $('<div class="order_route"></div>');
  135. var fr = true;
  136. //cont.append(val.state+'<br />');
  137. $.each(val.route, function(key1,val1){
  138. if (!fr) route.append(' => ');
  139. else fr = false;
  140.  
  141. if (val1.place != '') var pll = val1.place+', ';
  142. else var pll = '';
  143.  
  144. route.append(val1.town+', '+pll+val1.street+', '+val1.house);
  145. });
  146. cont.append(route);
  147. var price = $('<div class="order_price"></div>');
  148. price.append('Стоимость заказа: '+val.paysum+' ');
  149. if (val.state < '1')
  150. {
  151. var amount = val.paysum - val.ordersum + 10;
  152. var add_10 = $('<button class="order_add_10" data-id="'+val.id+'" data-amount="'+amount+'" title="Добавить 10 руб. к стоимости заказа">+ 10</button>');
  153. add_10.click(function(){
  154. var elm = $(this);
  155. $.post('support.php',{"type":"add_10","id":$(this).data('id'),"amount":$(this).data('amount')}, function(response){
  156. //alert(response);
  157. load_orders();
  158. });
  159. return false;
  160. });
  161. price.append(add_10);
  162. price.append('<br /><small>Увеличение стоимости заказа ускоряет поиск авто.</small>');
  163. }
  164. cont.append(price);
  165. if (val.preorder == '1') cont.append('Заказ на <b>'+val.required_time+'</b>');
  166. else cont.append('Заказ на <b>сейчас</b>');
  167.  
  168.  
  169. if (val.state == 0)
  170. {
  171. var car_b = $('<div></div>');
  172. car_b.append('<b>Идет поиск водителя........</b>');
  173. cont.append(car_b);
  174. }
  175. if (val.state == 1)
  176. {
  177. var car_b = $('<div></div>');
  178. car_b.append('<b>К Вам выехал автомобиль '+val.model+' '+val.carnumber+' '+val.color+'<br />Телефон водителя: '+val.driver_phone+'</b>');
  179. cont.append(car_b);
  180. }
  181. if ((val.state == 2) || (val.state == 3))
  182. {
  183. var car_b = $('<div></div>');
  184. car_b.append('<b>Вас ожидает автомобиль '+val.model+' '+val.carnumber+' '+val.color+'<br />Телефон водителя: '+val.driver_phone+'</b>');
  185. cont.append(car_b);
  186. }
  187. if (val.state == 4)
  188. {
  189. var car_b = $('<div></div>');
  190. car_b.append('<b>Клиент в автомобиле '+val.model+' '+val.carnumber+' '+val.color+'<br />Телефон водителя: '+val.driver_phone+'</b>');
  191. cont.append(car_b);
  192. }
  193.  
  194. if(val.state <= '3')
  195. {
  196. var ocancel = $('<button class="order_cancel" data-id="'+val.id+'" title="Отменить заказ">Отменить заказ</button>');
  197. ocancel.click(function(){
  198. if (confirm('Вы уверены, что хотите отменить заказ?'))
  199. {
  200. var elm = $(this);
  201. $.post('support.php',{"type":"cancel","id":$(this).data('id')}, function(response){
  202. //alert(response);
  203. load_orders();
  204. });
  205. }
  206. return false;
  207. });
  208. cont.append(ocancel);
  209. }
  210. $('#orders').append(cont);
  211. });
  212. }, "json"); //
  213. }
  214.  
  215. function IsJson(str) {
  216. try {
  217. JSON.parse(str);
  218. } catch (e) {
  219. return false;
  220. }
  221. return true;
  222. }
  223.  
  224. function check_old_date()
  225. {
  226. var date = $('#preorder_date').val().split('-');
  227. var time = $('#preorder_time').val().split(':');
  228.  
  229. var cdate = new Date();
  230. var tdate = new Date(date[0], date[1]-1, date[2], time[0], time[1], cdate.getSeconds(), 999);
  231.  
  232. if (tdate.valueOf() < cdate.valueOf())
  233. {
  234. // Текущая дата в предзаказе
  235. var now = new Date();
  236. var month = now.getMonth()+1;
  237. if (month<10) month = '0'+month;
  238. var date = now.getDate();
  239. if (date<10) date = '0'+date;
  240.  
  241. var hours = now.getHours();
  242. if (hours<10) hours = '0'+hours;
  243. var mins = now.getMinutes()
  244. if (mins<10) mins = '0'+mins;
  245.  
  246. $('#preorder_date').val(now.getFullYear()+'-'+month+'-'+date);
  247. $('#preorder_time').val(hours+':'+mins);
  248.  
  249. alert('Дата предварительного заказа не может быть меньше текущей даты.');
  250. }
  251.  
  252. }
  253.  
  254.  
  255. var auth_flag = false;
  256. var calculate_flag = false;
  257. $('document').ready(function(){
  258. load_cars();
  259. load_serv();
  260. load_towns();
  261. load_places($('.place'));
  262. check_auth();
  263. setInterval(function(){
  264. load_orders();
  265. }, 60000);
  266.  
  267. $('.place').change(function(){
  268. var elm = $(this).parent();
  269. var city = elm.children('.city').first();
  270. var street = elm.children('.street').first();
  271. var house = elm.children('.dom').first();
  272.  
  273. //$(this).children('option:selected').eq(0).data('street');
  274.  
  275. var city_val = city.children('option:contains('+$(this).children('option:selected').eq(0).data('city')+')').first().val();
  276. var street_val = $(this).children('option:selected').eq(0).data('street');
  277. var dom_val = $(this).children('option:selected').eq(0).data('house');
  278. city.val(city_val);
  279. street.val(street_val);
  280. house.val(dom_val);
  281.  
  282. //alert(city_val);
  283.  
  284. //$(this).children('option:selected').eq(0).data('street');
  285. });
  286.  
  287. // Текущая дата в предзаказе
  288. var now = new Date();
  289. var month = now.getMonth()+1;
  290. if (month<10) month = '0'+month;
  291. var date = now.getDate();
  292. if (date<10) date = '0'+date;
  293.  
  294. var hours = now.getHours();
  295. if (hours<10) hours = '0'+hours;
  296. var mins = now.getMinutes()
  297. if (mins<10) mins = '0'+mins;
  298.  
  299. $('#preorder_date').val(now.getFullYear()+'-'+month+'-'+date);
  300. $('#preorder_time').val(hours+':'+mins);
  301.  
  302. $('#add_address').click(function(){
  303. var elm = $('.address_block:hidden').eq(0);
  304. elm.insertAfter($('.address_block:visible').eq(-1)).show().children('select,input').removeAttr('disabled');
  305. elm.children('.street,.dom').attr('required','required');
  306. return false;
  307. });
  308. $('.remove').click(function(){
  309. var count = $('.address_block:visible').length;
  310. if (count > 2)
  311. {
  312. var elm = $(this).parent();
  313. elm.hide().children('input').attr('disabled','disabled').val('');
  314. elm.children('select').attr('disabled','disabled').val('1');
  315. elm.children('.place').attr('disabled','disabled').val('');
  316. elm.children('.street,.dom').removeAttr('required');
  317. }
  318. return false;
  319. });
  320. $('.up').click(function(){
  321. var elm = $(this).parent();
  322. elm.insertBefore(elm.prev());
  323. return false;
  324. });
  325. $('.down').click(function(){
  326. var elm = $(this).parent();
  327. elm.insertAfter(elm.next());
  328. return false;
  329. });
  330. $('.street').autocomplete({
  331. minLength: 2,
  332. source:function(request,response){
  333. $.get('support.php', {
  334. "type":'streets',
  335. "q":request.term,
  336. "city":$(this)[0].element.parent().children('.city').eq(0).val(),
  337. "default":default_city
  338. }, function(data){
  339. //alert(data);
  340. response(data);
  341. }, "json"); //
  342. }
  343. });
  344. $('#get_code').click(function(){
  345. $('#overlay').stop().fadeIn(50);
  346. if ($('#phone_field').val() == ""){
  347. alert('Неправильный номер телефона. Укажите 10 цифр.'); $('#overlay').stop().fadeOut(50);
  348. }
  349. else { $.post('support.php', {"type":"get_code","phone":$('#phone_field').val(),"default":default_city}, function(response){
  350. $('#overlay').stop().fadeOut(50);
  351. $('#auth_code').show().val(response);
  352. $('#get_code').hide(0);
  353. $('#auth_button').show(0);
  354. });}
  355. return false;
  356. });
  357. $('#auth_button').click(function(){
  358. $('#overlay').stop().fadeIn(50);
  359. $.post('support.php', {
  360. "type":'auth',
  361. "confirm":$('#auth_code').val(),
  362. "default":default_city
  363. }, function(response){
  364. $('#overlay').stop().fadeOut(50);
  365. // прячем кнопку, поле ввода для кода и делаем телефон неизменяемым
  366. if (response == 'ok')
  367. {
  368. $('#auth_button').hide(0);
  369. $('#auth_code').hide(0);
  370. $('#phone_field').attr('disabled', 'disabled').css({'color':'#999','border':'#00aa00 2px solid', 'padding-left':'10px'}).attr('title','Вы авторизованы');
  371. //$('#count_order').show();
  372. $('#make_order').show();
  373. $('#sum_field').show();
  374. $('#logout').show();
  375. load_orders(true);
  376. auth_flag = true;
  377. }
  378. else alert('Неправильный код подтверждения. Проверьте правильность кода и попробуйсте снова!');
  379. });
  380. return false;
  381. });
  382. $('#logout').click(function(){
  383. $.post('support.php', {'type':'logout'}, function(){
  384. location.reload();
  385. });
  386. return false;
  387. });
  388. $('#preorder').click(function(){
  389. if($(this).prop("checked")) $('#preorder_date_block').slideDown();
  390. else $('#preorder_date_block').slideUp();
  391. });
  392. $('#load_frame').load(function(){
  393. $('#overlay').stop().fadeOut(50);
  394. var content = $(this).contents().find('body').html();
  395. //alert(content);
  396. if (IsJson(content))
  397. {
  398. var out = JSON.parse(content);
  399. if (out.type == 'calculate')
  400. {
  401. calculate_flag = true;
  402. if (out.distance > 0)
  403. {
  404. $('#sum_field').val(out.cost);
  405. $('#sum_field2').val(out.cost);
  406. $('#distance_box').show(0);
  407. $('#distance').html(out.distance);
  408. $('#distance2').html(out.distance);
  409. $('#wrong_address_msg').hide(0);
  410. $('#make_order').removeAttr('disabled');
  411. }
  412. else
  413. {
  414. $('#sum_field').val('0');
  415. $('#distance_box').hide(0);
  416. $('#wrong_address_msg').show(0);
  417. }
  418. }
  419. else if (out.type == 'order')
  420. {
  421. $('.userdata').val('');
  422. $('select.userdata').val('1');
  423. $('input.userdata').removeAttr('checked');
  424. $('#children').val('0');
  425. $('#sum_field').val('');
  426. $('#distance_box').hide();
  427. load_orders();
  428. var elm = $('#orders');
  429. if (elm.is(':hidden'))
  430. {
  431. $('.change_mode').removeClass('hl');
  432. $('.change_mode[href="#orders"]').addClass('hl');
  433. $('.mode_pages').slideUp(200, function(){
  434. elm.slideDown(200);
  435. });
  436. }
  437. }
  438. }
  439. });
  440. $('.change_mode').click(function(){
  441. var elm = $($(this).attr('href'));
  442. if (elm.is(':hidden'))
  443. {
  444. $('.change_mode').removeClass('hl');
  445. $(this).addClass('hl');
  446. $('.mode_pages').slideUp(200, function(){
  447. elm.slideDown(200, function(){
  448. return true;
  449. });
  450. });
  451. }
  452. return false;
  453. });
  454. $('.userdata').change(function(){
  455. calculate_flag = false;
  456. $('#make_order').attr('disabled', 'disabled');
  457. });
  458. $('#sum_field').change(function(){
  459. if (($(this).val() > 0) && (calculate_flag)) $('#make_order').removeAttr('disabled');
  460. });
  461. $('#neworder_form').submit(function(){
  462. $('#overlay').stop().fadeIn(50);
  463. return true;
  464. });
  465. $('#preorder_date').change(function(){
  466. check_old_date();
  467. });
  468. $('#preorder_time').change(function(){
  469. check_old_date();
  470. });
  471. $('.payitem__labeltext').click(function(){
  472. $('.paybalance').slideDown();
  473. });
  474. $('.city').change(function(){
  475. var elm = $(this).parent().children('.place').first();
  476. load_places(elm, $(this).val());
  477. });
  478. });
  479. </script>
  480. <script>
  481. $(document).ready(function(){
  482. //всплывающее окно НАПИСАТЬ АДМИНИСТРАЦИИ
  483. $('.message-admin__button').on("click", function(){
  484. $('.popup-admin').show();
  485. $('.burger').fadeOut();
  486. return false;
  487. });
  488. $('.popup-admin__close').on("click", function(){
  489. $('.popup-admin').hide();
  490. return false;
  491. });
  492. //Всплывающее окно ВЫБЕРИТЕ ГОРОД
  493. $('.city-set__button').on("click", function(){
  494. $('.popup-city').show();
  495. });
  496. $('.popup-city__close').on("click", function(){
  497. $('.popup-city').hide();
  498. });
  499. $('#btn-burger').click(function(){
  500. $('.burger').fadeIn();
  501. });
  502. $('.close-burger').click(function(){
  503. $('.burger').fadeOut();
  504. });
  505. });
  506. </script>
  507. </head>
  508. <body>
  509. <header class="header">
  510. <div class="header-wrap">
  511. <div class="header-top">
  512. <div class="logo">
  513. <a href="index.html">
  514. <img class="logo__img" src="img/logo.png" alt="Логотип">
  515. <div class="logo__title">
  516. ЮЛА
  517. <span class="logo__title-w">заказ такси</span>
  518. </div>
  519. </a>
  520. </div>
  521. <nav class="menu">
  522. <ul class="menu__list">
  523. <li class="menu__item"><a href="index.html" class="menu__link menu__link-a">Заказать такси</a></li>
  524. <li class="menu__item"><a href="fordrivers.html" class="menu__link">Водителям</a></li>
  525. <li class="menu__item"><a href="why.html" class="menu__link">Почему мы</a></li>
  526. </ul>
  527. </nav>
  528. <div class="header-contacts">
  529. <ul class="header-contacts__list">
  530. <li class="header-contacts__item"><a href="tel:+77777777777" class="header-contacts__link"><img class="header-contacts__img" src="img/icon/icons8_Cell_Phone_48px.png" alt="">+7(777)777-77-77</a></li>
  531. <li class="header-contacts__item"><a href="mailto:ula-taxi@mail.ru" class="header-contacts__link"><img class="header-contacts__img" src="img/icon/icons8_Email_52px.png" alt="">ula-taxi@mail.ru</a></li>
  532. </ul>
  533. </div>
  534. <button class="button message-admin__button">написать администрации</button>
  535. <button id="btn-burger">
  536. <span></span>
  537. </button>
  538. <div class="popup-admin">
  539. <div class="popup-admin__wrap">
  540. <button class="popup-admin__close">&times;</button>
  541. <div class="popup-admin__text">
  542. Если у Вас усть вопросы, замечания,<br> предложения, напишите нам, пожалуйста
  543. </div>
  544. <form action="#">
  545. <label class="popup-admin__label">E-MAIL
  546. <input type="email" class="popup-admin__email">
  547. </label>
  548. <label class="popup-admin__mess">Ваше сообщение</label>
  549. <textarea name="" class="popup-admin__message"></textarea>
  550. <input type="submit" class="popup-admin__submit" value="ОТПРАВИТЬ">
  551. </form>
  552. </div>
  553. </div>
  554. </div>
  555. <div class="header-title">
  556. <h1 class="header-title__h1">
  557. ЗАКАЖИТЕ
  558. <span class="header-title__span">ТАКСИ</span>
  559. ОНЛАЙН
  560. </h1>
  561. <div class="title-img">
  562. <img src="img/taxi.png" alt="Иконка такси" class="header-title__img">
  563. </div>
  564. </div>
  565. </div>
  566. </header>
  567. <div class="burger">
  568. <ul class="menu__list">
  569. <li class="menu__item"><a href="index.html" class="menu__link menu__link-a">Заказать такси</a></li>
  570. <li class="menu__item"><a href="fordrivers.html" class="menu__link">Водителям</a></li>
  571. <li class="menu__item"><a href="why.html" class="menu__link">Почему мы</a></li>
  572. <li class="menu__item"><a href="" class="menu__link message-admin__button">Написать <br> администрации</a></li>
  573. </ul>
  574. <ul class="menu__list menu_line">
  575. <li class="menu__item"><a href="#neworder" class="change_mode hl">Новый заказ</a></li>
  576. <li class="menu__item"><a href="#orders" class="change_mode">Мои заказы</a></li>
  577. </ul>
  578. <h1>Наши контакты</h1>
  579. <ul class="header-contacts__list">
  580. <li class="header-contacts__item"><a href="tel:+77777777777" class="header-contacts__link"><img class="header-contacts__img" src="img/icon/icons8_Cell_Phone_48px.png" alt="">+7(777)777-77-77</a></li>
  581. <li class="header-contacts__item"><a href="mailto:ula-taxi@mail.ru" class="header-contacts__link"><img class="header-contacts__img" src="img/icon/icons8_Email_52px.png" alt="">ula-taxi@mail.ru</a></li>
  582. </ul>
  583. <button class="close-burger">
  584. x
  585. </button>
  586. </div>
  587.  
  588. <div class="header-wrap">
  589. <div id="form_block">
  590. <div id="overlay"></div>
  591. <div class="city-set">
  592. <button class="city-set__button">
  593. ВЫБЕРИТЕ ГОРОД
  594. <span class="city-set__bor"></span>
  595. <span class="city-set__set">САНКТ ПЕТЕРБУРГ</span>
  596. </button>
  597. <div class="popup-city">
  598. <div class="popup-city__wrap">
  599. <button class="popup-city__close">&times;</button>
  600. <div class="popup-city__list">
  601. <div class="popup-city__item popup-city__item_active">Санкт-Петербург</div>
  602. <div class="popup-city__item">Санкт-Петербург</div>
  603. <div class="popup-city__item">Санкт-Петербург</div>
  604. <div class="popup-city__item">Санкт-Петербург</div>
  605. <div class="popup-city__item">Санкт-Петербург</div>
  606. <div class="popup-city__item">Санкт-Петербург</div>
  607. </div>
  608. </div>
  609. </div>
  610. </div>
  611. <div class="bset">
  612. <a href="#neworder" class="change_mode hl">Новый заказ</a>
  613. <a href="#orders" class="change_mode">Мои заказы</a>
  614. </div>
  615.  
  616. <div id="neworder" style="margin-top:20px;" class="mode_pages">
  617. <form action="support.php" method="post" target="load_frame" id="neworder_form">
  618. <input type="hidden" name="type" value="cost_order" />
  619. <div class="phone-number">
  620.  
  621. <input type="text" placeholder="+7(___)___-____" id="phone_field">
  622. <input type="text" id="auth_code" style="width:70px;display:none">
  623. <button id="get_code">Получить код</button>
  624. <button id="auth_button" style="display:none">Авторизация</button>
  625. <button id="logout" style="display:none">Указать другой номер</button>
  626.  
  627. </div>
  628.  
  629.  
  630.  
  631. <div id="addresses" class="addresses">
  632. <div class="whence">
  633. <h2>Откуда</h2>
  634. <div class="address_block" style="margin-bottom:3px;">
  635. <select name="city[]" class="city userdata addresses__city"></select> <select name="place[]" class="place userdata addresses__place"></select> <input type="text" name="street[]" class="street userdata addresses__street" required="required" placeholder="Улица"> <input type="text" name="dom[]" class="dom userdata addresses__dom" required="required" placeholder="Дом">
  636. <input type="text" name="where[]" class="where userdata addresses__where" placeholder="Подьезд">
  637. <button class="remove userdata addresses__remove"><img src="img/icon/remove.png" alt="">
  638. </button>
  639. <button class="up userdata addresses__up"><img src="img/icon/up.png" alt=""></button>
  640. <button class="down userdata addresses__down"><img src="img/icon/down.png" alt=""></button>
  641. </div>
  642. </div>
  643. <div class="kuda">
  644. <h2>Куда</h2>
  645. <div class="address_block" style="margin-bottom:3px;">
  646. <select name="city[]" class="city userdata addresses__city"></select> <select name="place[]" class="place userdata addresses__place"></select> <input type="text" name="street[]" class="street userdata addresses__street" required="required" placeholder="Улица"> <input type="text" name="dom[]" class="dom userdata addresses__dom" required="required" placeholder="Дом">
  647. <input type="text" name="where[]" class="where userdata addresses__where" placeholder="Подьезд">
  648. <button class="remove userdata addresses__remove"><img src="img/icon/remove.png" alt="">
  649. </button>
  650. <button class="up userdata addresses__up"><img src="img/icon/up.png" alt=""></button>
  651. <button class="down userdata addresses__down"><img src="img/icon/down.png" alt=""></button>
  652. </div>
  653. <div class="address_block" style="display: none;">
  654. <select name="city[]" class="city userdata addresses__city" disabled="disabled"></select> <select name="place[]" class="place userdata addresses__place" disabled="disabled"></select> <input type="text" name="street[]" class="street userdata addresses__street" required="required" placeholder="Улица" disabled="disabled"> <input type="text" name="dom[]" class="dom userdata addresses__dom" required="required" placeholder="Дом" disabled="disabled">
  655. <input type="text" name="where[]" class="where userdata addresses__where" placeholder="Подьезд" disabled="disabled">
  656. <button class="remove userdata addresses__remove"><img src="img/icon/remove.png" alt="">
  657. </button>
  658. <button class="up userdata addresses__up"><img src="img/icon/up.png" alt=""></button>
  659. <button class="down userdata addresses__down"><img src="img/icon/down.png" alt=""></button>
  660. </div>
  661. <div class="address_block" style="display: none;">
  662. <select name="city[]" class="city userdata addresses__city" disabled="disabled"></select> <select name="place[]" class="place userdata addresses__place" disabled="disabled"></select> <input type="text" name="street[]" class="street userdata addresses__street" required="required" placeholder="Улица" disabled="disabled"> <input type="text" name="dom[]" class="dom userdata addresses__dom" required="required" placeholder="Дом" disabled="disabled">
  663. <input type="text" name="where[]" class="where userdata addresses__where" placeholder="Подьезд" disabled="disabled">
  664. <button class="remove userdata addresses__remove"><img src="img/icon/remove.png" alt="">
  665. </button>
  666. <button class="up userdata addresses__up"><img src="img/icon/up.png" alt=""></button>
  667. <button class="down userdata addresses__down"><img src="img/icon/down.png" alt=""></button>
  668. </div>
  669. <div class="address_block" style="display: none;">
  670. <select name="city[]" class="city userdata addresses__city" disabled="disabled"></select> <select name="place[]" class="place userdata addresses__place" disabled="disabled"></select> <input type="text" name="street[]" class="street userdata addresses__street" required="required" placeholder="Улица" disabled="disabled"> <input type="text" name="dom[]" class="dom userdata addresses__dom" required="required" placeholder="Дом" disabled="disabled">
  671. <input type="text" name="where[]" class="where userdata addresses__where" placeholder="Подьезд" disabled="disabled">
  672. <button class="remove userdata addresses__remove"><img src="img/icon/remove.png" alt="">
  673. </button>
  674. <button class="up userdata addresses__up"><img src="img/icon/up.png" alt=""></button>
  675. <button class="down userdata addresses__down"><img src="img/icon/down.png" alt=""></button>
  676. </div>
  677. </div>
  678. </div>
  679.  
  680. <div class="add-blocks">
  681. <div class="add_time">
  682. <label class="addresses__preorder">ЗАКАЗ В УКАЗАННОЕ ВРЕМЯ<input type="checkbox" name="preorder" class="userdata addresses__check" id="preorder"><span class="addresses__checkbox"></span></label>
  683. <div id="preorder_date_block" class="date-block" style="display:none">
  684. <input type="date" name="date" id="preorder_date" class="userdata userdata_data">
  685. <input type="time" name="time" id="preorder_time" class="userdata userdata_time">
  686. </div>
  687. </div>
  688. <div class="add_button">
  689. <button id="add_address" class="add-address"><span class="add-address__span">+</span> Добавить новый адрес</button>
  690. </div>
  691. </div>
  692.  
  693. <div class="block-uslug">
  694.  
  695. <div class="text-info">
  696. <div class="text-info__icon"></div>
  697. <textarea id="driver_info" name="driver_info" class="userdata text-info__textarea" placeholder="Дополнительная информация для водителя"></textarea>
  698. </div>
  699.  
  700. <div class="dop-usluga">
  701. <h2 style="display: none;">дополнительно</h2>
  702. <div class="add-items">
  703. <div class="additem">
  704. <h3 class="additem__title">КЛАСС АВТО</h3>
  705. <div class="additem-box">
  706. <div class="additem__img img_car"></div>
  707. <select id="car_type" name="car_type" class="userdata additem__select additem__select_1">
  708. </select>
  709. </div>
  710. </div>
  711. <div class="additem">
  712. <h3 class="additem__title">ДЕТИ ДО <span class="additems_ff">7</span> ЛЕТ</h3>
  713. <div class="additem-box">
  714. <div class="additem__img img_children"></div>
  715. <select id="children" name="children" class="userdata additem__select additem__select_2">
  716. <option value="0">Нет</option>
  717. <option value="1">1</option>
  718. <option value="2">2</option>
  719. <option value="3">3</option>
  720. <option value="4">4</option>
  721. <option value="5">5</option>
  722. </select>
  723.  
  724. </div>
  725. </div>
  726.  
  727. </div>
  728.  
  729.  
  730. <div class="payment">
  731. <div class="payment__info">
  732. * Вы можете указать свою стоимость поездки. Заказы с увеличенной стоимостью <br class="word-wrap">привлекательнее для водителей, а значит автомобиль приедет быстрее
  733. <h2 style="display: none;">оплатить со счета</h2>
  734. </div>
  735. <div class="payitem-wrap">
  736. <div class="payitem__img"></div>
  737. <label class="payitem__labeltext">
  738. <input type="checkbox" class="payitem__checkbox" id="payment">
  739. <span class="payitem__newcheckbox"></span>
  740. ОПЛАТИТЬ <br class="word-wrap"> СО СЧЕТА
  741. </label>
  742. </div>
  743. <div class="paybalance" style="display: none;">
  744. <a href="#" class="paybalance__link">ПОПОЛНИТЬ БАЛАНС</a>
  745. <div class="balance">БАЛАНС <span class="balance_cf">3000 </span><span class="balance_c">РУБ</span></div>
  746. </div>
  747. </div>
  748.  
  749. </div>
  750. </div>
  751.  
  752.  
  753. <div class="calculate-wrap">
  754. <div class="calculate">
  755. <div class="result-sum1">
  756. <div class="distance-wrap">
  757. <div id="distance" class="distance__div"></div>Км
  758. </div>
  759. <div class="value-sum">
  760. <input class="value-sum__input" type="number" step=".01" id="sum_field" name="paysum">Грн
  761. </div>
  762. </div>
  763. <input class="count-order" type="submit" name="order_type" id="count_order" value="Рассчитать">
  764.  
  765.  
  766.  
  767. <div class="result-sum2">
  768. <div class="distance-wrap">
  769. <div id="distance2" class="distance__div"></div>Км
  770. </div>
  771. <div class="value-sum">
  772. <input class="value-sum__input" type="number" step=".01" id="sum_field2" name="paysum">Грн
  773. </div>
  774. </div>
  775. <button class="button-order" type="submit" name="order_type" id="make_order" disabled="disabled" title="Сначала необходимо рассчитать стоимость заказа!">ЗАКАЗАТЬ</button>
  776.  
  777. <div id="wrong_address_msg"><h5>Адрес не найден!</h5>Один или несколько адресов, которые Вы указали, не обнаружены. Убедитесь в правильности адресов. Если вы уверены в правильности адресов, можете указать свою стоимость поездки и создать заказ.</div>
  778. </div>
  779. </div>
  780.  
  781.  
  782.  
  783.  
  784. <label style="margin-left: 15px;margin-top: 15px;font-size:14px;"><input type="checkbox" name="agree" required="required" checked="checked"> Отправляя свои данные даю согласие на обработку и использование.</label>
  785. </form>
  786. <iframe name="load_frame" id="load_frame" style="width:100%;height:250px;display:none"></iframe>
  787. </div>
  788. <div id="orders" class="mode_pages" style="display:none;margin-top:20px;">
  789. <div id="empty_order">
  790. <h2>У вас пока нет заказов</h2>
  791. <h1>
  792. воспользуйтесь нашим сервисом
  793. и закажите такси онлайн !
  794. </h1>
  795. </div>
  796. </div>
  797. </div>
  798. </div>
  799. <div class="line"></div>
  800. <footer class="footer">
  801. <div class="footer__copy">
  802. &copy;<span class="footer__link">
  803. <span class="footer__link-y">2018</span>/GM</span>
  804. </div>
  805. </footer>
  806. <script>
  807. jQuery(function($){
  808. $('#phone_field').mask("+7(999)9999-9999");
  809. });
  810. </script>
  811. </body>
  812. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement