{% extends "base.html" %}
{% block title %}کدهای تخفیف{% endblock %}
{% block page_title %}کدهای تخفیف{% endblock %}
{% block content %}

<div style="display:grid;grid-template-columns:1fr 340px;gap:20px;align-items:start">
<div class="table-wrap">
  <div class="table-header"><h3>🎟 کدهای تخفیف ({{ codes|length }})</h3></div>
  <table>
    <thead><tr><th>کد</th><th>درصد</th><th>استفاده</th><th>انقضا</th><th>وضعیت</th></tr></thead>
    <tbody>
    {% for c in codes %}
    <tr>
      <td style="font-weight:700;letter-spacing:.05em;color:var(--blue)">{{ c.code }}</td>
      <td><span class="badge badge-confirmed">{{ c.percent }}%</span></td>
      <td style="color:var(--muted)">{{ c.used_count }} / {{ '∞' if c.max_uses==-1 else c.max_uses }}</td>
      <td style="font-size:12px;color:var(--muted)">{{ (c.expires_at or 'بدون انقضا')[:10] }}</td>
      <td>{% if c.is_active %}<span class="badge badge-confirmed">✅ فعال</span>{% else %}<span class="badge badge-rejected">❌ غیرفعال</span>{% endif %}</td>
    </tr>
    {% endfor %}
    {% if not codes %}<tr><td colspan="5" style="text-align:center;color:var(--muted);padding:32px">کدی وجود ندارد</td></tr>{% endif %}
    </tbody>
  </table>
</div>

<div class="chart-wrap">
  <h3>➕ کد تخفیف جدید</h3>
  <form method="POST" action="{{ url_for('new_discount') }}">
    <div class="form-group" style="margin-bottom:12px">
      <label>کد تخفیف</label>
      <input type="text" name="code" placeholder="مثلاً: SALE20" required style="text-transform:uppercase">
    </div>
    <div class="form-group" style="margin-bottom:12px">
      <label>درصد تخفیف</label>
      <input type="number" name="percent" min="1" max="100" placeholder="مثلاً: 20" required>
    </div>
    <div class="form-group" style="margin-bottom:12px">
      <label>حداکثر استفاده (-1 = نامحدود)</label>
      <input type="number" name="max_uses" value="-1">
    </div>
    <div class="form-group" style="margin-bottom:20px">
      <label>تاریخ انقضا (اختیاری)</label>
      <input type="date" name="expires_at">
    </div>
    <button class="btn btn-primary" type="submit" style="width:100%">➕ ساخت کد</button>
  </form>
</div>
</div>
{% endblock %}