document.addEventListener('DOMContentLoaded', () => {

  const mask = (dataValue, options) => { // создаем универсальную функцию
    const elements = document.querySelectorAll(`[data-mask="${dataValue}"]`) // ищем поля ввода по селектору с переданным значением data-атрибута
    if (!elements) return // если таких полей ввода нет, прерываем функцию

    elements.forEach(el => { // для каждого из полей ввода
      IMask(el, options) // инициализируем плагин imask для необходимых полей ввода с переданными параметрами маски
    })
  }

  // Используем наше функцию mask для разных типов масок

  // Маска для номера телефона
  mask('phone', {
    mask: '+{7}(000)000-00-00'
  })

  // Маска для почтового индекса
  mask('postalCode', {
    mask: '000000' // шесть цифр
  })

  // Маска для даты
  mask('date', {
    mask: Date,
    min: new Date(1900, 0, 1), // минимальная дата 01.01.1900
  })

  // Маска для числа
  mask('number', {
    mask: Number,
    thousandsSeparator: ' ' // разделитель тысяч в числе
  })

})



 function toggleButton()
            {
                var name = document.getElementById('name').value;
                var mail = document.getElementById('mail').value;
				var phone = document.getElementById('phone').value;
				var  check = document.getElementById('check');
				var spec = document.getElementById('spec').value;
 
                if (name && mail && phone && spec && check.checked) {
						document.getElementById('submitButton').disabled = false;
						 
                } else {
                    document.getElementById('submitButton').disabled = true;
                }
				
            }
			
 function sendButton()	{
	var name = document.getElementById('name').value;
	var spec = document.getElementById('spec').value;
    var mail = document.getElementById('mail').value;
	var phone = document.getElementById('phone').value;
	var opis = document.getElementById('opis');
	
 
 }