ShadowGard3n's picture
Made responsive
ca1ea49
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>User Profile - MedScope</title>
<link rel="stylesheet" href="/static/css/profileStyle.css">
</head>
<body>
<header>
<nav>
<div class="logo">MedScope</div>
<ul>
<li><a href="/home/{{ user.uid }}">Home</a></li>
<li><a href="/assistant/{{ user.uid }}">Assistant</a></li>
<li><a href="/alternatives/{{ user.uid }}">Alternatives</a></li>
<li><a href="/chat/{{ user.uid }}">Chatbot</a></li>
<li><a href="/profile/{{ user.uid }}" class="active">Profile</a></li>
<li><a href="/logout">Logout</a></li>
</ul>
</nav>
</header>
<main>
<section class="profile-container">
<div class="profile-card">
<img src="{{ user.photo_url or 'https://via.placeholder.com/100' }}" alt="User Avatar" class="avatar">
<h2>Welcome, {{ user.display_name or 'User' }}!</h2>
<p><strong>Email:</strong> {{ user.email }}</p>
{% if user.creation_timestamp %}
<p><strong>Member Since:</strong> {{ user.creation_timestamp.strftime('%B %Y') }}</p>
{% endif %}
</div>
<div class="search-history">
<h3>Your Recent Searches</h3>
{% if user.search_history %}
<ul>
{% for item in user.search_history %}
<li>{{ item }}</li>
{% endfor %}
</ul>
{% else %}
<p style="color: #8892b0;">You haven't searched for any drugs yet.</p>
{% endif %}
</div>
</section>
</main>
<footer>
<p>&copy; 2025 MediAware. All rights reserved.</p>
</footer>
</body>
</html>