{% extends 'shared/base.html' %}{% block title %}Employee Home | Seva Setu{% endblock %}{% block content %}<section class="hero py-5"><div class="container"><div class="eyebrow">Employee Home</div><h1 class="fw-bold">Welcome to Seva Setu, {{ employee.full_name if employee else 'Employee' }}.</h1><p class="lead text-muted">Every hour. Every contribution. Every act of seva counts.</p><div class="d-flex gap-2 flex-wrap"><a class="btn btn-primary btn-lg" href="{{ url_for('seva_bhaav.list_activities') }}">Volunteer Now</a><a class="btn btn-outline-dark btn-lg" href="{{ url_for('seva_daan.list_causes') }}">Explore Seva Daan</a></div></div></section><section class="section-pad"><div class="container"><h3 class="mb-4">Your Seva at a Glance</h3><div class="row g-3"><div class="col-6 col-lg-3"><div class="metric"><div class="value">{{ completed_count }}</div><div class="text-muted">Activities Completed</div></div></div><div class="col-6 col-lg-3"><div class="metric"><div class="value">{{ '%.1f'|format(volunteer_hours) }}</div><div class="text-muted">Volunteer Hours</div></div></div><div class="col-6 col-lg-3"><div class="metric"><div class="value">₹{{ '{:,.0f}'.format(donation_total) }}</div><div class="text-muted">Donated</div></div></div><div class="col-6 col-lg-3"><div class="metric"><div class="value">{{ hearts }}</div><div class="text-muted">Hearts</div></div></div></div>{% if upcoming %}<div class="mt-5"><div class="d-flex justify-content-between"><h3>Upcoming / Pending</h3><a href="{{ url_for('employee.my_seva') }}">View My Seva →</a></div>{% for r in upcoming %}<div class="bg-white border rounded-4 p-3 mt-2 d-flex justify-content-between align-items-center"><div><strong>{{ r.activity.title }}</strong><div class="small text-muted">{{ r.activity.start_datetime.strftime('%d %b %Y, %I:%M %p') }}</div></div><span class="badge text-bg-light">{{ r.status.replace('_',' ').title() }}</span></div>{% endfor %}</div>{% endif %}<div class="mt-5"><h3 class="mb-3">Recommended opportunities</h3><div class="row g-3">{% for a in recommended %}<div class="col-md-4"><div class="card h-100 border-0 shadow-sm rounded-4"><div class="card-body"><div class="small text-muted">{{ a.city.name }} · {{ a.cause_category.name }}</div><h5 class="mt-2">{{ a.title }}</h5><p class="text-muted">{{ a.short_impact_statement or '' }}</p><a href="{{ url_for('seva_bhaav.detail', activity_id=a.id) }}">View Activity →</a></div></div></div>{% else %}<p class="text-muted">New opportunities will appear here once published.</p>{% endfor %}</div></div></div></section>{% endblock %}