Blank page

Выбор локации
Тип мероприятия
День рождения
Корпоратив
День недели
Рабочий
Выходной или праздничный
Итоговая сумма:
0 руб.
Дата мероприятия
Сколько планируется человек?
до 10
от 11 до 20
от 21 до 30
Больше 30
Контакты

<script>
$( document ).ready(function() {


let arrDataTrf = {
    
//(м. Академическая) 
    '1':{//Тариф «Lite»
      'time':'1 ч 45 мин', 'team':'до 10 чел.', 'wday1':'ПН-ЧТ: 14 900 руб.', 'wday2':'ПТ-ВС: 18 900 руб.', 
      'price1':'14900', 'price2':'18900', 'link':'#popup-tariff1'
    },
    '2':{//Тариф «STANDARD»
      'time':'2 ч 45 мин', 'team':'до 15 чел.', 'wday1':'ПН-ЧТ: 18 900 руб.', 'wday2':'ПТ-ВС: 22 900 руб.', 
      'price1':'18900', 'price2':'22900', 'link':'#popup-tariff2'
    },
    '3':{//Тариф «MAX»
      'time':'2 ч 45 мин', 'team':'до 15 чел.', 'wday1':'ПН-ЧТ: 25 900 руб.', 'wday2':'ПТ-ВС: 30 900 руб.', 
      'price1':'25900', 'price2':'30900', 'link':'#popup-tariff3'
    },
    '4':{//Тариф «MAX+»
      'time':'3 ч 45 мин', 'team':'до 20 чел.', 'wday1':'ПН-ЧТ: 32 900 руб.', 'wday2':'ПТ-ВС: 36 900 руб.', 
      'price1':'32900', 'price2':'36900', 'link':'#popup-tariff4'
    },
    '5':{//Тариф «VIP»
      'time':'4 ч 45 мин', 'team':'до 30 чел.', 'wday1':'ПН-ЧТ: 40 900 руб.', 'wday2':'ПТ-ВС: 46 900 руб.', 
      'price1':'40900', 'price2':'46900', 'link':'#popup-tariff5'
    },
    '6':{//Тариф «START»
      'time':'1 ч 45 мин', 'team':'до 10 чел.', 'wday1':'ПН-ЧТ: 13 900 руб.', 'wday2':'ПТ-ВС: 17 900 руб.', 
      'price1':'13900', 'price2':'17900', 'link':'#popup-tariff6'
    },
    '7':{//Тариф «MEDIUM»
      'time':'2 ч 45 мин', 'team':'до 15 чел.', 'wday1':'ПН-ЧТ: 17 900 руб.', 'wday2':'ПТ-ВС: 21 900 руб.', 
      'price1':'17900', 'price2':'21900', 'link':'#popup-tariff7'
    },
    '8':{//Тариф «BIG»
      'time':'3 ч 45 мин', 'team':'до 20 чел.', 'wday1':'ПН-ЧТ: 31 900 руб.', 'wday2':'ПТ-ВС: 35 900 руб.', 
      'price1':'31900', 'price2':'35900', 'link':'#popup-tariff8'
    },
    
//(м. Волгоградский пр-т) 
    '9':{//Тариф «Lite»
      'time':'1 ч 45 мин', 'team':'до 10 чел.', 'wday1':'ПН-ЧТ: 14 900 руб.', 'wday2':'ПТ-ВС: 18 900 руб.', 
      'price1':'14900', 'price2':'18900', 'link':'#popup-tariff9'
    },
    '10':{//Тариф «STANDARD»
      'time':'2 ч 45 мин', 'team':'до 15 чел.', 'wday1':'ПН-ЧТ: 18 900 руб.', 'wday2':'ПТ-ВС: 22 900 руб.', 
      'price1':'18900', 'price2':'22900', 'link':'#popup-tariff10'
    },
    '11':{//Тариф «MAX»
      'time':'2 ч 45 мин', 'team':'до 15 чел.', 'wday1':'ПН-ЧТ: 21 900 руб.', 'wday2':'ПТ-ВС: 25 900 руб.', 
      'price1':'21900', 'price2':'25900', 'link':'#popup-tariff11'
    },
    '12':{//Тариф «MAX+»
      'time':'3 ч 45 мин', 'team':'до 20 чел.', 'wday1':'ПН-ЧТ: 28 900 руб.', 'wday2':'ПТ-ВС: 33 900 руб.', 
      'price1':'28900', 'price2':'33900', 'link':'#popup-tariff12'
    },
  
    '13':{//Тариф «START»
      'time':'1 ч 45 мин', 'team':'до 10 чел.', 'wday1':'ПН-ЧТ: 13 900 руб.', 'wday2':'ПТ-ВС: 17 900 руб.', 
      'price1':'13900', 'price2':'17900', 'link':'#popup-tariff14'
    },
    '14':{//Тариф «MEDIUM»
      'time':'2 ч 45 мин', 'team':'до 15 чел.', 'wday1':'ПН-ЧТ: 17 900 руб.', 'wday2':'ПТ-ВС: 21 900 руб.', 
      'price1':'17900', 'price2':'21900', 'link':'#popup-tariff15'
    },
    '15':{//Тариф «BIG»
      'time':'3 ч 45 мин', 'team':'до 20 чел.', 'wday1':'ПН-ЧТ: 20 900 руб.', 'wday2':'ПТ-ВС: 24 900 руб.', 
      'price1':'31900', 'price2':'35900', 'link':'#popup-tariff16'
    },    
    
//(м. Раменки) 
    '16':{//Тариф «Lite»
      'time':'1 ч 45 мин', 'team':'до 10 чел.', 'wday1':'ПН-ЧТ: 14 900 руб.', 'wday2':'ПТ-ВС: 18 900 руб.', 
      'price1':'14900', 'price2':'18900', 'link':'#popup-tariff17'
    },
    '17':{//Тариф «STANDARD»
      'time':'2 ч 45 мин', 'team':'до 15 чел.', 'wday1':'ПН-ЧТ: 18 900 руб.', 'wday2':'ПТ-ВС: 22 900 руб.', 
      'price1':'18900', 'price2':'22900', 'link':'#popup-tariff18'
    },
    '18':{//Тариф «MAX»
      'time':'2 ч 45 мин', 'team':'до 15 чел.', 'wday1':'ПН-ЧТ: 28 900 руб.', 'wday2':'ПТ-ВС: 32 900 руб.', 
      'price1':'28900', 'price2':'32900', 'link':'#popup-tariff19'
    },
    '19':{//Тариф «MAX+»
      'time':'3 ч 45 мин', 'team':'до 20 чел.', 'wday1':'ПН-ЧТ: 36 900 руб.', 'wday2':'ПТ-ВС: 40 900 руб.', 
      'price1':'36900', 'price2':'40900', 'link':'#popup-tariff20'
    },
  
    '20':{//Тариф «START»
      'time':'1 ч 45 мин', 'team':'до 10 чел.', 'wday1':'ПН-ЧТ: 13 900 руб.', 'wday2':'ПТ-ВС: 17 900 руб.', 
      'price1':'13900', 'price2':'17900', 'link':'#popup-tariff21'
    },
    '21':{//Тариф «MEDIUM»
      'time':'2 ч 45 мин', 'team':'до 15 чел.', 'wday1':'ПН-ЧТ: 17 900 руб.', 'wday2':'ПТ-ВС: 21 900 руб.', 
      'price1':'17900', 'price2':'21900', 'link':'#popup-tariff22'
    },
    '22':{//Тариф «BIG»
      'time':'3 ч 45 мин', 'team':'до 20 чел.', 'wday1':'ПН-ЧТ: 36 900 руб.', 'wday2':'ПТ-ВС: 40 900 руб.', 
      'price1':'36900', 'price2':'40900', 'link':'#popup-tariff23'
    },  
    
    
//(м. Савеловская) 
    '23':{//Тариф «VR-ZONE»
      'time':'1 ч 45 мин', 'team':'до 8 чел.', 'wday1':'ПН-ЧТ: 10 900 руб.', 'wday2':'ПТ-ВС: 14 900 руб.', 
      'price1':'10900', 'price2':'148900', 'link':'#popup-tariff24'
    },
    '24':{//Тариф «Lite»
      'time':'1 ч 45 мин', 'team':'до 10 чел.', 'wday1':'ПН-ЧТ: 14 900 руб.', 'wday2':'ПТ-ВС: 18 900 руб.', 
      'price1':'14900', 'price2':'18900', 'link':'#popup-tariff25'
    },
    '25':{//Тариф «STANDARD»
      'time':'2 ч 45 мин', 'team':'до 15 чел.', 'wday1':'ПН-ЧТ: 18 900 руб.', 'wday2':'ПТ-ВС: 22 900 руб.', 
      'price1':'18900', 'price2':'22900', 'link':'#popup-tariff26'
    },
    
    '26':{//Тариф «MAX»
      'time':'2 ч 45 мин', 'team':'до 15 чел.', 'wday1':'ПН-ЧТ: 22 900 руб.', 'wday2':'ПТ-ВС: 26 900 руб.', 
      'price1':'22900', 'price2':'26900', 'link':'#popup-tariff27'
    },
    '27':{//Тариф «MAX+»
      'time':'3 ч 45 мин', 'team':'до 20 чел.', 'wday1':'ПН-ЧТ: 26 900 руб.', 'wday2':'ПТ-ВС: 30 900 руб.', 
      'price1':'26900', 'price2':'30900', 'link':'#popup-tariff28'
    },
    '28':{//Тариф «VIP»
      'time':'4 ч 45 мин', 'team':'до 30 чел.', 'wday1':'ПН-ЧТ: 30 900 руб.', 'wday2':'ПТ-ВС: 36 900 руб.', 
      'price1':'30900', 'price2':'36900', 'link':'#popup-tariff28'
    },
    
    '29':{//Тариф «START»
      'time':'1 ч 45 мин', 'team':'до 10 чел.', 'wday1':'ПН-ЧТ: 13 900 руб.', 'wday2':'ПТ-ВС: 17 900 руб.', 
      'price1':'13900', 'price2':'17900', 'link':'#popup-tariff30'
    },
    '30':{//Тариф «MEDIUM»
      'time':'2 ч 45 мин', 'team':'до 15 чел.', 'wday1':'ПН-ЧТ: 17 900 руб.', 'wday2':'ПТ-ВС: 21 900 руб.', 
      'price1':'17900', 'price2':'21900', 'link':'#popup-tariff31'
    },
    '31':{//Тариф «BIG»
      'time':'3 ч 45 мин', 'team':'до 20 чел.', 'wday1':'ПН-ЧТ: 21 900 руб.', 'wday2':'ПТ-ВС: 25 900 руб.', 
      'price1':'21900', 'price2':'25900', 'link':'#popup-tariff32'
    },
    
    
    //(м. Братиславкая) 
    '32':{//Тариф «VR-ZONE»
      'time':'1 ч 45 мин', 'team':'до 8 чел.', 'wday1':'ПН-ЧТ: 10 900 руб.', 'wday2':'ПТ-ВС: 14 900 руб.', 
      'price1':'10900', 'price2':'148900', 'link':'#popup-tariff24'
    },
    '33':{//Тариф «Lite»
      'time':'1 ч 45 мин', 'team':'до 10 чел.', 'wday1':'ПН-ЧТ: 14 900 руб.', 'wday2':'ПТ-ВС: 18 900 руб.', 
      'price1':'14900', 'price2':'18900', 'link':'#popup-tariff25'
    },
    '34':{//Тариф «STANDARD»
      'time':'2 ч 45 мин', 'team':'до 15 чел.', 'wday1':'ПН-ЧТ: 18 900 руб.', 'wday2':'ПТ-ВС: 22 900 руб.', 
      'price1':'18900', 'price2':'22900', 'link':'#popup-tariff26'
    },
    
    '35':{//Тариф «MAX»
      'time':'2 ч 45 мин', 'team':'до 15 чел.', 'wday1':'ПН-ЧТ: 22 900 руб.', 'wday2':'ПТ-ВС: 26 900 руб.', 
      'price1':'22900', 'price2':'26900', 'link':'#popup-tariff27'
    },
    '36':{//Тариф «MAX+»
      'time':'3 ч 45 мин', 'team':'до 20 чел.', 'wday1':'ПН-ЧТ: 26 900 руб.', 'wday2':'ПТ-ВС: 30 900 руб.', 
      'price1':'26900', 'price2':'30900', 'link':'#popup-tariff28'
    },
    '37':{//Тариф «VIP»
      'time':'4 ч 45 мин', 'team':'до 30 чел.', 'wday1':'ПН-ЧТ: 30 900 руб.', 'wday2':'ПТ-ВС: 36 900 руб.', 
      'price1':'30900', 'price2':'36900', 'link':'#popup-tariff28'
    },
    
    '38':{//Тариф «START»
      'time':'1 ч 45 мин', 'team':'до 10 чел.', 'wday1':'ПН-ЧТ: 13 900 руб.', 'wday2':'ПТ-ВС: 17 900 руб.', 
      'price1':'13900', 'price2':'17900', 'link':'#popup-tariff30'
    },
    '39':{//Тариф «MEDIUM»
      'time':'2 ч 45 мин', 'team':'до 15 чел.', 'wday1':'ПН-ЧТ: 17 900 руб.', 'wday2':'ПТ-ВС: 21 900 руб.', 
      'price1':'17900', 'price2':'21900', 'link':'#popup-tariff31'
    },
    '40':{//Тариф «BIG»
      'time':'3 ч 45 мин', 'team':'до 20 чел.', 'wday1':'ПН-ЧТ: 21 900 руб.', 'wday2':'ПТ-ВС: 25 900 руб.', 
      'price1':'21900', 'price2':'25900', 'link':'#popup-tariff32'
    },
    
    
};


//Локации
let arrDataLocation = {
    
//(м. Академическая) 
    '1':{
        'street':'ул. Винокурова, 4к1',
        'gamezone':'VR-ARENA + собственное кафе',
        'link':'#popup-location1'
    },
//(м. Волгоградский пр-т) 
    '2':{
        'street':'Волгоградский проспект 32 к.8',
        'gamezone':'VR-ARENA',
        'link':'#popup-location2'
    },   
//(м. Раменки) 
    '3':{
        'street':'ул. Винницкая, д. 4',
        'gamezone':'VR-ARENA (2 шт.) и VR-ROOM',
        'link':'#popup-location3'
    },
//(м. Савёловская) 
    '4':{
        'street':'ул. Складочная 1 ст1',
        'gamezone':'VR-ARENA, VR-ROOM, VR-EXTREME',
        'link':'#popup-location4'
    },
    
//(м.Братиславская) 
    '5':{
        'street': 'ул.Поречная, 10',
        'gamezone':'VR-ARENA',
        'link':'#popup:brat'
    } 
    
    
};


//Формируем локации
$('input[name="location"]').closest('label').addClass('location-label');

let lblElem =`
                <div class="loc-wrap">
                    <div class="loc-street"></div>
                    <div class="loc-txt-zone">Игровые зоны:</div>
                    <div class="loc-zone"></div>
                    <div class="loc-link"><a href=""><span>Подробнее</span></a></div>
                </div>
            `;
            
$('.location-label').each(function(index){
    $(this).find('.t-img-select__text').append(lblElem);
    $(this).find('.loc-street').html( arrDataLocation[index+1].street );
    $(this).find('.loc-zone').html( arrDataLocation[index+1].gamezone );
    $(this).find('.loc-link a').attr('href', arrDataLocation[index+1].link );

});


//Формируем тарифы

$('input[name="tariff"]').closest('.t-input-group').addClass('trf-group');
$('.trf-group .t-img-select__container label').addClass('lbl-trf');
$('.lbl-trf').addClass('blk-lbl');


let lblElemTrf =`
                <div class="trf-wrap">
                    <div class="trf-time"></div>
                    <div class="trf-team"></div>
                    <div class="trf-day1"></div>
                    <div class="trf-day2"></div>
                    <div class="trf-price1"></div>
                    <div class="trf-price2"></div>
                    <div class="trf-link"><a href=""><span>Подробнее</span></a></div>
                </div>
            `;

setTimeout(function(){

$('.lbl-trf').each(function(index){
    $(this).find('.t-img-select__text').append(lblElemTrf);
    
    $(this).find('.trf-time').html( arrDataTrf[index+1].time );
    $(this).find('.trf-team').html( arrDataTrf[index+1].team );
    $(this).find('.trf-day1').html( arrDataTrf[index+1].wday1 );
    $(this).find('.trf-day2').html( arrDataTrf[index+1].wday2 );
    $(this).find('.trf-price1').html( arrDataTrf[index+1].price1 );
    $(this).find('.trf-price2').html( arrDataTrf[index+1].price2 );
    
    $(this).find('.trf-link a').attr('href', arrDataTrf[index+1].link );

});

$('.trf-day1, .trf-day2').addClass('blk-lbl');

}, 500);


//Размер допов
$('input[name="additionally"]').closest('.t-input-block').addClass('add-wrap');


//м. Академическая
$('.lbl-trf:eq(0), .lbl-trf:eq(1), .lbl-trf:eq(2), .lbl-trf:eq(3), .lbl-trf:eq(4)').attr('data-trf-mode', '1-1'); //др
$('.lbl-trf:eq(5), .lbl-trf:eq(6), .lbl-trf:eq(7)').attr('data-trf-mode', '1-2'); //корп

//м. Волгоградский пр-т
$('.lbl-trf:eq(8), .lbl-trf:eq(9), .lbl-trf:eq(10), .lbl-trf:eq(11)').attr('data-trf-mode', '2-1'); //др
$('.lbl-trf:eq(12), .lbl-trf:eq(13), .lbl-trf:eq(14)').attr('data-trf-mode', '2-2'); //корп

//м. Раменки
$('.lbl-trf:eq(15), .lbl-trf:eq(16), .lbl-trf:eq(17), .lbl-trf:eq(18)').attr('data-trf-mode', '3-1'); //др
$('.lbl-trf:eq(19), .lbl-trf:eq(20), .lbl-trf:eq(21)').attr('data-trf-mode', '3-2'); //корп

//м. Савеловская
$('.lbl-trf:eq(22), .lbl-trf:eq(23), .lbl-trf:eq(24), .lbl-trf:eq(25),  .lbl-trf:eq(26),  .lbl-trf:eq(27)').attr('data-trf-mode', '4-1'); //др
$('.lbl-trf:eq(28), .lbl-trf:eq(29), .lbl-trf:eq(30)').attr('data-trf-mode', '4-2'); //корп


//м. Братиславская
$('.lbl-trf:eq(31), .lbl-trf:eq(32), .lbl-trf:eq(33), .lbl-trf:eq(34),  .lbl-trf:eq(35),  .lbl-trf:eq(27)').attr('data-trf-mode', '5-1'); //др
$('.lbl-trf:eq(36), .lbl-trf:eq(37), .lbl-trf:eq(38)').attr('data-trf-mode', '5-2'); //корп


function setStepTwo(){
    
    $('.lbl-trf').addClass('blk-lbl');
    
    //Получаем выбранные позиции
    let location = $('input[name="location"]').index( $('input[name="location"]:checked') )+1;
    let type = $('input[name="type"]').index( $('input[name="type"]:checked') )+1;
    let weekday = $('input[name="weekday"]').index( $('input[name="weekday"]:checked') )+1;
    let smp = location+'-'+type;
    
    $('.lbl-trf[data-trf-mode="'+smp+'"]').removeClass('blk-lbl');  
    
    
    $('.trf-day1, .trf-day2').addClass('blk-lbl');
    $('.trf-price1, .trf-price2').removeClass('act-lbl');
    
    if(weekday=='1'){
        $('.trf-day1').removeClass('blk-lbl');
        $('.trf-price1').addClass('act-lbl');
    }else{
        $('.trf-day2').removeClass('blk-lbl');  
        $('.trf-price2').addClass('act-lbl');
    };
    
};

//Формирование тарифа на второй шаг
$(document).on('input change click', 'input[name="location"], input[name="type"] , input[name="weekday"],  .uc-form-step .t-form__screen-btn-next ', function(){
    setStepTwo();
});

//При нажатии кнопки назад на первый шаг
$(document).on('click', '.uc-form-step .t-form__screen-btn-prev', function(){
    setTimeout(function(){
        if( $('.uc-form-step .t-form__screen-wrapper:first').hasClass('t-form__screen-wrapper_active')  ){
            $('.lbl-trf').addClass('blk-lbl');
            $('input[name="tariff"]').prop('checked', false);
        };
    }, 100);
});


//При изменении тарифа
$(document).on('change', 'input[name="tariff"]', function(){
    
    let lbl = $(this).closest('label');
    let trfPrice = +lbl.find('.act-lbl').html();
    $('input[name="tariff_price"]').val(trfPrice);
    $('input[name="tariff_price"]')[0].dispatchEvent(new Event('input', { bubbles: true }));
    console.log(trfPrice);
   
});






});
</script>

<style>


.uc-form-step .t-form {
    box-shadow: 0 0 4px 0px #0000001f;
    border-radius: 5px;
    padding: 20px;
}

.blk-lbl {
    display:none;
}
input[name="tariff_price"]{
    display:none;
}

.trf-price1, .trf-price2 {
    display: none;
}

.trf-team {
    margin: 3px 0;
}

.uc-form-step .t-img-select__text {
    font-weight: 600;
}

.loc-wrap, .trf-wrap {
    font-weight: 300;
    font-size: 13px;
    line-height: 1.5;
}

.loc-street, .trf-time {
    margin-top: 3px;
}

.loc-link span , .trf-link span {
    border: 1px solid #000;
    padding: 5px 12px;
}

.loc-link a, .trf-link a  {
    color: #000 !important;
}

.loc-link, .trf-link  {
    margin-top: 18px;
}

.loc-txt-zone {
    padding-top: 8px;
}

.uc-form-step .t-radio__wrapper {
    display: flex;
    flex-wrap: wrap;
}

.uc-form-step .t-radio__control {
    margin: 0;
    margin-right: 15px;
}

.uc-form-step label.t-radio__control {
    border: 1px solid #ffffff;
    padding: 5px 10px;
    border-radius: 3px;
    height: 100%;
}

.uc-form-step .t-radio__indicator {
    width: 100%;
    border-radius: 3px;
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    border-color: #000000;
    border-width: 1px;
    opacity: 0.1;
}

.uc-form-step .t-radio__indicator:after {
    width: 100%;
    height: 100%;
    border-radius: 3px;
    background: none;
}

.uc-form-step label.t-img-select__control {
    box-shadow: 0 0 0 1px #e2e2e2;
}

.uc-form-step .t-img-select__text {
    padding: 5px 5px 13px 8px;
}

.add-wrap label {
    width: calc(20% - 10px);
}

.add-wrap .t-img-select__text {
    font-size: 13px;
}

.add-wrap .t-img-select__container {
    display: flex;
    flex-wrap: wrap;
}

@media screen and (max-width:1200px){
.add-wrap .t-img-select__text {
    font-size: 11px;
} 
}

@media screen and (max-width:960px){
.add-wrap label {
    width: calc(33.33% - 10px);
}
}
@media screen and (max-width: 640px){
.uc-form-step .t-img-select__control {
    width: calc(50% - 10px);
}
}


@media screen and (max-width:520px){
.add-wrap .t-img-select__text {
    font-size: 10px;
} 
}
    
</style>