<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Board Game Rating Prediction</title>
</head>
<body>
    <h1>Board Game Rating Prediction</h1>

    <!-- Форма для ввода данных -->
    <form method="post" action="/predict">
        <label for="Year Published">Year Published:</label>
        <input type="number" name="Year Published" required><br>

        <label for="Users Rated">Users Rated:</label>
        <input type="number" name="Users Rated" required><br>

        <label for="BGG Rank">BGG Rank:</label>
        <input type="number" name="BGG Rank" required><br>

        <label for="Owned Users">Owned Users:</label>
        <input type="number" name="Owned Users" required><br>

        <label for="Complexity Average">Complexity Average:</label>
        <input type="number" step="0.01" name="Complexity Average" required><br>

        <button type="submit">Predict Rating Average</button>
    </form>

    <!-- Отображение предсказания -->
    {% if prediction_bgg %}
        <p>Predicted Rating Average: {{ prediction_bgg }}</p>
    {% endif %}
</body>
</html>