{% extends "base.html" %}
{% block title %}لیست کیس‌ها{% endblock %}
{% block page_title %}لیست کیس‌ها{% endblock %}

{% block topbar_actions %}
  <a href="{{ url_for('export_excel') }}" class="btn btn-outline-success btn-sm">
    <i class="bi bi-file-earmark-excel"></i> <span class="d-none d-sm-inline">خروجی اکسل</span>
  </a>
  <a href="{{ url_for('case_new') }}" class="btn btn-primary btn-sm">
    <i class="bi bi-plus-circle"></i> <span class="d-none d-sm-inline">ثبت کیس جدید</span>
  </a>
{% endblock %}

{% block content %}

<!-- فرم جستجو و فیلتر -->
<div class="eh-search-card eh-card p-3 mb-4">
  <form method="GET" action="{{ url_for('cases_list') }}" class="row g-2 align-items-end">
    <div class="col-12 col-md-4">
      <label class="form-label">جستجو بر اساس نام بیمار</label>
      <input type="text" name="patient" value="{{ q_patient }}" class="form-control" placeholder="نام بیمار...">
    </div>
    <div class="col-12 col-md-4">
      <label class="form-label">جستجو بر اساس نام دکتر</label>
      <input type="text" name="doctor" value="{{ q_doctor }}" class="form-control" placeholder="نام دکتر...">
    </div>
    <div class="col-8 col-md-3">
      <label class="form-label">وضعیت</label>
      <select name="status" class="form-select">
        <option value="">همه وضعیت‌ها</option>
        {% for stage in STAGES %}
          <option value="{{ stage.key }}" {% if q_status == stage.key %}selected{% endif %}>{{ stage.label }}</option>
        {% endfor %}
      </select>
    </div>
    <div class="col-4 col-md-1 d-flex gap-1">
      <button type="submit" class="btn btn-primary w-100"><i class="bi bi-search"></i></button>
    </div>
    {% if q_patient or q_doctor or q_status %}
    <div class="col-12">
      <a href="{{ url_for('cases_list') }}" class="small text-danger"><i class="bi bi-x-circle"></i> پاک کردن فیلترها</a>
    </div>
    {% endif %}
  </form>
</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">نتایج جستجو ({{ total_count | fa_num }} کیس)</h6>
  </div>

  {% if cases %}
  <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>
          <th>وضعیت</th>
          <th>عملیات</th>
        </tr>
      </thead>
      <tbody>
        {% for c in cases %}
        <tr data-case-row>
          <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>{{ c.units | fa_num }}</td>
          <td>{{ c.tooth_color or '-' }}</td>
          <td>{{ c.amount | toman_fa }}</td>
          <td>{{ c.register_date | jalali | fa_num }}</td>
          <td>
            <select class="eh-status-select form-select form-select-sm" data-case-id="{{ c.id }}"
                    style="background-color: {{ stage_color(c.status) }};">
              {% for stage in STAGES %}
                <option value="{{ stage.key }}" {% if c.status == stage.key %}selected{% endif %}>{{ stage.label }}</option>
              {% endfor %}
            </select>
          </td>
          <td class="text-start">
            <div class="btn-group">
              <a href="{{ url_for('case_detail', case_id=c.id) }}" class="btn btn-sm btn-light" title="جزئیات"><i class="bi bi-eye"></i></a>
              <a href="{{ url_for('case_edit', case_id=c.id) }}" class="btn btn-sm btn-light" title="ویرایش"><i class="bi bi-pencil"></i></a>
              <a href="{{ url_for('invoice_view', case_id=c.id) }}" class="btn btn-sm btn-light" title="فاکتور"><i class="bi bi-receipt"></i></a>
              <button type="button" class="btn btn-sm btn-light text-danger" title="حذف"
                      onclick="confirmDelete('{{ url_for('case_delete', case_id=c.id) }}', 'آیا از حذف کیس بیمار «{{ c.patient_name }}» مطمئن هستید؟')">
                <i class="bi bi-trash"></i>
              </button>
            </div>
          </td>
        </tr>
        {% endfor %}
      </tbody>
    </table>
  </div>

  {% if total_pages > 1 %}
  <nav class="mt-4">
    <ul class="pagination eh-pagination justify-content-center mb-0">
      {% for p in range(1, total_pages + 1) %}
        <li class="page-item {% if p == page %}active{% endif %}">
          <a class="page-link" href="{{ url_for('cases_list', page=p, patient=q_patient, doctor=q_doctor, status=q_status) }}">{{ p | fa_num }}</a>
        </li>
      {% endfor %}
    </ul>
  </nav>
  {% endif %}

  {% else %}
  <div class="eh-empty-state">
    <i class="bi bi-search"></i>
    هیچ کیسی مطابق جستجوی شما یافت نشد.
  </div>
  {% endif %}
</div>

{% endblock %}