{% extends "base.html" %}
{% block title %}کارت‌ها{% endblock %}
{% block content %}
<div class="dashboard">{% include "_sidebar.html" %}<main class="main">
<header class="topbar"><h2>کارت به کارت</h2></header>
<div class="content">
<div class="card">
<form method="post">
<input type="hidden" name="action" value="add">
<div class="form-group"><label>شماره کارت</label><input name="card_number" required placeholder="6037..."></div>
<div class="form-group"><label>نام صاحب کارت</label><input name="owner_name" required></div>
<div class="form-group"><label>بانک (اختیاری)</label><input name="bank_name"></div>
<button class="btn-primary inline" type="submit">افزودن</button>
</form>
</div>
<div class="card" style="margin-bottom:16px">
<h3 style="margin-top:0">⚙️ تنظیمات سیستم پرداخت</h3>
<form method="post">
<input type="hidden" name="action" value="payment_settings">
<div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px">
<label style="display:flex;align-items:center;gap:8px"><input type="checkbox" name="card_enabled" value="1" {% if card_enabled %}checked{% endif %}> فعال بودن کارت‌به‌کارت</label>
<div class="form-group"><label>نام دکمه کارت‌به‌کارت</label><input name="card_title" value="{{ card_title }}" placeholder="مثلاً p_xxxxxxxx کارت به کارت">
<p class="muted" style="font-size:.78rem;margin-top:4px">می‌توانید کد ایموجی پریمیوم (مثل <code>p_xxxxxxxx</code>) داخل نام بگذارید؛ در ربات به‌صورت آیکون دکمه نمایش داده می‌شود.</p></div>
<label style="display:flex;align-items:center;gap:8px"><input type="checkbox" name="variza_enabled" value="1" {% if variza_enabled %}checked{% endif %}> فعال بودن واریزا</label>
<div class="form-group"><label>نام دکمه واریزا</label><input name="variza_title" value="{{ variza_title }}" placeholder="مثلاً p_xxxxxxxx پرداخت واریزا">
<p class="muted" style="font-size:.78rem;margin-top:4px">کد ایموجی پریمیوم در نام دکمه پشتیبانی می‌شود.</p></div>
<div class="form-group"><label>API Key واریزا {% if variza_api_configured %}<span class="badge">تنظیم شده</span>{% endif %}</label><input type="password" name="variza_api_key" autocomplete="new-password" placeholder="فقط برای تغییر وارد کنید"></div>
<div class="form-group"><label>Webhook Secret {% if variza_api_configured %}<span class="badge">تنظیم شده</span>{% endif %}</label><input type="password" name="variza_webhook_secret" autocomplete="new-password" placeholder="فقط برای تغییر وارد کنید"></div>
<div class="form-group"><label>آدرس عمومی HTTPS سرور</label><input name="public_base_url" value="{{ public_base_url }}" placeholder="https://example.com"></div>
</div>
<div class="card" style="margin-top:12px;background:rgba(255,255,255,.03)">
<strong>Webhook واریزا</strong><div style="margin-top:6px"><code>{{ variza_webhook_url }}</code></div>
<p class="muted" style="font-size:.84rem;margin:8px 0 0">این آدرس را یک‌بار در پروفایل واریزا به‌عنوان callback ثبت کنید. Webhook با HMAC-SHA256 اعتبارسنجی می‌شود.</p>
</div>
<button class="btn-primary inline" type="submit" style="margin-top:12px">ذخیره تنظیمات پرداخت</button>
</form>
</div>

{% for c in cards %}
<div class="card" style="display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap">
<div>
<strong>{{ c.card_number }}</strong> — {{ c.owner_name }}
{% if c.bank_name %} ({{ c.bank_name }}){% endif %}
<span class="badge">{% if c.is_active %}فعال{% else %}غیرفعال{% endif %}</span>
</div>
<div style="display:flex;gap:8px">
<form method="post"><input type="hidden" name="action" value="toggle"><input type="hidden" name="card_id" value="{{ c.id }}">
<input type="hidden" name="active" value="{{ 0 if c.is_active else 1 }}">
<button class="btn-primary inline" type="submit">{% if c.is_active %}غیرفعال{% else %}فعال{% endif %}</button></form>
<form method="post" onsubmit="return confirm('حذف؟')"><input type="hidden" name="action" value="delete"><input type="hidden" name="card_id" value="{{ c.id }}">
<button class="btn-danger" type="submit">حذف</button></form>
</div></div>
{% else %}<div class="empty"><p>کارتی ثبت نشده</p></div>{% endfor %}
</div></main></div>
{% endblock %}