script.js

let acceptCount = parseInt(localStorage.getItem('acceptCount')) || 0;
let declineCount = parseInt(localStorage.getItem('declineCount')) || 0;
const cellColors = JSON.parse(localStorage.getItem('cellColors')) || Array(100).fill('#00FF00');
let acceptedCount = cellColors.filter(color => color === '#00FF00').length;
let declinedCount = cellColors.filter(color => color === '#FF0000').length;
let isLocked = localStorage.getItem('isLocked') === 'true';

// Переменная для отслеживания номера
let currentNumber = parseInt(localStorage.getItem('currentNumber')) || 1;
let cellTexts = JSON.parse(localStorage.getItem('cellTexts')) || Array(100).fill('');

function updateAcceptanceRate() {
    const acceptanceRate = (acceptedCount / 100) * 100;
    document.getElementById('acceptance-rate').textContent = `Acceptance Rate: ${acceptanceRate.toFixed(2)}%`;
}

function updateDisplayCounts() {
    document.getElementById('accept-count').textContent = acceptCount;
    document.getElementById('decline-count').textContent = declineCount;
    localStorage.setItem('acceptCount', acceptCount);
    localStorage.setItem('declineCount', declineCount);
}

function paint(color) {
    const colorCode = color === 'red' ? '#FF0000' : '#00FF00';

    if (cellColors[99] === '#00FF00') {
        acceptedCount--;
        //acceptCount--;
    } else if (cellColors[99] === '#FF0000') {
        declinedCount--;
        declineCount--;
    }

    for (let i = cellColors.length - 1; i > 0; i--) {
        cellColors[i] = cellColors[i - 1];
        document.getElementById(`cell-${i}`).style.backgroundColor = cellColors[i];
        document.getElementById(`cell-${i}`).textContent = document.getElementById(`cell-${i-1}`).textContent;
    }

    cellColors[0] = colorCode;
    document.getElementById('cell-0').style.backgroundColor = colorCode;

    // Пропуск нумерации красной ячейки
    if (colorCode === '#00FF00') {
        document.getElementById('cell-0').textContent = currentNumber;
        acceptCount++;
        acceptedCount++;
        currentNumber++;
    } else {
        document.getElementById('cell-0').textContent = ''; // Оставить пустым для красной
        declineCount++;
        declinedCount++;
    }

    if (currentNumber > 100) {
        currentNumber = 1;
    }
 
    localStorage.setItem('currentNumber', currentNumber);
    updateDisplayCounts();
    localStorage.setItem('cellColors', JSON.stringify(cellColors));
    // Сохранение текстов ячеек
    const cellTexts = Array.from(document.querySelectorAll('.cell')).map(cell => cell.textContent);
    localStorage.setItem('cellTexts', JSON.stringify(cellTexts));
    updateAcceptanceRate();
    }

       function toggleCellColor(cellIndex) {
       if (!isLocked) {
           const currentColor = cellColors[cellIndex];
           const newColor = currentColor === '#00FF00' ? '#FF0000' : '#00FF00';

           if (currentColor !== newColor) {
               cellColors[cellIndex] = newColor;
               document.getElementById(`cell-${cellIndex}`).style.backgroundColor = newColor;

               if (newColor === '#00FF00') {
                   acceptedCount++;
                   declinedCount--;
                   // Уменьшить declineCount
                   declineCount--;
               } else { 
                   acceptedCount--;
                   declinedCount++;
                   // Увеличить declineCount
                   declineCount++;
               }

               updateDisplayCounts();
               localStorage.setItem('cellColors', JSON.stringify(cellColors));
               updateAcceptanceRate();
           }
       }
   }
                
        function resetCount(type) {
            if (type === 'accept') {
                acceptCount = 0;
                currentNumber = 1;
            } else if (type === 'decline') {
                //declineCount = 0;
                acceptCount = 0;
                currentNumber = 1;
                declineCount = cellColors.filter(color => color === '#FF0000').length;
            }
            updateDisplayCounts();
    // Очистка всех ячеек от текста
    const cells = document.querySelectorAll('.cell');
    cells.forEach((cell) => {
        cell.textContent = '';
    });

    // Сохранение изменений в localStorage
    localStorage.setItem('acceptCount', acceptCount);
    localStorage.setItem('declineCount', declineCount);
    localStorage.setItem('currentNumber', currentNumber);
    localStorage.setItem('cellTexts', JSON.stringify(Array(100).fill('')));
         
   }

window.onload = function() {
    const cellsContainer = document.querySelector('.cells');
    const cellTexts = JSON.parse(localStorage.getItem('cellTexts')) || Array(100).fill('');
    for (let i = 0; i < cellColors.length; i++) {
        const cell = document.createElement('div');
        cell.className = 'cell';
        cell.id = `cell-${i}`;
        cell.style.backgroundColor = cellColors[i];
        cell.style.textAlign = 'center';
        cell.textContent = cellTexts[i]; // Восстановление текста ячейки
        //cell.onclick = () => toggleCellColor(i); // Установка обработчика клика
        cell.addEventListener('click', () => toggleCellColor(i));
        cellsContainer.appendChild(cell);
    }
                      
    updateDisplayCounts();
    updateAcceptanceRate();

            document.getElementById('accept-count').addEventListener('click', () => {
                acceptCount++;
                updateDisplayCounts();
            });

            document.getElementById('decline-count').addEventListener('click', () => {
                declineCount++;
                updateDisplayCounts();
            });

            if ('serviceWorker' in navigator) {
                navigator.serviceWorker.register('/service-worker.js')
                .then(registration => {
                    console.log('Service Worker registered with scope:', registration.scope);
                })
                .catch(error => {
                    console.error('Service Worker registration failed:', error);
                });
           }

            document.addEventListener('dblclick', function(event) {
                event.preventDefault();
            }, { passive: false });

        function toggleLock() {
            isLocked = true;
            localStorage.setItem('isLocked', 'true');

            const cells = document.querySelectorAll('.cell');
            cells.forEach((cell) => {
            cell.style.pointerEvents = 'none';
            });

            document.getElementById('toggle-switch').textContent = 'Unlock Cells';
            }

        function toggleUnLock() {
            isLocked = false;
            localStorage.setItem('isLocked', 'false');

            const cells = document.querySelectorAll('.cell');
            cells.forEach((cell) => {
            cell.style.pointerEvents = 'auto';
        });

            document.getElementById('toggle-switch').textContent = 'Lock Cells';
            }

            document.getElementById('toggle-switch').addEventListener('click', () => {
            if (isLocked) {
                toggleUnLock();
            } else {
                toggleLock();
            }
        });

    // Initial setup based on stored state
            if (isLocked) {
                toggleLock();
            } else {
                toggleUnLock();
            }
         };

// Анимация появления страницы
window.addEventListener('pageshow', function(event) {
    if (event.persisted) {
        document.body.classList.remove('unloading');
    }
    setTimeout(function() {
        document.body.classList.add('loaded');
    }, 0);
});

document.getElementById('adjustmentButton').addEventListener('click', function() {
    document.body.style.opacity = '0';
    setTimeout(function() {
        window.location.href = 'adjustment.html';
    }, 300);
});