changes

src/app/pages/create-page/create-page.html

@@ -30,6 +30,9 @@
           <button type="button" class="method method--disabled" disabled aria-label="WeChat Pay">
             <img class="method__logo" src="/wechat-pay.svg" alt="WeChat Pay" />
           </button>
+          <button type="button" class="method method--disabled" disabled aria-label="Alipay">
+            <img class="method__logo" src="/alipay.svg" alt="Alipay" />
+          </button>
           <button type="button" class="method method--disabled" disabled aria-label="Visa">
             <img class="method__logo" src="/visa.svg" alt="Visa" />
           </button>
@@ -77,13 +80,15 @@
             class="input-wrap__input"
             [ngModel]="amount()"
             (ngModelChange)="onAmountChange($event)"
-            min="1"
+            [min]="minAmount()"
+            [max]="maxAmount()"
             step="1"
             inputmode="numeric"
             placeholder="0"
             autofocus
           />
         </div>
+        <span class="field__hint">{{ 'create.amount_hint' | translate }} {{ minAmount() }}–{{ maxAmount().toLocaleString('ru') }} ₽</span>
         @if (error()) {
           <span class="field__error">{{ error() }}</span>
         }
@@ -102,7 +107,7 @@
         ></textarea>
       </div>
 
-      <button class="pay-btn" type="button" (click)="createCheck()" [disabled]="loading()">
+      <button class="pay-btn" type="button" (click)="createCheck()" [disabled]="loading() || qrImageUrl() !== null">
         <span class="pay-btn__icon">
           <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor"
                stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
@@ -116,6 +121,17 @@
           <span class="brand"><span class="brand__fast">fast</span><span class="brand__check">CHECK</span></span>
         }
       </button>
+
+      <!-- QR section: shown after QR is created -->
+      @if (qrImageUrl()) {
+        <div class="qr-section">
+          <p class="qr-section__label">{{ 'create.qr_label' | translate }}</p>
+          <img class="qr-section__img" [src]="qrImageUrl()!" width="240" height="240" alt="QR" />
+          @if (qrPolling()) {
+            <p class="qr-section__hint">{{ 'create.qr_waiting' | translate }}</p>
+          }
+        </div>
+      }
     </div>
 
     <div class="card__footer">