{% extends "base.html" %}
{% block title %}{{ "ویرایش مشتری" if customer else "حساب مشتری" }} — {{ APP_NAME }}{% endblock %}
{% block content %}
<div class="page-header">
  <a class="btn btn-ghost back-btn" href="{{ url_for('customer_profile.show', customer_id=customer.id) if customer else url_for('dashboard.index') }}">‹ بازگشت</a>
  <h1 class="title">{{ "ویرایش اطلاعات مشتری" if customer else "حساب مشتری" }}</h1>
  {% if not customer %}
  <div class="spacer"></div>
  <a class="btn btn-ghost" href="{{ url_for('customer_account.import_page') }}">📊 وارد کردن گروهی از اکسل</a>
  <a class="btn btn-ghost" href="{{ url_for('customer_account.remove') }}">🗑 حذف مشتری</a>
  {% endif %}
</div>

<div class="glass-panel" style="max-width:820px; padding:26px 30px;">
  <form method="post" enctype="multipart/form-data" style="display:flex; flex-direction:column; gap:18px;">
    {{ form.hidden_tag() }}

    <div style="display:flex; align-items:center; gap:16px;">
      {% if customer and customer.photo_path %}
      <img src="{{ url_for('customer_profile.photo', customer_id=customer.id) }}" style="width:84px; height:84px; border-radius:42px; object-fit:cover; border:2px solid var(--glass-border);">
      {% else %}
      <div style="width:84px; height:84px; border-radius:42px; display:flex; align-items:center; justify-content:center; font-size:32px;" class="glass-card">👤</div>
      {% endif %}
      <div class="filter-field" style="flex:1;">
        {{ form.photo.label }}
        {{ form.photo() }}
      </div>
    </div>

    <div class="form-grid">
      <div class="filter-field">{{ form.first_name.label }} {{ form.first_name() }}</div>
      <div class="filter-field">{{ form.last_name.label }} {{ form.last_name() }}</div>
      <div class="filter-field">{{ form.city.label }} {{ form.city() }}</div>
      <div class="filter-field">{{ form.gender.label }} {{ form.gender() }}</div>
      <div class="filter-field">{{ form.landline_phone.label }} {{ form.landline_phone() }}</div>
      <div class="filter-field">{{ form.mobile_phone.label }} {{ form.mobile_phone() }}</div>
      <div class="filter-field">{{ form.birth_date.label }} {{ form.birth_date(placeholder="برای انتخاب تاریخ کلیک کنید", **{"data-jalali-picker": "1"}) }}</div>
      <div class="filter-field">{{ form.customer_code.label }} {{ form.customer_code() }}</div>
      <div class="filter-field">{{ form.referrer_text.label }} {{ form.referrer_text() }}</div>
      <div class="filter-field">{{ form.how_found.label }} {{ form.how_found() }}</div>
      <div class="filter-field">{{ form.instagram_id.label }} {{ form.instagram_id(placeholder="@username") }}</div>
      <div class="filter-field">
        {{ form.status.label }} {{ form.status() }}
        <span class="muted">
          جدید / فعال / خواب خودکار از روی تماس‌ها و خریدها تعیین می‌شه؛ فقط «غیرفعال» دستیه.
          {% if customer %}وضعیت فعلی: {{ status_fa.get(customer.status, customer.status or "-") }}{% endif %}
        </span>
      </div>
    </div>

    <div class="filter-field">{{ form.address.label }} {{ form.address(rows=3) }}</div>
    <div class="filter-field">{{ form.description.label }} {{ form.description(rows=3) }}</div>

    {% for field in form if field.errors %}
      {% for err in field.errors %}<div style="color:var(--danger); font-size:12px;">{{ field.label.text }}: {{ err }}</div>{% endfor %}
    {% endfor %}

    {% if duplicate_warning %}
    <div class="glass-card" style="padding:14px 16px; border:1px solid var(--warning); display:flex; flex-direction:column; gap:8px;">
      <p style="margin:0; color:var(--warning);">⚠ شماره {{ duplicate_warning.phone }} قبلاً برای «{{ duplicate_warning.existing_name }}» ثبت شده است.</p>
      <p class="muted" style="margin:0;">اگر مطمئنید و همچنان می‌خواهید این شماره را ثبت کنید، دکمه زیر را بزنید. در غیر این صورت شماره را اصلاح کنید و «{{ "ذخیره تغییرات" if customer else "ثبت مشتری" }}» را دوباره بزنید.</p>
      <button type="submit" name="confirm_duplicate" value="1" class="btn btn-ghost" style="align-self:flex-start;">با وجود تکراری بودن، همینطور ثبت کن</button>
    </div>
    {% endif %}

    <button type="submit" class="btn btn-gold" style="min-height:46px;">✓ {{ "ذخیره تغییرات" if customer else "ثبت مشتری" }}</button>
  </form>
</div>
{% endblock %}