{% 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() }}</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 %}

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