<!-- index.html -->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Классификация благополучия студентов</title>
</head>
<body>
    <h1>Классификация благополучия студентов</h1>

    <!-- Form for input data -->
    <form method="POST">
        <label for="Pstatus">Статус совместного жилья родителей:</label>
        <input type="text" name="Pstatus" id="Pstatus" required>
        <br>
        <label for="guardian">Опекун:</label>
        <input type="text" name="guardian" id="guardian" required>
        <br>
        <label for="internet">Наличие интернета:</label>
        <input type="text" name="internet" id="internet" required>
        <br>
        <label for="romantic">Наличие романтических отношений:</label>
        <input type="text" name="romantic" id="romantic" required>
        <br>
        <label for="famrel">Семейные отношения (от 1 до 5):</label>
        <input type="text" name="famrel" id="famrel" required>
        <br>
        <label for="freetime">Свободное время после школы (от 1 до 5):</label>
        <input type="text" name="freetime" id="freetime" required>
        <br>
        <label for="goout">Время с друзьями (от 1 до 5):</label>
        <input type="text" name="goout" id="goout" required>
        <br>
        <label for="Dalc">Потребление алкоголя в будни (от 1 до 5):</label>
        <input type="text" name="Dalc" id="Dalc" required>
        <br>
        <label for="Walc">Потребление алкоголя в выходные (от 1 до 5):</label>
        <input type="text" name="Walc" id="Walc" required>
        <br>
        <label for="absences">Количество пропущенных занятий:</label>
        <input type="text" name="absences" id="absences" required>
        <br>
        <button type="submit">Выполнить</button>
    </form>

    <!-- Classification result -->
    {% if prediction_result %}
        <h2>Результат классификации:</h2>
        <p>Благополучие студента: {{ prediction_result }}</p>
    {% endif %}

</body>
</html>