{% extends "base.html" %}

{% block title %}{% if mode == 'edit' %}ویرایش کیس{% else %}ثبت کیس جدید{% endif %} - لابراتوار احسان{% endblock %}

{% block page_title %}
  {% if mode == 'edit' %}
    <i class="bi bi-pencil-square ms-1"></i> ویرایش کیس
  {% else %}
    <i class="bi bi-plus-circle ms-1"></i> ثبت کیس جدید
  {% endif %}
{% endblock %}

{% block topbar_actions %}
  {% if mode == 'edit' %}
    <a href="{{ url_for('case_detail', case_id=case.id) }}" class="btn btn-outline-secondary">
      <i class="bi bi-arrow-right ms-1"></i> بازگشت به جزئیات
    </a>
  {% else %}
    <a href="{{ url_for('cases_list') }}" class="btn btn-outline-secondary">
      <i class="bi bi-arrow-right ms-1"></i> بازگشت به لیست
    </a>
  {% endif %}
{% endblock %}

{% block content %}

{% if mode == 'edit' %}
<div class="eh-card mb-4">
  <div class="row g-3 text-center">
    <div class="col-6 col-md-3">
      <div class="text-muted small mb-1">شماره سفارش</div>
      <div class="fw-bold fs-5">{{ case.order_number | fa_num }}</div>
    </div>
    <div class="col-6 col-md-3">
      <div class="text-muted small mb-1">شماره فاکتور</div>
      <div class="fw-bold fs-5">{{ case.invoice_number | fa_num }}</div>
    </div>
    <div class="col-6 col-md-3">
      <div class="text-muted small mb-1">تاریخ ثبت</div>
      <div class="fw-bold fs-5">{{ case.register_date | jalali | fa_num }}</div>
    </div>
    <div class="col-6 col-md-3">
      <div class="text-muted small mb-1">وضعیت فعلی</div>
      <span class="eh-badge" style="background-color: {{ stage_color(case.status) }};">{{ case.status }}</span>
    </div>
  </div>
</div>
{% endif %}

<div class="eh-card">
  <form method="post" novalidate>
    <div class="row g-3">

      <div class="col-md-6">
        <label class="form-label">نام بیمار <span class="text-danger">*</span></label>
        <input type="text" name="patient_name" class="form-control" required
               value="{{ form.patient_name or '' }}" placeholder="مثلاً: علی محمدی">
      </div>

      <div class="col-md-6">
        <label class="form-label">نام دکتر <span class="text-danger">*</span></label>
        <input type="text" name="doctor_name" class="form-control" required
               value="{{ form.doctor_name or '' }}" placeholder="مثلاً: دکتر رضایی">
      </div>

      <div class="col-md-4">
        <label class="form-label">نوع کار <span class="text-danger">*</span></label>
        <select name="work_type" class="form-select" required>
          <option value="" disabled {% if not form.work_type %}selected{% endif %}>انتخاب کنید...</option>
          {% for wt in WORK_TYPES %}
            <option value="{{ wt }}" {% if form.work_type == wt %}selected{% endif %}>{{ wt }}</option>
          {% endfor %}
        </select>
      </div>

      <div class="col-md-4">
        <label class="form-label">تعداد واحد <span class="text-danger">*</span></label>
        <input type="number" min="1" step="1" name="units" class="form-control" required
               value="{{ form.units or 1 }}">
      </div>

      <div class="col-md-4">
        <label class="form-label">رنگ دندان</label>
        <select name="tooth_color" class="form-select">
          <option value="" {% if not form.tooth_color %}selected{% endif %}>انتخاب نشده</option>
          {% for tc in TOOTH_COLORS %}
            <option value="{{ tc }}" {% if form.tooth_color == tc %}selected{% endif %}>{{ tc }}</option>
          {% endfor %}
        </select>
      </div>

      <div class="col-md-4">
        <label class="form-label">مبلغ (تومان) <span class="text-danger">*</span></label>
        <div class="input-group">
          <input type="text" inputmode="numeric" id="amountInput" name="amount" class="form-control" required
                 value="{{ form.amount or 0 }}">
          <span class="input-group-text">تومان</span>
        </div>
      </div>

      <div class="col-md-4">
        <label class="form-label">تخفیف (تومان)</label>
        <div class="input-group">
          <input type="text" inputmode="numeric" id="discountInput" name="discount" class="form-control"
                 value="{{ form.discount or 0 }}">
          <span class="input-group-text">تومان</span>
        </div>
      </div>

      <div class="col-md-4">
        <label class="form-label">تاریخ تحویل</label>
        <input type="date" name="delivery_date" class="form-control"
               value="{{ form.delivery_date or '' }}">
        <div class="form-text">این تاریخ به میلادی وارد می‌شود و در سامانه به شمسی نمایش داده خواهد شد.</div>
      </div>

      {% if mode == 'edit' %}
      <div class="col-md-6">
        <label class="form-label">وضعیت فعلی</label>
        <select name="status" class="eh-status-select-form form-select">
          {% for stage in STAGES %}
            <option value="{{ stage.key }}" {% if form.status == stage.key %}selected{% endif %}>{{ stage.label }}</option>
          {% endfor %}
        </select>
      </div>
      {% endif %}

      <div class="col-12">
        <label class="form-label">توضیحات</label>
        <textarea name="description" class="form-control" rows="3" placeholder="توضیحات تکمیلی درباره کیس...">{{ form.description or '' }}</textarea>
      </div>

    </div>

    <hr class="my-4">

    <div class="d-flex gap-2 justify-content-start">
      <button type="submit" class="btn btn-primary px-4">
        <i class="bi bi-check-circle ms-1"></i>
        {% if mode == 'edit' %}ذخیره تغییرات{% else %}ثبت کیس{% endif %}
      </button>
      <a href="{% if mode == 'edit' %}{{ url_for('case_detail', case_id=case.id) }}{% else %}{{ url_for('cases_list') }}{% endif %}"
         class="btn btn-light px-4">انصراف</a>
    </div>
  </form>
</div>

{% endblock %}