{% extends "base.html" %}
{% block title %}حذف مشتری — {{ APP_NAME }}{% endblock %}
{% block content %}
<div class="page-header">
  <a class="btn btn-ghost back-btn" href="{{ url_for('customer_account.new') }}">‹ بازگشت</a>
  <h1 class="title">حذف مشتری</h1>
</div>

<form method="get" style="margin-bottom:16px;">
  <input type="search" name="q" class="search-bar" placeholder="نام مشتری برای حذف را جستجو کنید..." value="{{ q }}" autofocus>
</form>

<div style="display:flex; flex-direction:column; gap:10px;">
  {% for c in results %}
  <div class="glass-card" style="display:flex; align-items:center; gap:14px; padding:10px 16px;">
    <span style="flex:1;">{{ c.first_name }} {{ c.last_name }} — {{ c.city or "-" }} — {{ c.mobile_phone or "-" }}</span>
    <form method="post" action="{{ url_for('customer_account.delete', customer_id=c.id) }}"
          onsubmit="return confirm('آیا از حذف «{{ c.first_name }} {{ c.last_name }}» مطمئن هستید؟\nاین مشتری قابل بازیابی توسط مدیر خواهد بود.');">
      <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
      <button type="submit" class="btn btn-danger">🗑 حذف</button>
    </form>
  </div>
  {% else %}
  {% if q %}<p class="muted">نتیجه‌ای یافت نشد.</p>{% endif %}
  {% endfor %}
</div>
{% endblock %}