TimeTracker/app/templates/auth/profile.html

{% extends "base.html" %}

{% block title %}Profile - {{ app_name }}{% endblock %}

{% block content %}
<div class="row justify-content-center">
	<div class="col-md-8">
		<div class="card">
			<div class="card-header d-flex justify-content-between align-items-center">
				<span><i class="fas fa-user-circle me-2"></i>Your Profile</span>
				<a href="{{ url_for('auth.edit_profile') }}" class="btn btn-sm btn-outline-primary">
					<i class="fas fa-edit me-1"></i>Edit Profile
				</a>
			</div>
			<div class="card-body">
				<div class="row mb-3">
					<div class="col-sm-4 text-muted">Username</div>
					<div class="col-sm-8"><strong>{{ current_user.username }}</strong></div>
				</div>
				<div class="row mb-3">
					<div class="col-sm-4 text-muted">Role</div>
					<div class="col-sm-8">
						<span class="badge bg-{{ 'primary' if current_user.is_admin else 'secondary' }}">
							{{ current_user.role|capitalize }}
						</span>
					</div>
				</div>
				<div class="row mb-3">
					<div class="col-sm-4 text-muted">Member since</div>
					<div class="col-sm-8">{{ current_user.created_at.strftime('%Y-%m-%d %H:%M') if current_user.created_at else '—' }}</div>
				</div>
				<div class="row mb-3">
					<div class="col-sm-4 text-muted">Last login</div>
					<div class="col-sm-8">{{ current_user.last_login.strftime('%Y-%m-%d %H:%M') if current_user.last_login else '—' }}</div>
				</div>
				<div class="row">
					<div class="col-sm-4 text-muted">Total hours</div>
					<div class="col-sm-8"><span class="badge bg-success">{{ current_user.total_hours }}</span></div>
				</div>
			</div>
		</div>
	</div>
</div>
{% endblock %}