{% 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>🔥 فلش سیل‌های فعال</h3></div>
  <table>
    <thead><tr><th>محصول</th><th>تخفیف</th><th>انقضا</th><th>وضعیت</th></tr></thead>
    <tbody>
    {% for p in products %}
    {% set flash = namespace(found=false) %}
    <tr>
      <td>{{ p.service }} - {{ p.duration }}</td>
      <td style="color:var(--orange);font-weight:600">{{ p.price|int }} ت</td>
      <td style="color:var(--muted);font-size:12px">—</td>
      <td><span class="badge badge-pending">⏸ غیرفعال</span></td>
    </tr>
    {% endfor %}
    </tbody>
  </table>
</div>
<div class="chart-wrap">
  <h3>🔥 ایجاد فلش سیل</h3>
  <form method="POST">
    <div class="form-group" style="margin-bottom:12px">
      <label>محصول</label>
      <select name="product_id" required>
        {% for p in products %}<option value="{{ p.id }}">{{ p.service }} - {{ p.duration }} ({{ "{:,}".format(p.price) }} ت)</option>{% endfor %}
      </select>
    </div>
    <div class="form-group" style="margin-bottom:12px">
      <label>درصد تخفیف</label>
      <input type="number" name="discount" min="1" max="80" placeholder="مثلاً: 30" required>
    </div>
    <div class="form-group" style="margin-bottom:20px">
      <label>مدت زمان (ساعت)</label>
      <input type="number" name="hours" value="2" min="1" max="72" required>
    </div>
    <button class="btn btn-primary" type="submit" style="width:100%">🔥 فعال‌سازی</button>
  </form>
</div>
</div>
{% endblock %}