{% extends "base.html" %}

{% block content %}
<section class="container py-5">
  <div class="row justify-content-center">
    <div class="col-md-6">
      <div class="glass-card">
        <h2 class="text-white mb-4">Complete Your Investor Profile</h2>
        <p class="text-secondary small mb-4">Sharing your background and goals helps us match you with the right startups.</p>
        
        <form method="post">
          {% csrf_token %}
          <div class="mb-3">
            <label class="form-label text-white small fw-bold px-3">Short Bio (Max 150 characters)</label>
            <textarea name="bio" class="form-control bg-dark text-white border-secondary rounded-4 px-4 py-3" rows="3" maxlength="150" required></textarea>
          </div>
          
          <div class="mb-3">
            <label class="form-label text-white small fw-bold px-3">Investment Appetite (£)</label>
            <input type="number" name="appetite" min="50" class="form-control bg-dark text-white border-secondary rounded-pill px-4 py-2" placeholder="e.g. 500" required>
            <div class="form-text text-secondary small">What's the total amount you're comfortable investing across the platform?</div>
          </div>
          
          <div class="d-grid mt-5">
            <button type="submit" class="btn btn-primary btn-lg">Finish Onboarding</button>
          </div>
        </form>
      </div>
    </div>
  </div>
</section>
{% endblock %}