script.js

// Данные о мастерах и услугах
const masters = [
    { id: 1, name: "Анна", coefficient: 1.2 },
    { id: 2, name: "Иван", coefficient: 1.0 },
    { id: 3, name: "Мария", coefficient: 1.5 },
    { id: 4, name: "Олег", coefficient: 1.3 }
];

const services = [
    { id: 1, name: "Стрижка мужская", basePrice: 500 },
    { id: 2, name: "Стрижка женская", basePrice: 700 },
    { id: 3, name: "Стрижка детская", basePrice: 400 },
    { id: 4, name: "Укладка", basePrice: 600 },
    { id: 5, name: "Окрашивание", basePrice: 1200 }
];

// Временные слоты (с 9:00 до 18:00 с интервалом 30 минут)
const timeSlots = [];
for (let hour = 9; hour <= 17; hour++) {
    for (let minute = 0; minute < 60; minute += 30) {
        const timeString = `${hour.toString().padStart(2, '0')}:${minute.toString().padStart(2, '0')}`;
        timeSlots.push(timeString);
    }
}

// Загрузка данных при загрузке страницы
document.addEventListener('DOMContentLoaded', function() {
    // Заполнение списка мастеров
    const masterSelect = document.getElementById('master');
    masters.forEach(master => {
        const option = document.createElement('option');
        option.value = master.id;
        option.textContent = `${master.name} (коэфф. ${master.coefficient})`;
        masterSelect.appendChild(option);
    });

    // Заполнение списка услуг
    const serviceSelect = document.getElementById('service');
    services.forEach(service => {
        const option = document.createElement('option');
        option.value = service.id;
        option.textContent = `${service.name} (${service.basePrice} руб.)`;
        serviceSelect.appendChild(option);
    });

    // Заполнение временных слотов
    const timeSelect = document.getElementById('time');
    timeSlots.forEach(time => {
        const option = document.createElement('option');
        option.value = time;
        option.textContent = time;
        timeSelect.appendChild(option);
    });

    // Установка минимальной даты как сегодня
    const today = new Date().toISOString().split('T')[0];
    document.getElementById('date').min = today;

    // Обработчик изменения выбора мастера или услуги для пересчета цены
    document.getElementById('master').addEventListener('change', calculateTotalPrice);
    document.getElementById('service').addEventListener('change', calculateTotalPrice);

    // Обработчик формы
    document.getElementById('bookingForm').addEventListener('submit', function(e) {
        e.preventDefault();
        confirmBooking();
    });
});

// Функция расчета общей стоимости
function calculateTotalPrice() {
    const masterId = parseInt(document.getElementById('master').value);
    const serviceId = parseInt(document.getElementById('service').value);

    if (masterId && serviceId) {
        const master = masters.find(m => m.id === masterId);
        const service = services.find(s => s.id === serviceId);

        if (master && service) {
            const basePrice = service.basePrice;
            const totalPrice = Math.round(basePrice * master.coefficient);

            document.getElementById('basePrice').textContent = basePrice;
            document.getElementById('coefficient').textContent = master.coefficient.toFixed(1);
            document.getElementById('totalPrice').textContent = totalPrice;
        }
    } else {
        document.getElementById('basePrice').textContent = '0';
        document.getElementById('coefficient').textContent = '1.0';
        document.getElementById('totalPrice').textContent = '0';
    }
}

// Функция подтверждения бронирования
function confirmBooking() {
    const masterId = parseInt(document.getElementById('master').value);
    const serviceId = parseInt(document.getElementById('service').value);
    const date = document.getElementById('date').value;
    const time = document.getElementById('time').value;

    if (!masterId || !serviceId || !date || !time) {
        alert('Пожалуйста, заполните все поля');
        return;
    }

    const master = masters.find(m => m.id === masterId);
    const service = services.find(s => s.id === serviceId);
    const totalPrice = Math.round(service.basePrice * master.coefficient);

    // Показываем информацию о бронировании
    document.getElementById('confirmMaster').textContent = master.name;
    document.getElementById('confirmDate').textContent = formatDate(date);
    document.getElementById('confirmTime').textContent = time;
    document.getElementById('confirmService').textContent = service.name;
    document.getElementById('confirmPrice').textContent = totalPrice;

    // Скрываем форму и показываем подтверждение
    document.querySelector('#bookingForm').classList.add('hidden');
    document.querySelector('#confirmation').classList.remove('hidden');
}

// Функция форматирования даты
function formatDate(dateString) {
    const date = new Date(dateString);
    const day = date.getDate().toString().padStart(2, '0');
    const month = (date.getMonth() + 1).toString().padStart(2, '0');
    const year = date.getFullYear();
    return `${day}.${month}.${year}`;
}