fix payment UI UX

templates/payments/_field.html

@@ -1,6 +1,7 @@
 <div class="pay-field {% if field.errors %}has-error{% endif %} {% if wide %}pay-field-wide{% endif %}">
   <label for="{{ field.id_for_label }}">{{ label|default:field.label }}{% if field.field.required %}<span class="pay-required">الزامی</span>{% else %}<span class="pay-optional">اختیاری</span>{% endif %}</label>
   {{ field }}
+  {% if field.name == 'amount' %}<p id="amount-words" class="pay-field-hint" role="status" aria-live="polite" aria-atomic="true"></p>{% endif %}
   {% if hint %}<p class="pay-field-hint">{{ hint }}</p>{% endif %}
   {% if field.help_text %}<p class="pay-field-hint">{{ field.help_text }}</p>{% endif %}
   {% if field.errors %}<div class="field-error" role="alert">{{ field.errors }}</div>{% endif %}