templates/components/modals/checkout_product.html.twig line 1

Open in your IDE?
  1. <section class="checkout-modal-layer" id="checkoutModal" aria-hidden="true" hidden inert>
  2.       <button class="checkout-backdrop" type="button" aria-label="Закрыть оформление заказа" data-checkout-close></button>
  3.       <form class="checkout-modal-dialog" role="dialog" aria-modal="true" aria-labelledby="checkoutTitle" novalidate>
  4.         <button class="checkout-close" type="button" aria-label="Закрыть" data-checkout-close>
  5.           <svg viewBox="0 0 20 20" aria-hidden="true">
  6.             <path d="M4.5 4.5 15.5 15.5M15.5 4.5 4.5 15.5" />
  7.           </svg>
  8.         </button>
  10.         <h2 id="checkoutTitle">Оформление заказа</h2>
  12.         <div class="checkout-product">
  13.           <img src="{{ productImage }}" alt="" />
  14.           <div>
  15.             <strong>{{ productName }}</strong>
  16.             <span>{{ productRegion }}{% if productDeliveryShortLabel %} · {{ productDeliveryShortLabel }}{% endif %}</span>
  17.           </div>
  18.           <div class="checkout-product-price">
  19.             <strong>{{ productPrice }}</strong>
  20.             {% if not productData %}<del>6 499 ₽</del>{% endif %}
  21.           </div>
  22.         </div>
  24.         <label class="checkout-field">
  25.           <span>{{ productDelivery.type|default('digital_item') == 'steam_key' ? 'E-mail для чека и ключа' : 'E-mail для чека' }}</span>
  26.           <input type="email" name="email" placeholder="you@example.com" autocomplete="email" required />
  27.           <small hidden>Введите корректный e-mail</small>
  28.         </label>
  30.         <input type="hidden" name="product_id" value="{{ checkoutProductId }}" data-checkout-product-id />
  31.         <div
  32.           class="checkout-dynamic-fields"
  33.           data-checkout-fields
  34.           data-initial-forms="{{ checkoutForms|json_encode|e('html_attr') }}"
  35.           data-initial-delivery-type="{{ productDelivery.type|default('digital_item') }}"
  36.         ></div>
  38.         <div class="checkout-payments">
  39.           <span class="checkout-label">Способ оплаты</span>
  40.           <div class="checkout-payment-list" role="radiogroup" aria-label="Способ оплаты">
  41.             <button class="checkout-payment-option is-selected" type="button" role="radio" aria-checked="true" data-payment-method="cryptobot">
  42.               <span class="checkout-payment-icon"><img src="./assets/cart-white.svg" alt="" /></span>
  43.               <span class="checkout-payment-copy">
  44.                 <b>CryptoBot</b>
  45.                 <small>Оплата через Telegram Crypto Bot</small>
  46.               </span>
  47.               <span class="checkout-payment-check"><img src="./assets/auth-check.svg" alt="" /></span>
  48.             </button>
  49.           </div>
  50.           <input type="hidden" name="payment" value="cryptobot" />
  51.         </div>
  53.         <div class="checkout-total">
  54.           <span>К оплате</span>
  55.           <strong data-checkout-total-price>{{ productPrice }}</strong>
  56.         </div>
  58.         <button class="checkout-submit" type="submit">Оплатить {{ productPrice }}</button>
  60.         <div class="checkout-result" data-checkout-result hidden></div>
  62.         <p class="checkout-consent">
  63.           Сначала создаём счёт CryptoBot. GalaxyLink-заказ запускается только после подтверждения оплаты webhook’ом.
  64.         </p>
  65.       </form>
  66.     </section>