{% extends "base.html" %}
{% load django_bootstrap5 %}
{% block content %}
<div class="container py-4">
  <div class="row justify-content-center">
    <div class="col-md-7">
      <div class="card shadow-sm">
        <div class="card-body">
          <div class="d-flex align-items-start justify-content-between mb-3">
            <div>
              <h1 class="mb-0">Request withdrawal</h1>
              <p class="text-muted mb-0">Withdraw funds from your wallet. Withdrawals are processed within 24 hours.</p>
            </div>
            <a href="{% url 'core:investment_dashboard' %}" class="btn btn-outline-secondary btn-sm align-self-start">Back to dashboard</a>
          </div>
          <div class="mb-4">
            <p><strong>Wallet balance:</strong> USD {{ wallet.balance|floatformat:2 }}</p>
            <p class="small text-muted">Minimum withdrawal amount is USD {{ minimum_amount|floatformat:2 }}.</p>
          </div>

          {% if messages %}
            {% for message in messages %}
              <div class="alert alert-{{ message.tags }} alert-dismissible fade show" role="alert">
                {{ message }}
                <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
              </div>
            {% endfor %}
          {% endif %}

          <form method="post">
            {% csrf_token %}
            {% bootstrap_form form %}
            <button type="submit" class="btn btn-primary">Request withdrawal</button>
          </form>
        </div>
      </div>
    </div>
  </div>
</div>
{% endblock content %}