{% extends "base.html" %}
{% block title %}حساب دکتر {{ doctor_name }} - لابراتوار احسان{% endblock %}
{% block page_title %}<i class="bi bi-person-lines-fill ms-1"></i> دکتر {{ doctor_name }}{% endblock %}

{% block topbar_actions %}
  <a href="{{ url_for('payment_new') }}?doctor={{ doctor_name }}" class="btn btn-primary">
    <i class="bi bi-plus-circle ms-1"></i> ثبت چک / پرداخت
  </a>
  <a href="{{ url_for('doctors_list') }}" class="btn btn-light">
    <i class="bi bi-arrow-right ms-1"></i> بازگشت
  </a>
{% endblock %}

{% block content %}

<!-- خلاصه مالی -->
<div class="row g-4 mb-4">
  <div class="col-md-4">
    <div class="eh-stat-card bg-grad-purple">
      <div class="d-flex justify-content-between align-items-start">
        <div><div class="stat-label">جمع کل کیس‌ها</div><div class="stat-value">{{ total | toman_fa }}</div></div>
        <div class="stat-icon"><i class="bi bi-receipt"></i></div>
      </div>
    </div>
  </div>
  <div class="col-md-4">
    <div class="eh-stat-card bg-grad-green">
      <div class="d-flex justify-content-between align-items-start">
        <div><div class="stat-label">پرداخت‌شده</div><div class="stat-value">{{ paid | toman_fa }}</div></div>
        <div class="stat-icon"><i class="bi bi-check-circle"></i></div>
      </div>
    </div>
  </div>
  <div class="col-md-4">
    <div class="eh-stat-card {% if balance > 0 %}bg-grad-orange{% else %}bg-grad-teal{% endif %}">
      <div class="d-flex justify-content-between align-items-start">
        <div><div class="stat-label">مانده حساب</div><div class="stat-value">{{ balance | toman_fa }}</div></div>
        <div class="stat-icon"><i class="bi bi-wallet2"></i></div>
      </div>
    </div>
  </div>
</div>

<div class="row g-4">

  <!-- تاریخچه پرداخت‌ها -->
  <div class="col-lg-6">
    <div class="eh-card">
      <h6 class="fw-bold mb-3"><i class="bi bi-cash-stack ms-1"></i> چک‌ها و پرداخت‌ها</h6>
      {% if payments %}
      <div class="table-responsive">
        <table class="eh-table table table-sm">
          <thead>
            <tr><th>نوع</th><th>مبلغ</th><th>سررسید</th><th>وضعیت</th><th></th></tr>
          </thead>
          <tbody>
            {% for p in payments %}
            <tr>
              <td>
                {% if p.pay_type == 'check' %}<i class="bi bi-journal-text text-warning"></i> چک
                {% elif p.pay_type == 'cash' %}<i class="bi bi-cash text-success"></i> نقد
                {% else %}<i class="bi bi-bank text-info"></i> انتقال{% endif %}
                {% if p.check_number %}<div class="text-muted small">{{ p.check_number }}</div>{% endif %}
              </td>
              <td class="fw-semibold">{{ p.amount | toman_fa }}</td>
              <td>{{ p.due_date | jalali | fa_num if p.due_date else '-' }}</td>
              <td>
                {% if p.is_cashed %}
                  <span class="badge bg-success">پاس شده</span>
                {% else %}
                  <span class="badge bg-warning text-dark">در انتظار</span>
                {% endif %}
              </td>
              <td>
                {% if not p.is_cashed %}
                <form method="post" action="{{ url_for('payment_cash', payment_id=p.id) }}" class="d-inline">
                  <button class="btn btn-xs btn-outline-success py-0 px-2" title="پاس شد">✓</button>
                </form>
                {% endif %}
                <form method="post" action="{{ url_for('payment_delete', payment_id=p.id) }}" class="d-inline"
                      onsubmit="return confirm('حذف شود؟')">
                  <button class="btn btn-xs btn-outline-danger py-0 px-2" title="حذف">✕</button>
                </form>
              </td>
            </tr>
            {% endfor %}
          </tbody>
        </table>
      </div>
      {% else %}
      <div class="eh-empty-state py-3">
        <p class="text-muted">هنوز پرداختی ثبت نشده.</p>
        <a href="{{ url_for('payment_new') }}?doctor={{ doctor_name }}" class="btn btn-sm btn-primary mt-1">ثبت اولین پرداخت</a>
      </div>
      {% endif %}
    </div>
  </div>

  <!-- لیست کیس‌ها -->
  <div class="col-lg-6">
    <div class="eh-card">
      <h6 class="fw-bold mb-3"><i class="bi bi-folder2 ms-1"></i> کیس‌های این دکتر</h6>
      {% if cases %}
      <div class="table-responsive">
        <table class="eh-table table table-sm">
          <thead>
            <tr><th>سفارش</th><th>بیمار</th><th>مبلغ</th><th>وضعیت</th></tr>
          </thead>
          <tbody>
            {% for c in cases %}
            <tr>
              <td><a href="{{ url_for('case_detail', case_id=c.id) }}">{{ c.order_number | fa_num }}</a></td>
              <td>{{ c.patient_name }}</td>
              <td>{{ (c.amount - (c.discount or 0)) | toman_fa }}</td>
              <td><span class="eh-badge" style="background-color:{{ stage_color(c.status) }};font-size:0.7rem;">{{ c.status }}</span></td>
            </tr>
            {% endfor %}
          </tbody>
        </table>
      </div>
      {% else %}
      <p class="text-muted text-center py-3">کیسی ثبت نشده.</p>
      {% endif %}
    </div>
  </div>

</div>
{% endblock %}