{% extends 'base.html' %}
{% block title %}{{ page_title }}{% endblock %}
{% block content %}
<section class="staff-page-head customer-page-head"><div><p class="eyebrow">بانک مشتریان</p><h1>مشتریان</h1><p>مشتری را با نام یا موبایل پیدا کنید و وضعیت درخواست‌های او را یک‌جا ببینید.</p></div>{% if perms.tickets.add_ticket %}<a class="button" href="{% url 'staff_tickets:create' %}">＋ ثبت تیکت برای مشتری</a>{% endif %}</section>
<section class="customer-directory card">
  <form class="customer-directory-search" hx-get="{% url 'staff_tickets:customers' %}" hx-target="#customer-results" hx-push-url="true" hx-trigger="keyup changed delay:400ms from:input[name=q], submit"><label>جست‌وجوی مشتری<input type="search" name="q" value="{{ search }}" placeholder="نام، نام خانوادگی یا شماره موبایل" autofocus></label><button type="submit">جست‌وجو</button>{% if search %}<a href="{% url 'staff_tickets:customers' %}">پاک‌کردن</a>{% endif %}</form>
  <div id="customer-results">{% include 'tickets/_staff_customer_results.html' %}</div>
</section>
{% endblock %}