Бронирование номера
.form-group {
margin-bottom: 15px;
}
label {
display: block;
margin-bottom: 5px;
}
input[type="text"],
input[type="tel"],
input[type="email"],
input[type="date"] {
width: 100%;
padding: 8px;
box-sizing: border-box;
}
textarea {
width: 100%;
padding: 8px;
box-sizing: border-box;
font-family: inherit;
}
.checkbox-container {
display: flex;
align-items: center;
gap: 8px;
margin-bottom: 15px;
}
.checkbox-container input[type="checkbox"] {
margin: 0;
flex-shrink: 0;
}
.checkbox-container .inline-label {
font-size: 14px;
color: #333;
cursor: pointer;
margin: 0;
}
.checkbox-container .inline-label a {
color: #007BFF;
text-decoration: none;
}
.checkbox-container .inline-label a:hover {
text-decoration: underline;
}
#submit-btn {
padding: 10px 20px;
background-color: #007BFF;
color: white;
border: none;
cursor: pointer;
font-size: 16px;
border-radius: 4px;
transition: background-color 0.2s;
}
#submit-btn:hover:not(:disabled) {
background-color: #0056b3;
}
#submit-btn:disabled {
background-color: #cccccc;
cursor: not-allowed;
opacity: 0.6;
}
const consentCheckbox = document.getElementById("consent");
const submitBtn = document.getElementById("submit-btn");
// Устанавливаем начальное состояние кнопки
submitBtn.disabled = !consentCheckbox.checked;
consentCheckbox.addEventListener("change", function () {
submitBtn.disabled = !this.checked;
});
