58 lines
2.4 KiB
HTML
58 lines
2.4 KiB
HTML
{% extends "_layout.html" %}
|
|
{% block content %}
|
|
<div class="max-w-2xl mx-auto bg-white p-6 rounded-lg shadow-md">
|
|
<h1 class="text-2xl font-bold text-center mb-6">Profile Settings</h1>
|
|
|
|
<div class="flex items-center justify-center mb-4">
|
|
{% if profile.profile_pic %}
|
|
<img src="data:image/jpeg;base64,{{ profile.profile_pic }}" alt="Profile Picture"
|
|
class="w-24 h-24 rounded-full border">
|
|
{% else %}
|
|
<img src="{{ url_for('static', filename='default.png') }}" alt="Default Profile Picture"
|
|
class="w-24 h-24 rounded-full border">
|
|
{% endif %}
|
|
</div>
|
|
|
|
|
|
<form method="POST" enctype="multipart/form-data">
|
|
{{ form.hidden_tag() }}
|
|
|
|
<div class="mb-4">
|
|
{{ form.name.label(class="block text-sm font-medium text-gray-700") }}
|
|
{{ form.name(class="w-full p-2 border rounded focus:outline-none focus:ring-2 focus:ring-blue-500") }}
|
|
</div>
|
|
|
|
<div class="mb-4">
|
|
{{ form.email.label(class="block text-sm font-medium text-gray-700") }}
|
|
{{ form.email(class="w-full p-2 border rounded focus:outline-none focus:ring-2 focus:ring-blue-500") }}
|
|
</div>
|
|
|
|
<div class="mb-4">
|
|
{{ form.profile_pic.label(class="block text-sm font-medium text-gray-700") }}
|
|
{{ form.profile_pic(class="w-full p-2 border rounded focus:outline-none focus:ring-2 focus:ring-blue-500")
|
|
}}
|
|
</div>
|
|
|
|
<div class="mb-4">
|
|
{{ form.systolic_threshold.label(class="block text-sm font-medium text-gray-700") }}
|
|
{{ form.systolic_threshold(class="w-full p-2 border rounded focus:outline-none focus:ring-2
|
|
focus:ring-blue-500") }}
|
|
</div>
|
|
|
|
<div class="mb-4">
|
|
{{ form.diastolic_threshold.label(class="block text-sm font-medium text-gray-700") }}
|
|
{{ form.diastolic_threshold(class="w-full p-2 border rounded focus:outline-none focus:ring-2
|
|
focus:ring-blue-500") }}
|
|
</div>
|
|
|
|
<div class="mb-4 flex items-center">
|
|
{{ form.dark_mode }}
|
|
{{ form.dark_mode.label(class="ml-2 text-sm font-medium text-gray-700") }}
|
|
</div>
|
|
|
|
<div>
|
|
{{ form.submit(class="w-full bg-blue-600 text-white py-2 rounded hover:bg-blue-700") }}
|
|
</div>
|
|
</form>
|
|
</div>
|
|
{% endblock %} |