{% extends "base.html" %}
{% block title %}Predict House Price{% endblock %}
{% block content %}
<h2>Predict House Price</h2>
<form method="POST" class="form-box">
    <input type="text" name="longitude" placeholder="Longitude" required><br>
    <input type="text" name="latitude" placeholder="Latitude" required><br>
    <input type="text" name="housing_median_age" placeholder="Housing Median Age" required><br>
    <input type="text" name="total_rooms" placeholder="Total Rooms" required><br>
    <input type="text" name="total_bedrooms" placeholder="Total Bedrooms" required><br>
    <input type="text" name="population" placeholder="Population" required><br>
    <input type="text" name="households" placeholder="Households" required><br>
    <input type="text" name="median_income" placeholder="Median Income" required><br>
    <input type="text" name="rooms_per_household" placeholder="Rooms per Household" required><br>
    <button type="submit">Predict</button>
</form>

{% if prediction %}
<h3 class="result">Predicted Price: {{ prediction }}</h3>
{% endif %}
<div class="links">
    <a class="btn" href="/home">Home</a>
  
    <a class="btn logout" href="/logout">Logout</a>
</div>
{% endblock %}