{% extends 'shared/base.html' %}
{% block title %}Nominate Myself | {{ activity.title }}{% endblock %}
{% block content %}<section class="section-pad pt-5"><div class="container" style="max-width:900px"><div class="mb-4"><div class="eyebrow">Volunteer Registration</div><h1 class="fw-bold">{{ activity.title }}</h1><p class="text-muted">Employee details are pre-populated. Please provide only the additional information needed for participation.</p></div>
<form method="post" class="card border-0 shadow-sm rounded-4"><div class="card-body p-4 p-lg-5">
<div class="row g-3"><div class="col-md-6"><label class="form-label">Employee Name</label><input class="form-control" value="{{ employee.full_name }}" disabled></div><div class="col-md-6"><label class="form-label">Employee ID</label><input class="form-control" value="{{ employee.employee_code }}" disabled></div><div class="col-md-6"><label class="form-label">Official Email</label><input class="form-control" value="{{ employee.official_email }}" disabled></div><div class="col-md-6"><label class="form-label">Mobile</label><input name="mobile" class="form-control" value="{{ employee.mobile or '' }}"></div><div class="col-md-6"><label class="form-label">Emergency Contact Name</label><input name="emergency_contact_name" class="form-control"></div><div class="col-md-6"><label class="form-label">Emergency Contact Phone</label><input name="emergency_contact_phone" class="form-control"></div><div class="col-md-4"><label class="form-label">T-shirt Size</label><select name="tshirt_size" class="form-select"><option value="">Select</option>{% for size in ['XS','S','M','L','XL','XXL'] %}<option>{{ size }}</option>{% endfor %}</select></div><div class="col-md-8"><label class="form-label">Dietary Requirements</label><input name="dietary_requirements" class="form-control"></div><div class="col-12"><label class="form-label">Accessibility / Support Requirements</label><textarea name="accessibility_requirements" class="form-control" rows="2"></textarea></div>{% if activity.manager_approval_required or activity.working_hours_activity %}<div class="col-12"><div class="alert alert-warning mb-0"><strong>Manager approval required.</strong> This activity is configured for approval{% if employee.manager %}. Your request will go to {{ employee.manager.full_name }}{% endif %}.</div></div><div class="col-12"><label class="form-label">Optional Note to Manager</label><textarea name="note_to_manager" class="form-control" rows="2"></textarea></div>{% endif %}<div class="col-12"><div class="form-check"><input class="form-check-input" required type="checkbox" name="participation_guidelines_accepted" value="1" id="guidelines"><label class="form-check-label" for="guidelines">I have read and accept the participation guidelines.</label></div><div class="form-check mt-2"><input class="form-check-input" required type="checkbox" name="consent_accepted" value="1" id="consent"><label class="form-check-label" for="consent">I consent to the use of this information for activity coordination.</label></div></div></div>
<div class="d-flex gap-2 mt-4"><button class="btn btn-primary btn-lg">Confirm My Participation</button><a href="{{ url_for('seva_bhaav.detail', activity_id=activity.id) }}" class="btn btn-outline-secondary btn-lg">Cancel</a></div></div></form></div></section>{% endblock %}