<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>UFC Fight Prediction</title>
</head>
<body>
    <h1>UFC Fight Prediction</h1>
    <form action="/predict" method="post">
        <label for="blue_fighter">Blue Fighter:</label>
        <input type="text" id="blue_fighter" name="blue_fighter"><br><br>
        
        <label for="red_fighter">Red Fighter:</label>
        <input type="text" id="red_fighter" name="red_fighter"><br><br>
        
        <label for="weightclass">Weight Class:</label>
        <input type="text" id="weightclass" name="weightclass"><br><br>
        
        <label for="rounds">Number of Rounds:</label>
        <input type="number" id="rounds" name="rounds" min="1" max="5" value="3"><br><br>
        
        <label for="title_bout">Title Bout:</label>
        <select id="title_bout" name="title_bout">
            <option value="True">Yes</option>
            <option value="False" selected>No</option>
        </select><br><br>
        
        <input type="submit" value="Predict">
    </form>
</body>
</html>
