{% extends "base.html" %}
{% block title %}داشبورد{% endblock %}
{% block page_title %}داشبورد{% endblock %}

{% block topbar_actions %}
  <a href="{{ url_for('case_new') }}" class="btn btn-primary btn-sm">
    <i class="bi bi-plus-circle"></i> ثبت کیس جدید
  </a>
{% endblock %}

{% block content %}

{% if upcoming_checks %}
<!-- هشدار چک‌های نزدیک به سررسید -->
<div class="alert alert-warning d-flex align-items-start gap-2 mb-4">
  <i class="bi bi-exclamation-triangle-fill fs-5 mt-1"></i>
  <div>
    <strong>⏰ سررسید چک نزدیک است!</strong>
    <div class="mt-1">
    {% for p in upcoming_checks %}
      <span class="me-3">
        دکتر <strong>{{ p.doctor_name }}</strong> — {{ p.amount | toman_fa }} —
        سررسید: <strong>{{ p.due_date | jalali | fa_num }}</strong>
        <a href="{{ url_for('doctor_detail', doctor_name=p.doctor_name) }}" class="btn btn-sm btn-warning py-0 ms-1">پاس‌کردن</a>
      </span>
    {% endfor %}
    </div>
  </div>
</div>
{% endif %}

<!-- کارت‌های آماری اصلی -->
<div class="row g-3 mb-4">
  <div class="col-6 col-lg-3">
    <div class="eh-stat-card bg-grad-purple">
      <i class="bi bi-collection-fill icon-bg"></i>
      <div class="label">تعداد کل سفارش‌ها</div>
      <div class="value">{{ total | fa_num }}</div>
    </div>
  </div>
  <div class="col-6 col-lg-3">
    <div class="eh-stat-card bg-grad-orange">
      <i class="bi bi-hourglass-split icon-bg"></i>
      <div class="label">در حال انجام</div>
      <div class="value">{{ in_progress | fa_num }}</div>
    </div>
  </div>
  <div class="col-6 col-lg-3">
    <div class="eh-stat-card bg-grad-green">
      <i class="bi bi-check-circle-fill icon-bg"></i>
      <div class="label">تحویل شده</div>
      <div class="value">{{ delivered | fa_num }}</div>
    </div>
  </div>
  <div class="col-6 col-lg-3">
    <div class="eh-stat-card bg-grad-blue">
      <i class="bi bi-cash-coin icon-bg"></i>
      <div class="label">مجموع درآمد (تومان)</div>
      <div class="value" style="font-size:1.25rem;">{{ revenue | toman_fa }}</div>
    </div>
  </div>
</div>

<!-- کارت‌های مراحل کاری -->
<div class="eh-card p-3 mb-4">
  <h6 class="fw-bold mb-3"><i class="bi bi-diagram-3-fill text-primary"></i> تعداد کیس‌ها در هر مرحله</h6>
  <div class="row g-3">
    {% for stage in STAGES %}
      <div class="col-6 col-sm-4 col-md-3 col-lg-2">
        <a href="{{ url_for('cases_list', status=stage.key) }}" class="text-decoration-none">
          <div class="eh-stage-card" style="background: {{ stage.color }};">
            <i class="bi {{ stage.icon }}"></i>
            <div class="count">{{ stage_counts.get(stage.key, 0) | fa_num }}</div>
            <div class="label">{{ stage.label }}</div>
          </div>
        </a>
      </div>
    {% endfor %}
  </div>
</div>

<!-- آخرین کیس‌های ثبت‌شده -->
<div class="eh-card p-3">
  <div class="d-flex justify-content-between align-items-center mb-3">
    <h6 class="fw-bold mb-0"><i class="bi bi-clock-history text-primary"></i> آخرین کیس‌های ثبت‌شده</h6>
    <a href="{{ url_for('cases_list') }}" class="small">مشاهده همه <i class="bi bi-arrow-left"></i></a>
  </div>

  {% if recent %}
  <div class="table-responsive">
    <table class="table eh-table align-middle mb-0">
      <thead>
        <tr>
          <th>شماره سفارش</th>
          <th>بیمار</th>
          <th>دکتر</th>
          <th>نوع کار</th>
          <th>وضعیت</th>
          <th>مبلغ (تومان)</th>
          <th>تاریخ ثبت</th>
          <th></th>
        </tr>
      </thead>
      <tbody>
        {% for c in recent %}
        <tr>
          <td class="fw-semibold">{{ c.order_number | fa_num }}</td>
          <td>{{ c.patient_name }}</td>
          <td>{{ c.doctor_name }}</td>
          <td>{{ c.work_type }}</td>
          <td><span class="eh-badge" style="background-color: {{ stage_color(c.status) }};">{{ c.status }}</span></td>
          <td>{{ c.amount | toman_fa }}</td>
          <td>{{ c.register_date | jalali | fa_num }}</td>
          <td class="text-start">
            <a href="{{ url_for('case_detail', case_id=c.id) }}" class="btn btn-sm btn-light"><i class="bi bi-eye"></i></a>
          </td>
        </tr>
        {% endfor %}
      </tbody>
    </table>
  </div>
  {% else %}
  <div class="eh-empty-state">
    <i class="bi bi-inbox"></i>
    هنوز هیچ کیسی ثبت نشده است.
    <div class="mt-3"><a href="{{ url_for('case_new') }}" class="btn btn-primary btn-sm">ثبت اولین کیس</a></div>
  </div>
  {% endif %}
</div>

{% endblock %}