<!DOCTYPE html>
<html lang="pl">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>SNAK.HTML</title>
    <link rel="stylesheet" href="snak.css">
    <style>
        #secretMenu {
            display: none; /* Ukryj menu domyślnie */
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            background-color: rgba(0, 0, 0, 0.8);
            color: white;
            padding: 20px;
            border-radius: 10px;
            z-index: 1000; /* Upewnij się, że menu jest na wierzchu */
        }
        #restartButton {
            display: none; /* Ukryj przycisk ponownego rozpoczęcia gry domyślnie */
            position: absolute;
            top: 60%;
            left: 50%;
            transform: translate(-50%, -50%);
            padding: 10px 20px;
            background-color: green;
            color: white;
            border: none;
            border-radius: 5px;
            cursor: pointer;
            z-index: 1000; /* Upewnij się, że przycisk jest na wierzchu */
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="800" height="800"></canvas>
    <h2 id="score">0</h2>
    <div id="secretMenu">
    <h3>Menu Sekretne</h3>
    <label for="imageUrl">Wprowadź URL do zdjęcia:</label>
    <input type="text" id="imageUrl" />
    <button id="setImage">Ustaw obrazek</button>
    <br />
    <label for="wallPass">Tryb przechodzenia przez ściany:</label>
    <input type="checkbox" id="wallPass" />
    <br />
    <label for="gameSpeed">Prędkość gry:</label>
    <select id="gameSpeed">
        <option value="50">Szybko</option>
        <option value="100" selected>Standardowo</option>
        <option value="150">Wolno</option>
    </select>
    <br />
    <label for="boardSize">Rozmiar planszy:</label>
    <select id="boardSize">
        <option value="400">Mały</option>
        <option value="800" selected>Standardowy</option>
        <option value="1200">Parówa</option>
    </select>
    <br />
    <button id="closeMenu">Zamknij</button>
    </div>
    <button id="restartButton">Zagraj ponownie</button> <!-- Przycisk do ponownego rozpoczęcia gry -->
    <script src="script.js"></script>
</body>
</html>