{% extends 'base.html' %}
{% block title %}{{ t.settings_title }} — PickkerMarket{% endblock %}
{% block content %}
<section class="content-section">
    <div class="content-inner" style="max-width: 700px;">
        <span class="section-kicker">{{ t.settings_kicker }}</span>
        <h1>{{ t.settings_title }}</h1>

        <div class="my-data-row">
            <div>
                <strong>{{ t.settings_edit_profile_title }}</strong>
                <p style="color: var(--muted); font-size: 0.88rem;">{{ t.settings_edit_profile_desc }}</p>
            </div>
            <a href="{% url 'accounts:picker_profile_edit' %}" class="btn-small" style="background: var(--blue);">{{ t.settings_edit_profile_link }}</a>
        </div>

        <h3 style="margin: 30px 0 12px; color: #c0392b;">{{ t.settings_danger_zone }}</h3>
        <p style="color: var(--muted); font-size: 0.88rem; margin-top: -8px; margin-bottom: 14px;">
            {{ t.settings_delete_warning }}
        </p>
        <form method="post" action="{% url 'accounts:picker_delete_account' %}" onsubmit="return confirm('{{ t.settings_delete_confirm }}');">
            {% csrf_token %}
            <button type="submit" class="btn-small" style="background: #c0392b;">{{ t.settings_delete_account }}</button>
        </form>
    </div>
</section>
{% endblock %}