neiam /bismuth

{% extends "root.html" %}

{% block content %}
<div class="max-w-2xl mx-auto">
    <div class="card bg-base-100 shadow-xl">
        <div class="card-body">
            <h2 class="card-title text-3xl mb-6"><i class="fas fa-user-circle mr-3"></i> Profile</h2>
            <div class="space-y-4">
                <div class="form-control">
                    <label class="label"><span class="label-text font-semibold">Username</span></label>
                    <input type="text" value="{{ user.username }}" class="input input-bordered" readonly/>
                </div>
                <div class="form-control">
                    <label class="label"><span class="label-text font-semibold">Email</span></label>
                    <input type="email" value="{{ user.email }}" class="input input-bordered" readonly/>
                </div>
                <div class="form-control">
                    <label class="label"><span class="label-text font-semibold">Status</span></label>
                    <div>
                        {% if user.is_active %}
                            <span class="badge badge-success gap-2"><i class="fas fa-check-circle"></i> Active</span>
                        {% else %}
                            <span class="badge badge-error gap-2"><i class="fas fa-times-circle"></i> Inactive</span>
                        {% endif %}
                    </div>
                </div>
                <div class="form-control">
                    <label class="label"><span class="label-text font-semibold">Member since</span></label>
                    <input type="text" value="{{ user.created_at }}" class="input input-bordered" readonly/>
                </div>
                {% if user.last_login_at %}
                <div class="form-control">
                    <label class="label"><span class="label-text font-semibold">Last login</span></label>
                    <input type="text" value="{{ user.last_login_at }}" class="input input-bordered" readonly/>
                </div>
                {% endif %}
            </div>
        </div>
    </div>
</div>
{% endblock %}