{% extends 'main/base.html' %}
{% load i18n %}

{% block title %}{% trans "Help Center" %} - ODEON{% endblock %}

{% block top_icon %}
    <a href="/personal/" class="top-icon-btn">👤</a>
{% endblock %}

{% block content %}
    <div class="content-card section-inner" style="max-width: 500px; margin: 0 auto; position: relative;">
        {% include 'main/_subheader.html' with title=_("Help Center") back="/personal/" %}

        <div style="display: grid; gap: 0.75rem;">
            <details style="padding: 1rem; border-radius: 12px; background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.06);">
                <summary style="cursor: pointer; color: var(--text-main); font-weight: 600;">{% trans "How do I complete a daily task?" %}</summary>
                <p style="margin: 0.75rem 0 0; color: var(--text-muted); font-size: 0.9rem; line-height: 1.6;">{% trans "Open the Task page and complete the movie orders assigned by the system. A daily task consists of 3 sets totalling 36 orders." %}</p>
            </details>
            <details style="padding: 1rem; border-radius: 12px; background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.06);">
                <summary style="cursor: pointer; color: var(--text-main); font-weight: 600;">{% trans "When can I withdraw my earnings?" %}</summary>
                <p style="margin: 0.75rem 0 0; color: var(--text-muted); font-size: 0.9rem; line-height: 1.6;">{% trans "You can request a withdrawal once your daily tasks are complete (once per day). Withdrawals under €20,000 incur no fees." %}</p>
            </details>
            <details style="padding: 1rem; border-radius: 12px; background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.06);">
                <summary style="cursor: pointer; color: var(--text-main); font-weight: 600;">{% trans "How do I deposit funds?" %}</summary>
                <p style="margin: 0.75rem 0 0; color: var(--text-muted); font-size: 0.9rem; line-height: 1.6;">{% trans "Go to the Wallet or Personal Center, tap Deposit, choose a method (ETH, BTC, USDT) and enter the amount." %}</p>
            </details>
            <details style="padding: 1rem; border-radius: 12px; background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.06);">
                <summary style="cursor: pointer; color: var(--text-main); font-weight: 600;">{% trans "I forgot my password. What should I do?" %}</summary>
                <p style="margin: 0.75rem 0 0; color: var(--text-muted); font-size: 0.9rem; line-height: 1.6;">{% trans "Contact Customer Service during operating hours to verify your identity and reset your login password." %}</p>
            </details>
        </div>
    </div>
{% endblock %}