{% extends "base.html" %}

{% block title %}Onboarding - CommonGround{% endblock %}

{% block content %}
<div class="container py-5">
    <div class="row justify-content-center text-center mb-5">
        <div class="col-lg-6">
            <h1 class="brand-font display-5 mb-3">Welcome to CommonGround</h1>
            <p class="text-muted">Let's set up your profile to help you find the right connections.</p>
        </div>
    </div>
    
    <div class="row justify-content-center">
        <div class="col-md-8 col-lg-6">
            <div class="card border-0 shadow-sm p-4">
                <form method="post">
                    {% csrf_token %}
                    <div class="mb-4">
                        <label class="form-label fw-bold">Professional Headline</label>
                        <input type="text" name="headline" class="form-control" placeholder="e.g. Architect & Urban Planner" required>
                        <div class="form-text">What do you do? (Keep it professional and clear)</div>
                    </div>
                    
                    <div class="mb-4">
                        <label class="form-label fw-bold">Your Bio</label>
                        <textarea name="bio" class="form-control" rows="4" placeholder="Tell us a bit about yourself and why you're here..." required></textarea>
                    </div>

                    <button type="submit" class="btn btn-primary-cg w-100 py-2">Complete Profile</button>
                </form>
            </div>
        </div>
    </div>
</div>
{% endblock %}
