eric / rustwarden

{% extends "base.html" %}

{% block navbar %}
{% include "components/navbar.html" %}
{% endblock %}

{% block content %}
<!-- Welcome Section -->
<div class="mb-8">
    <h1 class="text-3xl font-bold text-base-content mb-2">{{ welcome_message }}</h1>
    <p class="text-base-content/70">{{ home_subtitle }}</p>
</div>

<!-- Account Stats -->
<div class="mb-12">
    <h2 class="text-xl font-semibold text-base-content mb-4">{{ home_my_account }}</h2>
    <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4">
        {% for stat in account_stats %}
        <div class="card bg-base-100 shadow-md hover:shadow-xl transition-shadow">
            <div class="card-body p-6">
            <div class="flex items-center justify-between mb-2">
                <span class="text-2xl">
                    {% if stat.icon == "user" %}👤
                    {% elif stat.icon == "mail" %}✉️
                    {% elif stat.icon == "calendar" %}📅
                    {% elif stat.icon == "shield" %}🛡️
                    {% else %}📊{% endif %}
                </span>
            </div>
                <div class="text-sm text-base-content/70 mb-1">{{ stat.label }}</div>
                <div class="text-lg font-semibold text-base-content">{{ stat.value }}</div>
            </div>
        </div>
        {% endfor %}
    </div>
</div>
{% endblock %}