(function() {
  let inputPhone = document.getElementById("inputPhone");
  let im = new Inputmask("+7(999) 999-9999");
  im.mask(inputPhone);

  let statement = document.getElementById('statement');
  let selectStreet = statement.querySelector('#selectStreet');
  let inputHouse = statement.querySelector('#inputHouse');
  let inputFlat = statement.querySelector('#inputFlat');
  let selectTarif = statement.querySelector('#selectTarif');
  let onePayment = document.getElementById('onePayment');
  let periodicPayment = document.getElementById('periodicPayment');
//  let tarifDesc = document.getElementById('tarifDesc');

  const tarifs = {
//------------- Интернет физ. лица ------------
	'+226': {
	  'name': 'Свободный - 290',
	  'type': 1,
	  'cost_p': 290,
	  'services' : [
		'Кабельный модем бесплатно в пользование',
	  ],
	  'desc' : `
		Интернет 10 Мбит/с + ` + digital + ` цифровых и  ` + analog + ` аналоговых канала.<br>
		Оптимален для просмотра FullHD видео для двоих пользователей.<br>
		Только для абонентов ООО "Кабельвидеоэфир".
	  `,
	},
	'+227': {
	  'name': 'Свободный - 390',
	  'type': 1,
	  'cost_p': 390,
	  'services' : [
		'Кабельный модем бесплатно в пользование',
	  ],
	  'desc' : `
		Интернет 20 Мбит/с + ` + digital + ` цифровых и  ` + analog + ` аналоговых канала.<br>
		Оптимален для просмотра FullHD видео для четверых пользователей.<br>
		Только для абонентов ООО "Кабельвидеоэфир".
	  `,
	},
	'+216': {
	  'name': 'Свободный - 490',
	  'type': 1,
	  'cost_p': 490,
	  'services' : [
		'Кабельный модем бесплатно в пользование',
	  ],
	  'desc' : `
		Интернет 30 Мбит/с + ` + digital + ` цифровых и  ` + analog + ` аналоговых канала.<br>
		Оптимален для просмотра 4K видео для одного пользователя.<br>
		Только для абонентов ООО "Кабельвидеоэфир".
	  `,
	},
	'+230': {
	  'name': 'Свободный Плюс - 490',
	  'type': 1,
	  'cost_p': 490,
	  'services' : [
		'Wi-Fi роутер кабельный от <b>1500 руб.</b>',
	  ],
	  'desc' : `
		Интернет 100 Мбит/с + ` + digital + ` цифровых и  ` + analog + ` аналоговых канала.<br>
		Оптимален для просмотра 4K видео для двоих пользователей.<br>
		Только для абонентов ООО "Кабельвидеоэфир".
	  `,
	},
	'+235': {
	  'name': 'Свободный Плюс - 540',
	  'type': 1,
	  'cost_p': 540,
	  'services' : [
		'Wi-Fi роутер кабельный от <b>1500 руб.</b>',
	  ],
	  'desc' : `
		Интернет 150 Мбит/с + ` + digital + ` цифровых и  ` + analog + ` аналоговых канала.<br>
		Оптимален для просмотра 4K видео для четверых пользователей.<br>
		Только для абонентов ООО "Кабельвидеоэфир".
	  `,
	},
	'+231': {
	  'name': 'Свободный Плюс - 590',
	  'type': 1,
	  'cost_p': 590,
	  'services' : [
		'Wi-Fi роутер кабельный от <b>1500 руб.</b>',
	  ],
	  'desc' : `
		Интернет 200 Мбит/с + ` + digital + ` цифровых и  ` + analog + ` аналоговых канала.<br>
		Оптимален для просмотра 4K видео для шести пользователей.<br>
		Только для абонентов ООО "Кабельвидеоэфир".
	  `,
	},
	'+232': {
	  'name': 'Свободный Плюс - 690',
	  'type': 1,
	  'cost_p': 690,
	  'services' : [
		'Wi-Fi роутер кабельный от <b>1500 руб.</b>',
	  ],
	  'desc' : `
		Интернет 250 Мбит/с + ` + digital + ` цифровых и  ` + analog + ` аналоговых канала.<br>
		Оптимален для просмотра 4K видео для восьми и более пользователей.<br>
		Только для абонентов ООО "Кабельвидеоэфир".
	  `,
	},
	'+247': {
	  'name': 'Лайт 30',
	  'type': 1,
	  'cost_p': 449,
	  'services' : [
	  ],
	  'desc' : `
		Интернет 30 Мбит/с +  205 интерактивных тв каналов.<br>
		Оптимален для просмотра 4K видео для одного пользователя.<br>
		Только для абонентов ООО "Кабельвидеоэфир".
	  `,
	},
	'+248': {
	  'name': 'Лайт 100',
	  'type': 1,
	  'cost_p': 549,
	  'services' : [
		'Wi-Fi роутер кабельный от <b>1500 руб.</b>',
	  ],
	  'desc' : `
		Интернет 100 Мбит/с + 205 интерактивных тв каналов.<br>
		Оптимален для просмотра 4K видео для четверых пользователей.<br>
		Только для абонентов ООО "Кабельвидеоэфир".
	  `,
	},
	'+249': {
	  'name': 'Хит 30',
	  'type': 1,
	  'cost_p': 599,
	  'services' : [
	  ],
	  'desc' : `
		Интернет 30 Мбит/с + 295 ТВ-канала  интерактивных тв каналов + more.tv<br>
		Оптимален для просмотра 4K видео для одного пользователя.<br>
		Только для абонентов ООО "Кабельвидеоэфир".
	  `,
	},
	'+250': {
	  'name': 'Хит 100',
	  'type': 1,
	  'cost_p': 699,
	  'services' : [
		'Wi-Fi роутер кабельный от <b>1500 руб.</b>',
	  ],
	  'desc' : `
		Интернет 100 Мбит/с + 295 ТВ-канала  интерактивных тв каналов + more.tv<br>
		Оптимален для просмотра 4K видео для четверых пользователей.<br>
		Только для абонентов ООО "Кабельвидеоэфир".
	  `,
	},

	'+252': {
	  'name': 'Лайт+ 30',
	  'type': 1,
	  'cost_p': 349,
	  'services' : [
		'Кабельный модем Docsis 2.0 без wi-fi бесплатно в пользование',
	  ],
	  'desc' : `
		Интернет 30 Мбит/с +  205 интерактивных тв каналов.<br>
		Оптимален для просмотра 4K видео для одного пользователя.<br>
		Только для абонентов ООО "Кабельвидеоэфир".
	  `,
	},
	'+253': {
	  'name': 'Лайт+ 100',
	  'type': 1,
	  'cost_p': 449,
	  'services' : [
		'Кабельный модем Docsis 3.0 без wi-fi бесплатно в пользование',
	  ],
	  'desc' : `
		Интернет 100 Мбит/с + 205 интерактивных тв каналов.<br>
		Оптимален для просмотра 4K видео для четверых пользователей.<br>
		Только для абонентов ООО "Кабельвидеоэфир".
	  `,
	},
	'+254': {
	  'name': 'Хит+ 30',
	  'type': 1,
	  'cost_p': 499,
	  'services' : [
		'Кабельный модем Docsis 2.0 без wi-fi бесплатно в пользование',
	  ],
	  'desc' : `
		Интернет 30 Мбит/с + 300 интерактивных тв каналов + 24КИНО<br>
		Оптимален для просмотра 4K видео для одного пользователя.<br>
		Только для абонентов ООО "Кабельвидеоэфир".
	  `,
	},
	'+255': {
	  'name': 'Хит+ 100',
	  'type': 1,
	  'cost_p': 599,
	  'services' : [
		'Кабельный модем Docsis 3.0 без wi-fi бесплатно в пользование',
	  ],
	  'desc' : `
		Интернет 100 Мбит/с + 300 интерактивных тв каналов + 24КИНО<br>
		Оптимален для просмотра 4K видео для четверых пользователей.<br>
		Только для абонентов ООО "Кабельвидеоэфир".
	  `,
	},

//------------- Интернет юр. лица ------------

	'+239': {
	  'name': 'Бизнес Эконом',
	  'type': 2,
	  'cost_p': 900,
	  'services' : [
		'Прокладка кабеля до 20 м. <b>600 руб.</b>',
		'Wi-Fi роутер кабельный от <b>1500 руб.</b>',
	  ],
	  'desc' : `
		Интернет 10 Мбит/с + ` + digital + ` цифровых и  ` + analog + ` аналоговых канала.<br>
		Оптимален для 2-х сотрудников офиса.
	  `,
	},
	'+240': {
	  'name': 'Бизнес Стимул',
	  'type': 2,
	  'cost_p': 1500,
	  'services' : [
		'Прокладка кабеля до 20 м. <b>600 руб.</b>',
		'Wi-Fi роутер кабельный от <b>1500 руб.</b>',
	  ],
	  'desc' : `
		Интернет 25 Мбит/с + ` + digital + ` цифровых и  ` + analog + ` аналоговых канала.<br>
		Оптимален для 4-х сотрудников офиса.
	  `,
	},
	'+241': {
	  'name': 'Бизнес Стандарт',
	  'type': 2,
	  'cost_p': 2500,
	  'services' : [
		'Прокладка кабеля до 20 м. <b>600 руб.</b>',
		'Wi-Fi роутер кабельный от <b>1500 руб.</b>',
	  ],
	  'desc' : `
		Интернет 50 Мбит/с + ` + digital + ` цифровых и  ` + analog + ` аналоговых канала.<br>
		Оптимален для 6-х сотрудников офиса.
	  `,
	},

//------------- Телевидение физики ------------
	'+1': {
	  'name': 'Телевидение',
	  'type': 0,
	  'cost_p': 185,
	  'services' : [
		'Подключение ТВ (Акция) <b>1 руб.</b>',
	  ],
	  'desc' : digital + ' цифровых и ' + analog + ' аналоговых канала',
	},

//------------- Телевидение юрики ------------
	'+10': {
	  'name': 'Телевидение',
	  'type': 3,
	  'cost_p': 245,
	  'services' : [
		'Подключение ТВ от <b>600 руб.</b>',
	  ],
	  'desc' : digital + ' цифровых и ' + analog + ' аналоговых канала',
	},
  };

  let s = '<option disabled selected hidden>Выберите тариф</option>';

  for (const t in tarifs) {
	let sel = '';
	if (tid == +t) {
	  sel = 'selected';
	}
	
	if (ztype == tarifs[t]['type']) {
	  s += '<option value=\'' + +t + '\'' + sel + '>' + tarifs[t]['name'];
	}
  }
  selectTarif.innerHTML = s;

  if (selectStreet) {
//	selectStreet.addEventListener('change', get_house);
//	if (selectStreet.value > 0) {
//	  selectStreet.dispatchEvent(new Event('change'));
//	}
  }

  document.getElementById('statementSubmit').addEventListener('click', submitForm);

  function get_house(e) {
	let text = '';
	for (const h of houses[this.value]) {
  	  text += '<option>' + h;
	}
	selectHouse.innerHTML = text;
  }

  selectTarif.addEventListener('change', updateInfo);

  function updateInfo(e) {
	let text = '<h3 class="uk-heading-small uk-text-left@s uk-text-center">Единовременный платеж</h3>';
	if (!isNaN(+this.value)) {
	  for (const t of tarifs['+' + this.value]['services']) {
		text += `<div class="uk-panel uk-tile-default uk-padding-small uk-margin-remove-first-child zayavka-info-tarif uk-margin uk-text-left@s uk-text-center">
  		  <div class="el-content uk-panel uk-margin-top">
		  <p>+ ` + t + `</p></div></div>`;
	  }
	  onePayment.innerHTML = text;
	  periodicPayment.innerHTML = tarifs['+' + this.value]['cost_p'] + ' рублей';
//	tarifDesc.innerHTML = tarifs['+' + this.value]['desc'];
	  let n = `
		<div class="uk-panel uk-width-1-1">
		  <div class="uk-card uk-card-default uk-card-small uk-card-body uk-margin-remove-first-child zayavka-info-tarif uk-margin uk-text-center"  id="anchorConn">
			<div class="el-content uk-panel uk-margin-top" id="tarifDesc">` + tarifs['+' + this.value]['desc'] + `
			</div>
		  </div>
    	</div>
	  `;
	  document.getElementById('infoText').innerHTML = n;
	}

//	document.getElementById('anchorConn').classList.add("uk-card-body");
  }

  selectTarif.dispatchEvent(new Event('change'));

  function submitForm(e) {
	e.preventDefault();
	err = 0;
	errp = 0;
	errh = 0;

	if (!(selectStreet.value > 0)) {
	  err = 1;
	  selectStreet.classList.add('uk-form-danger');
	}

	if (inputHouse.value == '') {
	  err = 1;
	  inputHouse.classList.add('uk-form-danger');
	} else if (selectStreet.value > 0 && houses[selectStreet.value].indexOf(inputHouse.value) == -1) {
	  err = 1;
	  errh = 1;
	  inputHouse.classList.add('uk-form-danger');
	}

	if (!(selectTarif.value > 0)) {
	  err = 1;
	  selectTarif.classList.add('uk-form-danger');
	}

	if (inputFlat.value.trim().length <= 0) {
	  err = 1;
	  inputFlat.classList.add('uk-form-danger');
	}
//	console.log(inputPhone.value.match(/^[0-9\- ]+$/));
	
	let phone = inputPhone.value.replace(/[^0-9]+/g, '');

//	if ((inputPhone.value.trim().length < 6 || inputPhone.value.trim().length > 15) || inputPhone.value.match(/^[0-9\- ]+$/) === null) {
	if ((phone.trim().length < 6 || phone.trim().length > 15) || phone.match(/^[0-9\- ]+$/) === null) {
	  err = 1;
	  inputPhone.classList.add('uk-form-danger');
	}

	if (!personalCheck.checked) {
	  errp = 1;
	}
  
	if (err == 0 && errp == 0) {
	  statementForm.submit();
	} else {
	  if (err == 0) {
		if (errp == 1) {
		  document.getElementById('messagePopup').innerHTML = 'Подтвердите согласие на обработку персональных данных';
		  PUM.open(3224);
		}
	  } else {
		let tt = '';
		if (errh == 1) {
		  tt += 'В настоящее время Ваш дом не подключен к сети кабельного телевидения ООО «Кабельвидеоэфир». Уточнить возможность подключения можно по телефонам 222-835 (город), 625-303 (Эжва)';
		} else {
		  tt += 'Не все поля заполнены корректно.';
		}
		document.getElementById('messagePopup').innerHTML = tt;
		PUM.open(3224);
	  }
	}
  }

  function showHouseNotConnected() {
//	document.getElementById('houseNotConnected').style.display = "flex";
	inputFlat.disabled = true;
	inputPhone.disabled = true;
	selectTarif.disabled = true;

	let n = `
	  <div class="uk-panel uk-width-1-1">
	    <div class="uk-card uk-card-primary uk-card-small uk-card-body uk-margin-remove-first-child zayavka-info-ne-podkl uk-margin uk-text-left">
          <div class="el-content uk-panel uk-margin-top">
			<p>В настоящее время Ваш дом не подключен к сети кабельного телевидения ООО «Кабельвидеоэфир». Уточнить возможность подключения можно по телефонам <a href="tel:+78212222835">222-835</a> (город),
			  <a href="tel:+78212625303">625-303</a> (Эжва)</p>
		  </div>
		</div>
      </div>
	`;

	document.getElementById('infoText').innerHTML = n;

  }

  function hideHouseNotConnected() {
//	document.getElementById('houseNotConnected').style.display = "none";
	inputFlat.disabled = false;
	inputPhone.disabled = false;
	selectTarif.disabled = false;
	document.getElementById('infoText').innerHTML = '';
	if (selectTarif.value > 0) {
	  selectTarif.dispatchEvent(new Event('change'));
	}
  }

  inputHouse.addEventListener('keyup', houseChange);
  inputHouse.addEventListener('change', houseChange);
  selectStreet.addEventListener('change', houseChange);

  function houseChange() {
	if (inputHouse.value != '') {
	  if (selectStreet.value > 0) {
		if (houses[selectStreet.value].indexOf(inputHouse.value) == -1) {
		  showHouseNotConnected();
		} else {
		  hideHouseNotConnected();
		}
	  }
	}
  }

  selectStreet.addEventListener('focus', function(){selectStreet.classList.remove('uk-form-danger')});
  inputHouse.addEventListener('focus', function(){inputHouse.classList.remove('uk-form-danger')});
  selectTarif.addEventListener('focus', function(){selectTarif.classList.remove('uk-form-danger')});
  inputFlat.addEventListener('focus', function(){inputFlat.classList.remove('uk-form-danger')});
  inputPhone.addEventListener('focus', function(){inputPhone.classList.remove('uk-form-danger')});
})();