Spaces:
Sleeping
Sleeping
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>{{ market.market_name }} Market Details</title> | |
| <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet"> | |
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css"> | |
| <style> | |
| #map-container { | |
| height: 500px; | |
| width: 100%; | |
| margin-top: 20px; | |
| } | |
| .insights-container { | |
| background-color: #f8f9fa; | |
| padding: 15px; | |
| border-radius: 5px; | |
| margin-top: 20px; | |
| } | |
| .loader { | |
| display: none; | |
| text-align: center; | |
| margin: 20px 0; | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <div class="container"> | |
| <h1>{{ market.market_name }} Market Details</h1> | |
| <p><strong>Market ID:</strong> {{ market.market_id }}</p> | |
| <p><strong>Market Name:</strong> {{ market.market_name }}</p> | |
| <p><strong>Address:</strong> {{ market.address }}</p> | |
| <p><strong>City:</strong> {{ market.city }}</p> | |
| <p><strong>State:</strong> {{ market.state }}</p> | |
| <p><strong>Zip Code:</strong> {{ market.zip_code }}</p> | |
| <p><strong>Phone Number:</strong> {{ market.phone_number }}</p> | |
| <p><strong>Website:</strong> <a href="{{ market.website }}" target="_blank">{{ market.website }}</a></p> | |
| <p><strong>Opening Hours:</strong> {{ market.opening_hours }}</p> | |
| <p><strong>Latitude:</strong> {{ market.latitude }}</p> | |
| <p><strong>Longitude:</strong> {{ market.longitude }}</p> | |
| <p><strong>Top Commodities:</strong></p> | |
| <ul> | |
| {% for commodity in market.top_commodities %} | |
| <li>{{ commodity.commodity }} - Avg Price: ₹{{ commodity.modal_price }}, Min Price: ₹{{ commodity.min_price }}, Max Price: ₹{{ commodity.max_price }}</li> | |
| {% endfor %} | |
| </ul> | |
| </div> | |
| </body> | |
| </html> |