{% extends 'base.html' %}
{% block page_title %}Start Onboarding{% endblock %}
{% block content %}
<div class="mb-4">
    <a href="{{ url_for('lifecycle_index') }}" class="text-muted text-decoration-none" style="font-size:0.85rem;">
        <i class="bi bi-arrow-left me-1"></i>Back
    </a>
    <h4 class="fw-bold mt-2 mb-0">Start Onboarding</h4>
    <div style="font-size:0.82rem;color:#888;">
        Creates a checklist using your onboarding task template
    </div>
</div>

<div class="card">
    <div class="card-body p-4">
        <form method="POST">
            <div class="mb-3">
                <label class="form-label">Staff Member *</label>
                <select name="user_id" class="form-select" required>
                    <option value="">— Select staff —</option>
                    {% for s in staff %}
                    <option value="{{ s.id }}">
                        {{ s.name }} — {{ s.job_title or s.role.replace('_',' ').title() }}
                    </option>
                    {% endfor %}
                </select>
            </div>
            <div class="d-flex gap-2">
                <button type="submit" class="btn btn-primary">
                    <i class="bi bi-person-plus me-1"></i>Start Onboarding
                </button>
                <a href="{{ url_for('lifecycle_index') }}" class="btn btn-outline-secondary">
                    Cancel
                </a>
            </div>
        </form>
    </div>
</div>
{% endblock %}