{% extends "base.html" %}

{% block title %}Profile - Grassroots Events{% endblock %}

{% block content %}
<div class="row justify-content-center">
    <div class="col-md-6">
        <div class="card shadow">
            <div class="card-header bg-primary text-white">
                <h4>User Profile</h4>
            </div>
            <div class="card-body">
                <table class="table">
                    <tr><th>Username:</th><td>{{ current_user.username }}</td></tr>
                    <tr><th>Email:</th><td>{{ current_user.email }}</td></tr>
                    <tr><th>Role:</th><td>{{ current_user.role }}</td></tr>
                    <tr><th>Department:</th><td>{{ current_user.department or 'Not set' }}</td></tr>
                    <tr><th>Member Since:</th><td>{{ current_user.created_at.strftime('%Y-%m-%d') }}</td></tr>
                </table>
            </div>
        </div>
    </div>
</div>
{% endblock %}