selectgroup-payments.html 864 B

123456789101112131415161718192021222324
  1. <div class="mb-3">
  2. <label class="form-label">Payment method</label>
  3. {% assign items = "visa,mastercard,paypal" | split: ',' %}
  4. <div class="form-selectgroup form-selectgroup-boxes d-flex flex-column">
  5. {% for item in items %}
  6. <label class="form-selectgroup-item flex-fill">
  7. <input type="radio" name="form-payment" value="{{ item | escape }}" class="form-selectgroup-input"{% if forloop.index == 2 %} checked{% endif %}>
  8. <div class="form-selectgroup-label d-flex align-items-center p-3">
  9. <div class="me-3">
  10. <span class="form-selectgroup-check"></span>
  11. </div>
  12. <div>
  13. <span class="payment payment-provider-{{ item }} payment-xs me-2"></span>
  14. {% if forloop.index < 3 %}
  15. ending in <strong>{{ forloop.index | random_number: 1000, 9999 }}</strong>
  16. {% endif %}
  17. </div>
  18. </div>
  19. </label>
  20. {% endfor %}
  21. </div>
  22. </div>