File size: 2,976 Bytes
9860c76 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Property Recommender</title>
<style>
body {
font-family: Arial, sans-serif;
background: #f8f9fa;
padding: 20px;
}
.container {
max-width: 960px;
margin: auto;
}
form {
background: #fff;
padding: 20px;
border-radius: 8px;
box-shadow: 0 0 8px rgba(0,0,0,0.1);
margin-bottom: 30px;
}
input[type="text"], button {
width: 100%;
padding: 12px;
margin: 8px 0;
border-radius: 4px;
border: 1px solid #ccc;
}
button {
background-color: #273469;
color: white;
cursor: pointer;
font-weight: bold;
}
button:hover {
background-color: #1e2749;
}
.property-card {
background: #fff;
padding: 16px;
margin-bottom: 20px;
border-radius: 8px;
border-left: 6px solid #273469;
box-shadow: 0 0 5px rgba(0,0,0,0.1);
}
.property-card img {
width: 200px;
height: auto;
margin-right: 10px;
border-radius: 6px;
}
.images {
display: flex;
gap: 10px;
margin-top: 10px;
}
</style>
</head>
<body>
<div class="container">
<h1>Find Your Dream Property</h1>
<form method="POST">
<label>What type of property are you looking for?</label>
<input type="text" name="propertyType" placeholder="e.g., Villa, Flat" required>
<label>What price range are you looking for? (e.g., 50000-20000000)</label>
<input type="text" name="priceRange" placeholder="e.g., 50000-20000000" required>
<button type="submit">Get Recommendations</button>
</form>
{% if error %}
<p style="color: red;"><strong>Error:</strong> {{ error }}</p>
{% endif %}
{% if recommended %}
<h2>Recommended Properties</h2>
{% for prop in recommended %}
<div class="property-card">
<h3>{{ prop.propertyName }}</h3>
<p><strong>Type:</strong> {{ prop.typeName }}</p>
<p><strong>Location:</strong> {{ prop.address }}</p>
<p><strong>Price:</strong> ₹{{ "{:,}".format(prop.marketValue) }}</p>
<p><strong>Description:</strong> {{ prop.description }}</p>
<div class="images">
{% for img in prop.propertyImages[:3] %}
<img src="{{ img }}" alt="Property Image">
{% endfor %}
</div>
</div>
{% endfor %}
{% endif %}
</div>
</body>
</html>
|