{% extends "base.html" %}
{% block title %}داشبورد{% endblock %}
{% block content %}
<div class="topbar" style="margin:-24px -28px 24px; border-radius:0;">
  <h1>داشبورد</h1>
  <p>نمای کلی از وضعیت فروشگاه</p>
</div>

<div class="stat-grid">
  <div class="stat-card">
    <div class="num">{{ stats.products_count }}</div>
    <div class="label">محصول فعال</div>
  </div>
  <div class="stat-card">
    <div class="num">{{ stats.pending_orders }}</div>
    <div class="label">سفارش در انتظار</div>
  </div>
  <div class="stat-card">
    <div class="num">{{ stats.total_orders }}</div>
    <div class="label">کل سفارش‌ها</div>
  </div>
  <div class="stat-card">
    <div class="num">{{ stats.total_users }}</div>
    <div class="label">مشتری در ربات</div>
  </div>
</div>

<div class="chart-card">
  <h2 style="font-size:1.05rem; margin:0 0 18px;">سفارش‌های ۷ روز اخیر</h2>
  <div class="bar-chart">
    {% for d in daily %}
    <div class="bar-col">
      <div class="bar-value">{{ d.count }}</div>
      <div class="bar" style="height: {{ (d.count / max_count * 100)|round|int }}%;"></div>
      <div class="bar-label">{{ d.label }}</div>
    </div>
    {% endfor %}
  </div>
  <div class="weekly-summary">
    📦 <strong>{{ weekly.orders }}</strong> سفارش هفته اخیر
    &nbsp;•&nbsp;
    💰 <strong>{{ "{:,}".format(weekly.revenue) }}</strong> تومان فروش هفته اخیر
  </div>
</div>

<h2 style="font-size:1.05rem; margin-bottom:12px;">آخرین سفارش‌ها</h2>
{% if recent_orders %}
<div class="table-wrap">
  <table>
    <thead>
      <tr><th>کد</th><th>مشتری</th><th>مبلغ</th><th>وضعیت</th><th>پلتفرم</th></tr>
    </thead>
    <tbody>
      {% for o in recent_orders %}
      <tr>
        <td>#{{ o.id }}</td>
        <td>{{ o.customer_name }}</td>
        <td class="num">{{ "{:,}".format(o.total_price) }} تومان</td>
        <td>
          {% if o.status == 'pending' %}<span class="badge badge-pending">در انتظار پرداخت</span>
          {% elif o.status == 'paid' %}<span class="badge badge-done">پرداخت‌شده</span>
          {% elif o.status == 'done' %}<span class="badge badge-done">تکمیل‌شده</span>
          {% else %}<span class="badge badge-cancelled">لغوشده</span>{% endif %}
        </td>
        <td>{{ "تلگرام" if o.platform == "telegram" else "بله" }}</td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
</div>
{% else %}
<div class="empty-state">
  <div class="icon">📦</div>
  هنوز سفارشی ثبت نشده.
</div>
{% endif %}
{% endblock %}