{% extends 'shared/base.html' %}{% block title %}Attendance | {{ activity.title }}{% endblock %}{% block content %}<section class="section-pad pt-5"><div class="container"><div class="d-flex justify-content-between align-items-end mb-4"><div><div class="eyebrow">Attendance</div><h1 class="fw-bold mb-0">{{ activity.title }}</h1><p class="text-muted mb-0">Attendance credits volunteer hours and Hearts only after completion is recorded.</p></div><a href="{{ url_for('admin.activity_edit', activity_id=activity.id) }}" class="btn btn-outline-secondary">Back</a></div><div class="card border-0 shadow-sm rounded-4"><div class="table-responsive"><table class="table align-middle mb-0"><thead><tr><th>Employee</th><th>Registration</th><th>Approval</th><th>Attendance</th><th style="min-width:420px">Update</th></tr></thead><tbody>{% for r in registrations %}<tr><td><strong>{{ r.employee.full_name }}</strong><div class="small text-muted">{{ r.employee.employee_code }}</div></td><td>{{ r.status.replace('_',' ').title() }}</td><td>{{ r.approval_status.replace('_',' ').title() }}</td><td>{% if r.attendance %}{{ r.attendance.status.replace('_',' ').title() }} · {{ r.attendance.volunteer_hours }} hrs{% else %}<span class="text-muted">Not recorded</span>{% endif %}</td><td><form method="post" class="row g-2"><input type="hidden" name="registration_id" value="{{ r.id }}"><div class="col-4"><select class="form-select form-select-sm" name="status"><option value="PRESENT">Present</option><option value="NO_SHOW">No Show</option><option value="ABSENT">Absent</option><option value="CANCELLED">Cancelled</option></select></div><div class="col-3"><input class="form-control form-control-sm" type="number" step="0.25" min="0" name="volunteer_hours" value="{{ r.attendance.volunteer_hours if r.attendance else r.volunteer_hours or 0 }}"></div><div class="col-3"><input class="form-control form-control-sm" name="remarks" placeholder="Remarks"></div><div class="col-2 d-grid"><button class="btn btn-sm btn-primary">Save</button></div></form></td></tr>{% else %}<tr><td colspan="5" class="text-center p-5 text-muted">No registrations yet.</td></tr>{% endfor %}</tbody></table></div></div></div></section>{% endblock %}