13 lines
1.8 KiB
HTML
13 lines
1.8 KiB
HTML
<section class="pay-customer-picker pay-field-wide" data-payment-customer-picker data-search-url="{% url 'staff_payments:customer_search' %}" aria-label="انتخاب مشتری">
|
|
{{ form.customer }}
|
|
<label for="payment-customer-search">جست‌وجو و انتخاب مشتری <span class="pay-required">الزامی</span></label>
|
|
<div class="pay-search-input">{% include 'payments/_icon.html' with name='search' %}<input id="payment-customer-search" type="search" autocomplete="off" placeholder="نام، موبایل، سازمان یا شماره و موضوع تیکت" aria-describedby="payment-customer-help payment-customer-status"></div>
|
|
<p id="payment-customer-help" class="pay-field-hint">نام و شماره تماس را تطبیق دهید؛ هیچ نتیجه‌ای خودکار انتخاب نمی‌شود.</p>
|
|
{% if form.customer.errors %}<div class="field-error" role="alert">{{ form.customer.errors }}</div>{% endif %}
|
|
<p id="payment-customer-status" class="pay-field-hint" role="status" aria-live="polite">برای جست‌وجو حداقل دو حرف یا رقم وارد کنید.</p>
|
|
<div class="pay-customer-results" data-customer-results aria-label="نتایج جست‌وجوی مشتری" hidden></div>
|
|
<div class="pay-selected-customer" data-selected-customer hidden></div>
|
|
{{ customer_selection|json_script:'payment-selected-customer' }}
|
|
<noscript>{% if customer_selection %}<p class="pay-inline-note">مشتری انتخاب‌شده: {{ customer_selection.name }} · <bdi>{{ customer_selection.mobile }}</bdi></p>{% else %}<p class="pay-inline-note">برای جست‌وجوی مشتری JavaScript مرورگر را فعال کنید. می‌توانید از صفحه مخاطبان یا تیکت مشتری، فرم اعلامیه را با مشتری انتخاب‌شده باز کنید.</p>{% endif %}</noscript>
|
|
</section>
|