{% extends 'shared/base.html' %}
{% block title %}My Seva | Piramal Seva Setu{% endblock %}
{% block content %}
<section class="section-pad pt-5"><div class="container"><div class="mb-4"><div class="eyebrow">My Seva</div><h1 class="fw-bold">Your volunteering journey</h1><p class="text-muted">Track nominations, approvals, confirmed activities and completed volunteering.</p></div>
<div class="row g-3">
{% for r in registrations %}
<div class="col-lg-6"><div class="card border-0 shadow-sm rounded-4 h-100"><div class="card-body p-4">
<div class="d-flex justify-content-between gap-2"><div><div class="small text-muted">{{ r.participation_id }}</div><h5>{{ r.activity.title }}</h5></div><span class="badge text-bg-light align-self-start">{{ r.status.replace('_',' ').title() }}</span></div>
<div class="text-muted small">{{ r.activity.start_datetime.strftime('%d %b %Y, %I:%M %p') }} · {{ r.activity.city.name }}</div><hr>
<div class="row"><div class="col-6"><strong>Approval</strong><br>{{ r.approval_status.replace('_',' ').title() }}</div><div class="col-6"><strong>Volunteer Hours</strong><br>{{ r.volunteer_hours }}</div></div>
<div class="d-flex flex-wrap gap-2 mt-3"><a class="btn btn-outline-primary" href="{{ url_for('seva_bhaav.detail', activity_id=r.activity.id) }}">View Activity</a>
{% set approval = approvals.get(r.id) %}
{% if approval and approval.status == 'PENDING' %}<form method="post" action="{{ url_for('employee.nudge_manager', request_id=approval.id) }}"><button class="btn btn-outline-secondary">Nudge Manager</button></form>{% endif %}
{% if r.status not in ['COMPLETED','NO_SHOW','CANCELLED'] %}<button class="btn btn-outline-danger" data-bs-toggle="collapse" data-bs-target="#cancel-{{ r.id }}">Cancel</button>{% endif %}
</div>
{% if r.status not in ['COMPLETED','NO_SHOW','CANCELLED'] %}<div class="collapse mt-3" id="cancel-{{ r.id }}"><form method="post" action="{{ url_for('employee.cancel_registration', registration_id=r.id) }}" class="card card-body bg-light border-0"><label class="form-label">Reason for cancellation</label><textarea class="form-control mb-2" name="reason" rows="2"></textarea><button class="btn btn-danger btn-sm align-self-start">Confirm Cancellation</button></form></div>{% endif %}
{% if r.cancellation_reason %}<div class="small text-muted mt-3">Cancellation reason: {{ r.cancellation_reason }}</div>{% endif %}
</div></div></div>
{% else %}<div class="col-12"><div class="p-5 bg-white rounded-4 text-center"><h5>Your volunteering journey starts here.</h5><p class="text-muted">Explore Seva Bhaav opportunities and nominate yourself.</p><a href="{{ url_for('seva_bhaav.list_activities') }}" class="btn btn-primary">Explore Activities</a></div></div>{% endfor %}
</div></div></section>
{% endblock %}