71 lines
3.4 KiB
HTML
71 lines
3.4 KiB
HTML
{% extends "base.html" %}
|
|
{% block title %}Profile — WeightTracker{% endblock %}
|
|
|
|
{% block content %}
|
|
<div class="page-header">
|
|
<h1>👤 Profile</h1>
|
|
<p>Update your stats and goals.</p>
|
|
</div>
|
|
|
|
<div class="card" style="max-width: 600px;">
|
|
<form method="POST" action="{{ url_for('profile.update') }}">
|
|
<div class="form-group">
|
|
<label class="form-label" for="display_name">Display Name</label>
|
|
<input class="form-input" type="text" id="display_name" name="display_name"
|
|
value="{{ user.display_name or '' }}">
|
|
</div>
|
|
|
|
<div class="form-row">
|
|
<div class="form-group">
|
|
<label class="form-label" for="height_cm">Height (cm)</label>
|
|
<input class="form-input" type="number" id="height_cm" name="height_cm"
|
|
value="{{ user.height_cm or '' }}" step="0.1">
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="form-label" for="age">Age</label>
|
|
<input class="form-input" type="number" id="age" name="age" value="{{ user.age or '' }}">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label class="form-label" for="gender">Gender</label>
|
|
<select class="form-input" id="gender" name="gender">
|
|
<option value="">Select...</option>
|
|
<option value="male" {{ 'selected' if user.gender=='male' }}>Male</option>
|
|
<option value="female" {{ 'selected' if user.gender=='female' }}>Female</option>
|
|
<option value="other" {{ 'selected' if user.gender=='other' }}>Other</option>
|
|
</select>
|
|
</div>
|
|
|
|
<div class="form-row">
|
|
<div class="form-group">
|
|
<label class="form-label" for="starting_weight_kg">Starting Weight (kg)</label>
|
|
<input class="form-input" type="number" id="starting_weight_kg" name="starting_weight_kg"
|
|
value="{{ user.starting_weight_kg or '' }}" step="0.1">
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="form-label" for="goal_weight_kg">Goal Weight (kg)</label>
|
|
<input class="form-input" type="number" id="goal_weight_kg" name="goal_weight_kg"
|
|
value="{{ user.goal_weight_kg or '' }}" step="0.1">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-group" style="margin-top: 0.75rem; padding-top: 0.75rem; border-top: 1px solid var(--border);">
|
|
<label class="toggle-label" for="is_private"
|
|
style="display: flex; align-items: center; gap: 0.75rem; cursor: pointer;">
|
|
<span class="toggle-switch">
|
|
<input type="checkbox" id="is_private" name="is_private" {{ 'checked' if user.is_private }}>
|
|
<span class="toggle-slider"></span>
|
|
</span>
|
|
<span>
|
|
<span style="font-weight: 600; color: var(--text-primary);">🔒 Private Account</span>
|
|
<span style="display: block; font-size: 0.8rem; color: var(--text-muted); margin-top: 0.15rem;">Only
|
|
you can see your check-ins</span>
|
|
</span>
|
|
</label>
|
|
</div>
|
|
|
|
<button type="submit" class="btn btn-primary" style="margin-top: 0.5rem;">Save Changes</button>
|
|
</form>
|
|
</div>
|
|
{% endblock %} |