{% extends 'base.html' %}
{% block page_title %}Start Offboarding{% 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 Offboarding</h4>
    <div style="font-size:0.82rem;color:#888;">
        Creates an exit checklist for the selected staff member
    </div>
</div>

<div class="card">
    <div class="card-body p-4">
        <form method="POST">
            <div class="row g-3">
                <div class="col-md-6">
                    <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="col-md-6">
                    <label class="form-label">Last Working Day</label>
                    <input type="date" name="last_working_day" class="form-control">
                </div>
                <div class="col-md-6">
                    <label class="form-label">Reason for Leaving *</label>
                    <select name="exit_reason" class="form-select" required>
                        <option value="resignation">Resignation</option>
                        <option value="end_of_contract">End of Contract</option>
                        <option value="termination">Termination</option>
                        <option value="retirement">Retirement</option>
                        <option value="other">Other</option>
                    </select>
                </div>
                <div class="col-12">
                    <label class="form-label">Notes</label>
                    <textarea name="exit_reason_notes" class="form-control" rows="2"></textarea>
                </div>
                <div class="col-12 d-flex gap-2 mt-2">
                    <button type="submit" class="btn btn-danger">
                        <i class="bi bi-person-dash me-1"></i>Start Offboarding
                    </button>
                    <a href="{{ url_for('lifecycle_index') }}" class="btn btn-outline-secondary">
                        Cancel
                    </a>
                </div>
            </div>
        </form>
    </div>
</div>
{% endblock %}