Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <html>
- <head>
- <meta charset="UTF-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <title>Форма заказа</title>
- <link href="/css/jqueryui/jquery-ui.css" rel="stylesheet" type="text/css">
- <link rel="stylesheet" href="css/main.css">
- <script type="text/javascript" src="js/jquery-1.12.0.min.js"></script>
- <script type="text/javascript" src="js/jquery-ui-1.10.3.custom.js"></script>
- <script type="text/javascript" src="js/jquery.maskedinput.min.js"></script>
- <script type="text/javascript">
- var default_city = '22';
- function load_cars()
- {
- $.get('support.php', {
- "type":'cars',
- "default":default_city
- }, function(response){
- $.each(response, function(key,val){
- $('#car_type').append('<option value="'+key+'">'+val+'</option>');
- });
- }, "json"); //
- }
- function load_serv()
- {
- $.get('support.php', {
- "type":'service',
- "default":default_city
- }, function(response){
- //alert(response);
- $.each(response, function(key,val){
- var cont = $('<div class="additem"></div>');
- var img_serv = $('<div class="additem__img img_'+key+'"></div>');
- var inp_serv = $('<input type="checkbox" name="service[]" id="input-'+key+'" class="userdata" value="'+key+'">')
- var cb = $('<label for="input-'+key+'" class="additem__labeltext"></label>');
- cb.change(function(){
- $('#make_order').attr('disabled', 'disabled');
- });
- cont.append(img_serv);
- cb.append(inp_serv);
- cb.append(val);
- cont.append(cb);
- $('.add-items').append(cont);
- });
- }, "json"); //
- }
- function load_towns()
- {
- $.get('support.php', {
- "type":'towns',
- "default":default_city
- }, function(response){
- //alert(response);
- $('.city').empty();
- $.each(response, function(key,val){
- $('.city').append('<option value="'+key+'">'+val+'</option>');
- });
- }, "json"); //
- }
- function load_places(elm, town = 1)
- {
- $.get('support.php', {
- "type":'places',
- "town":town,
- "default":default_city
- }, function(response){
- //alert(response);
- elm.empty();
- var opt = $('<option value="">Выберите место</option>');
- opt.data('city', '').data('street', '').data('house', '');
- elm.append(opt);
- $.each(response, function(key,val){
- var opt = $('<option value="'+val.name+'">'+val.name+'</option>');
- opt.data('city', val.town).data('street', val.street).data('house', val.house);
- elm.append(opt);
- });
- }, "json"); //
- }
- function check_auth()
- {
- $.post('support.php', {
- "type":'check_auth',
- "default":default_city
- }, function(response){
- if (response.state == 'ok')
- {
- $('#auth_button').hide(0);
- $('#auth_code').hide(0);
- $('#get_code').hide(0);
- $('#phone_field').val(response.phone).attr('disabled', 'disabled').css({'color':'#999','border':'#00aa00 1px solid'}).attr('title','Вы авторизованы');
- //$('#count_order').show();
- $('#make_order').show();
- $('#sum_field').show();
- $('#logout').show();
- load_orders();
- auth_flag = true;
- }
- }, "json"); //
- }
- function load_orders(type = false, overlay = false)
- {
- if (overlay) $('#overlay').stop().fadeIn(50);
- $.post('support.php', {
- "type":'load_orders',
- "default":default_city
- }, function(response){
- if (overlay) $('#overlay').stop().fadeOut(50);
- $('#orders').empty();
- //
- //$('#orders').html(response);
- //return false;
- if ((type) && (response.data.length > 0) && (confirm('У Вас есть заказы. Прейти к ним?')))
- {
- var elm = $('#orders');
- if (elm.is(':hidden'))
- {
- $('.change_mode').removeClass('hl');
- $('.change_mode[href="#orders"]').addClass('hl');
- $('.mode_pages').slideUp(200, function(){
- elm.slideDown(200);
- });
- }
- }
- var fff = true;
- $.each(response.data, function(key,val){
- if (!fff) $('#orders').append('<hr />');
- else fff = false;
- var cont = $('<div class="order_block"></div>');
- var route = $('<div class="order_route"></div>');
- var fr = true;
- //cont.append(val.state+'<br />');
- $.each(val.route, function(key1,val1){
- if (!fr) route.append(' => ');
- else fr = false;
- if (val1.place != '') var pll = val1.place+', ';
- else var pll = '';
- route.append(val1.town+', '+pll+val1.street+', '+val1.house);
- });
- cont.append(route);
- var price = $('<div class="order_price"></div>');
- price.append('Стоимость заказа: '+val.paysum+' ');
- if (val.state < '1')
- {
- var amount = val.paysum - val.ordersum + 10;
- var add_10 = $('<button class="order_add_10" data-id="'+val.id+'" data-amount="'+amount+'" title="Добавить 10 руб. к стоимости заказа">+ 10</button>');
- add_10.click(function(){
- var elm = $(this);
- $.post('support.php',{"type":"add_10","id":$(this).data('id'),"amount":$(this).data('amount')}, function(response){
- //alert(response);
- load_orders();
- });
- return false;
- });
- price.append(add_10);
- price.append('<br /><small>Увеличение стоимости заказа ускоряет поиск авто.</small>');
- }
- cont.append(price);
- if (val.preorder == '1') cont.append('Заказ на <b>'+val.required_time+'</b>');
- else cont.append('Заказ на <b>сейчас</b>');
- if (val.state == 0)
- {
- var car_b = $('<div></div>');
- car_b.append('<b>Идет поиск водителя........</b>');
- cont.append(car_b);
- }
- if (val.state == 1)
- {
- var car_b = $('<div></div>');
- car_b.append('<b>К Вам выехал автомобиль '+val.model+' '+val.carnumber+' '+val.color+'<br />Телефон водителя: '+val.driver_phone+'</b>');
- cont.append(car_b);
- }
- if ((val.state == 2) || (val.state == 3))
- {
- var car_b = $('<div></div>');
- car_b.append('<b>Вас ожидает автомобиль '+val.model+' '+val.carnumber+' '+val.color+'<br />Телефон водителя: '+val.driver_phone+'</b>');
- cont.append(car_b);
- }
- if (val.state == 4)
- {
- var car_b = $('<div></div>');
- car_b.append('<b>Клиент в автомобиле '+val.model+' '+val.carnumber+' '+val.color+'<br />Телефон водителя: '+val.driver_phone+'</b>');
- cont.append(car_b);
- }
- if(val.state <= '3')
- {
- var ocancel = $('<button class="order_cancel" data-id="'+val.id+'" title="Отменить заказ">Отменить заказ</button>');
- ocancel.click(function(){
- if (confirm('Вы уверены, что хотите отменить заказ?'))
- {
- var elm = $(this);
- $.post('support.php',{"type":"cancel","id":$(this).data('id')}, function(response){
- //alert(response);
- load_orders();
- });
- }
- return false;
- });
- cont.append(ocancel);
- }
- $('#orders').append(cont);
- });
- }, "json"); //
- }
- function IsJson(str) {
- try {
- JSON.parse(str);
- } catch (e) {
- return false;
- }
- return true;
- }
- function check_old_date()
- {
- var date = $('#preorder_date').val().split('-');
- var time = $('#preorder_time').val().split(':');
- var cdate = new Date();
- var tdate = new Date(date[0], date[1]-1, date[2], time[0], time[1], cdate.getSeconds(), 999);
- if (tdate.valueOf() < cdate.valueOf())
- {
- // Текущая дата в предзаказе
- var now = new Date();
- var month = now.getMonth()+1;
- if (month<10) month = '0'+month;
- var date = now.getDate();
- if (date<10) date = '0'+date;
- var hours = now.getHours();
- if (hours<10) hours = '0'+hours;
- var mins = now.getMinutes()
- if (mins<10) mins = '0'+mins;
- $('#preorder_date').val(now.getFullYear()+'-'+month+'-'+date);
- $('#preorder_time').val(hours+':'+mins);
- alert('Дата предварительного заказа не может быть меньше текущей даты.');
- }
- }
- var auth_flag = false;
- var calculate_flag = false;
- $('document').ready(function(){
- load_cars();
- load_serv();
- load_towns();
- load_places($('.place'));
- check_auth();
- setInterval(function(){
- load_orders();
- }, 60000);
- $('.place').change(function(){
- var elm = $(this).parent();
- var city = elm.children('.city').first();
- var street = elm.children('.street').first();
- var house = elm.children('.dom').first();
- //$(this).children('option:selected').eq(0).data('street');
- var city_val = city.children('option:contains('+$(this).children('option:selected').eq(0).data('city')+')').first().val();
- var street_val = $(this).children('option:selected').eq(0).data('street');
- var dom_val = $(this).children('option:selected').eq(0).data('house');
- city.val(city_val);
- street.val(street_val);
- house.val(dom_val);
- //alert(city_val);
- //$(this).children('option:selected').eq(0).data('street');
- });
- // Текущая дата в предзаказе
- var now = new Date();
- var month = now.getMonth()+1;
- if (month<10) month = '0'+month;
- var date = now.getDate();
- if (date<10) date = '0'+date;
- var hours = now.getHours();
- if (hours<10) hours = '0'+hours;
- var mins = now.getMinutes()
- if (mins<10) mins = '0'+mins;
- $('#preorder_date').val(now.getFullYear()+'-'+month+'-'+date);
- $('#preorder_time').val(hours+':'+mins);
- $('#add_address').click(function(){
- var elm = $('.address_block:hidden').eq(0);
- elm.insertAfter($('.address_block:visible').eq(-1)).show().children('select,input').removeAttr('disabled');
- elm.children('.street,.dom').attr('required','required');
- return false;
- });
- $('.remove').click(function(){
- var count = $('.address_block:visible').length;
- if (count > 2)
- {
- var elm = $(this).parent();
- elm.hide().children('input').attr('disabled','disabled').val('');
- elm.children('select').attr('disabled','disabled').val('1');
- elm.children('.place').attr('disabled','disabled').val('');
- elm.children('.street,.dom').removeAttr('required');
- }
- return false;
- });
- $('.up').click(function(){
- var elm = $(this).parent();
- elm.insertBefore(elm.prev());
- return false;
- });
- $('.down').click(function(){
- var elm = $(this).parent();
- elm.insertAfter(elm.next());
- return false;
- });
- $('.street').autocomplete({
- minLength: 2,
- source:function(request,response){
- $.get('support.php', {
- "type":'streets',
- "q":request.term,
- "city":$(this)[0].element.parent().children('.city').eq(0).val(),
- "default":default_city
- }, function(data){
- //alert(data);
- response(data);
- }, "json"); //
- }
- });
- $('#get_code').click(function(){
- $('#overlay').stop().fadeIn(50);
- if ($('#phone_field').val() == ""){
- alert('Неправильный номер телефона. Укажите 10 цифр.'); $('#overlay').stop().fadeOut(50);
- }
- else { $.post('support.php', {"type":"get_code","phone":$('#phone_field').val(),"default":default_city}, function(response){
- $('#overlay').stop().fadeOut(50);
- $('#auth_code').show().val(response);
- $('#get_code').hide(0);
- $('#auth_button').show(0);
- });}
- return false;
- });
- $('#auth_button').click(function(){
- $('#overlay').stop().fadeIn(50);
- $.post('support.php', {
- "type":'auth',
- "confirm":$('#auth_code').val(),
- "default":default_city
- }, function(response){
- $('#overlay').stop().fadeOut(50);
- // прячем кнопку, поле ввода для кода и делаем телефон неизменяемым
- if (response == 'ok')
- {
- $('#auth_button').hide(0);
- $('#auth_code').hide(0);
- $('#phone_field').attr('disabled', 'disabled').css({'color':'#999','border':'#00aa00 2px solid', 'padding-left':'10px'}).attr('title','Вы авторизованы');
- //$('#count_order').show();
- $('#make_order').show();
- $('#sum_field').show();
- $('#logout').show();
- load_orders(true);
- auth_flag = true;
- }
- else alert('Неправильный код подтверждения. Проверьте правильность кода и попробуйсте снова!');
- });
- return false;
- });
- $('#logout').click(function(){
- $.post('support.php', {'type':'logout'}, function(){
- location.reload();
- });
- return false;
- });
- $('#preorder').click(function(){
- if($(this).prop("checked")) $('#preorder_date_block').slideDown();
- else $('#preorder_date_block').slideUp();
- });
- $('#load_frame').load(function(){
- $('#overlay').stop().fadeOut(50);
- var content = $(this).contents().find('body').html();
- //alert(content);
- if (IsJson(content))
- {
- var out = JSON.parse(content);
- if (out.type == 'calculate')
- {
- calculate_flag = true;
- if (out.distance > 0)
- {
- $('#sum_field').val(out.cost);
- $('#sum_field2').val(out.cost);
- $('#distance_box').show(0);
- $('#distance').html(out.distance);
- $('#distance2').html(out.distance);
- $('#wrong_address_msg').hide(0);
- $('#make_order').removeAttr('disabled');
- }
- else
- {
- $('#sum_field').val('0');
- $('#distance_box').hide(0);
- $('#wrong_address_msg').show(0);
- }
- }
- else if (out.type == 'order')
- {
- $('.userdata').val('');
- $('select.userdata').val('1');
- $('input.userdata').removeAttr('checked');
- $('#children').val('0');
- $('#sum_field').val('');
- $('#distance_box').hide();
- load_orders();
- var elm = $('#orders');
- if (elm.is(':hidden'))
- {
- $('.change_mode').removeClass('hl');
- $('.change_mode[href="#orders"]').addClass('hl');
- $('.mode_pages').slideUp(200, function(){
- elm.slideDown(200);
- });
- }
- }
- }
- });
- $('.change_mode').click(function(){
- var elm = $($(this).attr('href'));
- if (elm.is(':hidden'))
- {
- $('.change_mode').removeClass('hl');
- $(this).addClass('hl');
- $('.mode_pages').slideUp(200, function(){
- elm.slideDown(200, function(){
- return true;
- });
- });
- }
- return false;
- });
- $('.userdata').change(function(){
- calculate_flag = false;
- $('#make_order').attr('disabled', 'disabled');
- });
- $('#sum_field').change(function(){
- if (($(this).val() > 0) && (calculate_flag)) $('#make_order').removeAttr('disabled');
- });
- $('#neworder_form').submit(function(){
- $('#overlay').stop().fadeIn(50);
- return true;
- });
- $('#preorder_date').change(function(){
- check_old_date();
- });
- $('#preorder_time').change(function(){
- check_old_date();
- });
- $('.payitem__labeltext').click(function(){
- $('.paybalance').slideDown();
- });
- $('.city').change(function(){
- var elm = $(this).parent().children('.place').first();
- load_places(elm, $(this).val());
- });
- });
- </script>
- <script>
- $(document).ready(function(){
- //всплывающее окно НАПИСАТЬ АДМИНИСТРАЦИИ
- $('.message-admin__button').on("click", function(){
- $('.popup-admin').show();
- $('.burger').fadeOut();
- return false;
- });
- $('.popup-admin__close').on("click", function(){
- $('.popup-admin').hide();
- return false;
- });
- //Всплывающее окно ВЫБЕРИТЕ ГОРОД
- $('.city-set__button').on("click", function(){
- $('.popup-city').show();
- });
- $('.popup-city__close').on("click", function(){
- $('.popup-city').hide();
- });
- $('#btn-burger').click(function(){
- $('.burger').fadeIn();
- });
- $('.close-burger').click(function(){
- $('.burger').fadeOut();
- });
- });
- </script>
- </head>
- <body>
- <header class="header">
- <div class="header-wrap">
- <div class="header-top">
- <div class="logo">
- <a href="index.html">
- <img class="logo__img" src="img/logo.png" alt="Логотип">
- <div class="logo__title">
- ЮЛА
- <span class="logo__title-w">заказ такси</span>
- </div>
- </a>
- </div>
- <nav class="menu">
- <ul class="menu__list">
- <li class="menu__item"><a href="index.html" class="menu__link menu__link-a">Заказать такси</a></li>
- <li class="menu__item"><a href="fordrivers.html" class="menu__link">Водителям</a></li>
- <li class="menu__item"><a href="why.html" class="menu__link">Почему мы</a></li>
- </ul>
- </nav>
- <div class="header-contacts">
- <ul class="header-contacts__list">
- <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>
- <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>
- </ul>
- </div>
- <button class="button message-admin__button">написать администрации</button>
- <button id="btn-burger">
- <span></span>
- </button>
- <div class="popup-admin">
- <div class="popup-admin__wrap">
- <button class="popup-admin__close">×</button>
- <div class="popup-admin__text">
- Если у Вас усть вопросы, замечания,<br> предложения, напишите нам, пожалуйста
- </div>
- <form action="#">
- <label class="popup-admin__label">E-MAIL
- <input type="email" class="popup-admin__email">
- </label>
- <label class="popup-admin__mess">Ваше сообщение</label>
- <textarea name="" class="popup-admin__message"></textarea>
- <input type="submit" class="popup-admin__submit" value="ОТПРАВИТЬ">
- </form>
- </div>
- </div>
- </div>
- <div class="header-title">
- <h1 class="header-title__h1">
- ЗАКАЖИТЕ
- <span class="header-title__span">ТАКСИ</span>
- ОНЛАЙН
- </h1>
- <div class="title-img">
- <img src="img/taxi.png" alt="Иконка такси" class="header-title__img">
- </div>
- </div>
- </div>
- </header>
- <div class="burger">
- <ul class="menu__list">
- <li class="menu__item"><a href="index.html" class="menu__link menu__link-a">Заказать такси</a></li>
- <li class="menu__item"><a href="fordrivers.html" class="menu__link">Водителям</a></li>
- <li class="menu__item"><a href="why.html" class="menu__link">Почему мы</a></li>
- <li class="menu__item"><a href="" class="menu__link message-admin__button">Написать <br> администрации</a></li>
- </ul>
- <ul class="menu__list menu_line">
- <li class="menu__item"><a href="#neworder" class="change_mode hl">Новый заказ</a></li>
- <li class="menu__item"><a href="#orders" class="change_mode">Мои заказы</a></li>
- </ul>
- <h1>Наши контакты</h1>
- <ul class="header-contacts__list">
- <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>
- <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>
- </ul>
- <button class="close-burger">
- x
- </button>
- </div>
- <div class="header-wrap">
- <div id="form_block">
- <div id="overlay"></div>
- <div class="city-set">
- <button class="city-set__button">
- ВЫБЕРИТЕ ГОРОД
- <span class="city-set__bor"></span>
- <span class="city-set__set">САНКТ ПЕТЕРБУРГ</span>
- </button>
- <div class="popup-city">
- <div class="popup-city__wrap">
- <button class="popup-city__close">×</button>
- <div class="popup-city__list">
- <div class="popup-city__item popup-city__item_active">Санкт-Петербург</div>
- <div class="popup-city__item">Санкт-Петербург</div>
- <div class="popup-city__item">Санкт-Петербург</div>
- <div class="popup-city__item">Санкт-Петербург</div>
- <div class="popup-city__item">Санкт-Петербург</div>
- <div class="popup-city__item">Санкт-Петербург</div>
- </div>
- </div>
- </div>
- </div>
- <div class="bset">
- <a href="#neworder" class="change_mode hl">Новый заказ</a>
- <a href="#orders" class="change_mode">Мои заказы</a>
- </div>
- <div id="neworder" style="margin-top:20px;" class="mode_pages">
- <form action="support.php" method="post" target="load_frame" id="neworder_form">
- <input type="hidden" name="type" value="cost_order" />
- <div class="phone-number">
- <input type="text" placeholder="+7(___)___-____" id="phone_field">
- <input type="text" id="auth_code" style="width:70px;display:none">
- <button id="get_code">Получить код</button>
- <button id="auth_button" style="display:none">Авторизация</button>
- <button id="logout" style="display:none">Указать другой номер</button>
- </div>
- <div id="addresses" class="addresses">
- <div class="whence">
- <h2>Откуда</h2>
- <div class="address_block" style="margin-bottom:3px;">
- <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="Дом">
- <input type="text" name="where[]" class="where userdata addresses__where" placeholder="Подьезд">
- <button class="remove userdata addresses__remove"><img src="img/icon/remove.png" alt="">
- </button>
- <button class="up userdata addresses__up"><img src="img/icon/up.png" alt=""></button>
- <button class="down userdata addresses__down"><img src="img/icon/down.png" alt=""></button>
- </div>
- </div>
- <div class="kuda">
- <h2>Куда</h2>
- <div class="address_block" style="margin-bottom:3px;">
- <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="Дом">
- <input type="text" name="where[]" class="where userdata addresses__where" placeholder="Подьезд">
- <button class="remove userdata addresses__remove"><img src="img/icon/remove.png" alt="">
- </button>
- <button class="up userdata addresses__up"><img src="img/icon/up.png" alt=""></button>
- <button class="down userdata addresses__down"><img src="img/icon/down.png" alt=""></button>
- </div>
- <div class="address_block" style="display: none;">
- <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">
- <input type="text" name="where[]" class="where userdata addresses__where" placeholder="Подьезд" disabled="disabled">
- <button class="remove userdata addresses__remove"><img src="img/icon/remove.png" alt="">
- </button>
- <button class="up userdata addresses__up"><img src="img/icon/up.png" alt=""></button>
- <button class="down userdata addresses__down"><img src="img/icon/down.png" alt=""></button>
- </div>
- <div class="address_block" style="display: none;">
- <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">
- <input type="text" name="where[]" class="where userdata addresses__where" placeholder="Подьезд" disabled="disabled">
- <button class="remove userdata addresses__remove"><img src="img/icon/remove.png" alt="">
- </button>
- <button class="up userdata addresses__up"><img src="img/icon/up.png" alt=""></button>
- <button class="down userdata addresses__down"><img src="img/icon/down.png" alt=""></button>
- </div>
- <div class="address_block" style="display: none;">
- <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">
- <input type="text" name="where[]" class="where userdata addresses__where" placeholder="Подьезд" disabled="disabled">
- <button class="remove userdata addresses__remove"><img src="img/icon/remove.png" alt="">
- </button>
- <button class="up userdata addresses__up"><img src="img/icon/up.png" alt=""></button>
- <button class="down userdata addresses__down"><img src="img/icon/down.png" alt=""></button>
- </div>
- </div>
- </div>
- <div class="add-blocks">
- <div class="add_time">
- <label class="addresses__preorder">ЗАКАЗ В УКАЗАННОЕ ВРЕМЯ<input type="checkbox" name="preorder" class="userdata addresses__check" id="preorder"><span class="addresses__checkbox"></span></label>
- <div id="preorder_date_block" class="date-block" style="display:none">
- <input type="date" name="date" id="preorder_date" class="userdata userdata_data">
- <input type="time" name="time" id="preorder_time" class="userdata userdata_time">
- </div>
- </div>
- <div class="add_button">
- <button id="add_address" class="add-address"><span class="add-address__span">+</span> Добавить новый адрес</button>
- </div>
- </div>
- <div class="block-uslug">
- <div class="text-info">
- <div class="text-info__icon"></div>
- <textarea id="driver_info" name="driver_info" class="userdata text-info__textarea" placeholder="Дополнительная информация для водителя"></textarea>
- </div>
- <div class="dop-usluga">
- <h2 style="display: none;">дополнительно</h2>
- <div class="add-items">
- <div class="additem">
- <h3 class="additem__title">КЛАСС АВТО</h3>
- <div class="additem-box">
- <div class="additem__img img_car"></div>
- <select id="car_type" name="car_type" class="userdata additem__select additem__select_1">
- </select>
- </div>
- </div>
- <div class="additem">
- <h3 class="additem__title">ДЕТИ ДО <span class="additems_ff">7</span> ЛЕТ</h3>
- <div class="additem-box">
- <div class="additem__img img_children"></div>
- <select id="children" name="children" class="userdata additem__select additem__select_2">
- <option value="0">Нет</option>
- <option value="1">1</option>
- <option value="2">2</option>
- <option value="3">3</option>
- <option value="4">4</option>
- <option value="5">5</option>
- </select>
- </div>
- </div>
- </div>
- <div class="payment">
- <div class="payment__info">
- * Вы можете указать свою стоимость поездки. Заказы с увеличенной стоимостью <br class="word-wrap">привлекательнее для водителей, а значит автомобиль приедет быстрее
- <h2 style="display: none;">оплатить со счета</h2>
- </div>
- <div class="payitem-wrap">
- <div class="payitem__img"></div>
- <label class="payitem__labeltext">
- <input type="checkbox" class="payitem__checkbox" id="payment">
- <span class="payitem__newcheckbox"></span>
- ОПЛАТИТЬ <br class="word-wrap"> СО СЧЕТА
- </label>
- </div>
- <div class="paybalance" style="display: none;">
- <a href="#" class="paybalance__link">ПОПОЛНИТЬ БАЛАНС</a>
- <div class="balance">БАЛАНС <span class="balance_cf">3000 </span><span class="balance_c">РУБ</span></div>
- </div>
- </div>
- </div>
- </div>
- <div class="calculate-wrap">
- <div class="calculate">
- <div class="result-sum1">
- <div class="distance-wrap">
- <div id="distance" class="distance__div"></div>Км
- </div>
- <div class="value-sum">
- <input class="value-sum__input" type="number" step=".01" id="sum_field" name="paysum">Грн
- </div>
- </div>
- <input class="count-order" type="submit" name="order_type" id="count_order" value="Рассчитать">
- <div class="result-sum2">
- <div class="distance-wrap">
- <div id="distance2" class="distance__div"></div>Км
- </div>
- <div class="value-sum">
- <input class="value-sum__input" type="number" step=".01" id="sum_field2" name="paysum">Грн
- </div>
- </div>
- <button class="button-order" type="submit" name="order_type" id="make_order" disabled="disabled" title="Сначала необходимо рассчитать стоимость заказа!">ЗАКАЗАТЬ</button>
- <div id="wrong_address_msg"><h5>Адрес не найден!</h5>Один или несколько адресов, которые Вы указали, не обнаружены. Убедитесь в правильности адресов. Если вы уверены в правильности адресов, можете указать свою стоимость поездки и создать заказ.</div>
- </div>
- </div>
- <label style="margin-left: 15px;margin-top: 15px;font-size:14px;"><input type="checkbox" name="agree" required="required" checked="checked"> Отправляя свои данные даю согласие на обработку и использование.</label>
- </form>
- <iframe name="load_frame" id="load_frame" style="width:100%;height:250px;display:none"></iframe>
- </div>
- <div id="orders" class="mode_pages" style="display:none;margin-top:20px;">
- <div id="empty_order">
- <h2>У вас пока нет заказов</h2>
- <h1>
- воспользуйтесь нашим сервисом
- и закажите такси онлайн !
- </h1>
- </div>
- </div>
- </div>
- </div>
- <div class="line"></div>
- <footer class="footer">
- <div class="footer__copy">
- ©<span class="footer__link">
- <span class="footer__link-y">2018</span>/GM</span>
- </div>
- </footer>
- <script>
- jQuery(function($){
- $('#phone_field').mask("+7(999)9999-9999");
- });
- </script>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement