{% extends "layouts/base.html" %}

{% block title %}Withdraw from {{ exchange.name }}{% endblock %}

{% block content %}
<article>
    <header>
        <h1>Withdraw from Exchange</h1>
    </header>

    <div role="alert" style="background-color: #fff3cd; border-left: 4px solid #ffc107; padding: 1rem; margin: 1rem 0;">
        <h2 style="margin-top: 0;">⚠️ Are you sure?</h2>
        <p>Withdrawing from this exchange means:</p>
        <ul>
            <li>Your registration will be cancelled</li>
            <li>You will be removed from the participant list</li>
            <li>You cannot undo this action</li>
            <li>You will need to re-register with a different email to rejoin</li>
        </ul>
    </div>

    <form method="POST" action="{{ url_for('participant.withdraw') }}">
        {{ form.hidden_tag() }}

        <div>
            <label>
                {{ form.confirm() }}
                {{ form.confirm.label.text }}
            </label>
            {% if form.confirm.errors %}
            <ul style="color: #dc3545; list-style: none; padding: 0;">
                {% for error in form.confirm.errors %}
                <li>{{ error }}</li>
                {% endfor %}
            </ul>
            {% endif %}
        </div>

        <div>
            {{ form.submit(class="contrast") }}
            <a href="{{ url_for('participant.dashboard', id=exchange.id) }}" role="button" class="secondary">
                Cancel
            </a>
        </div>
    </form>
</article>
{% endblock %}