{% extends 'base.html' %}
{% block title %}{{ t.title_my_data }} — PickkerMarket{% endblock %}
{% block content %}
<section class="content-section">
    <div class="content-inner" style="max-width: 700px;">
        <span class="section-kicker">{{ t.my_data_kicker }}</span>
        <h1>{{ t.my_data_title }}</h1>
        <p style="color: var(--muted); margin-bottom: 24px;">
            {{ t.my_data_intro }}
        </p>

        <div class="my-data-row">
            <div>
                <strong>{{ t.my_data_chat_history }}</strong>
                <p style="color: var(--muted); font-size: 0.88rem;">{{ chat_message_count }} {{ t.my_data_chat_history_body }}</p>
            </div>
            <form method="post" action="{% url 'market:my_data_clear_chat' %}" onsubmit="return confirm('{{ t.confirm_clear_chat|escapejs }}');">
                {% csrf_token %}
                <button type="submit" class="btn-small" style="background: var(--muted);">{{ t.my_data_clear }}</button>
            </form>
        </div>

        <div class="my-data-row">
            <div>
                <strong>{{ t.my_data_prefs_title }}</strong>
                {% if memory_notes %}
                <ul style="margin-top: 6px; padding-left: 18px; font-size: 0.88rem; color: var(--muted);">
                    {% for note in memory_notes %}<li>{{ note }}</li>{% endfor %}
                </ul>
                {% else %}
                <p style="color: var(--muted); font-size: 0.88rem;">{{ t.my_data_prefs_empty }}</p>
                {% endif %}
            </div>
            <form method="post" action="{% url 'market:my_data_clear_memory' %}" onsubmit="return confirm('{{ t.confirm_clear_prefs|escapejs }}');">
                {% csrf_token %}
                <button type="submit" class="btn-small" style="background: var(--muted);">{{ t.my_data_clear }}</button>
            </form>
        </div>

        <div class="my-data-row">
            <div>
                <strong>{{ t.my_data_plans_title }}</strong>
                <p style="color: var(--muted); font-size: 0.88rem;">{{ plans|length }} {{ t.my_data_plans_body }} <a href="{% url 'market:saved_plans' %}">{{ t.my_data_view_plans }}</a></p>
            </div>
            {% if plans %}
            <form method="post" action="{% url 'market:my_data_delete_plans' %}" onsubmit="return confirm('{{ t.confirm_delete_all_plans|escapejs }}');">
                {% csrf_token %}
                <button type="submit" class="btn-small" style="background: var(--muted);">{{ t.my_data_delete_all }}</button>
            </form>
            {% endif %}
        </div>

        <p style="color: var(--muted); font-size: 0.85rem; margin-top: 24px;">
            {{ t.my_data_order_note }} <a href="{% url 'market:contact' %}">{{ t.my_data_contact_us }}</a>.
        </p>
    </div>
</section>
{% endblock %}