credit-card-fields.php
4 years ago
form-account-info-fields.php
3 months ago
form-billing-fields.php
4 years ago
form-checkout-sidebar.php
1 year ago
form-checkout-submit-btn.php
1 month ago
form-checkout.php
2 weeks ago
form-login.php
3 years ago
form-payment-methods.php
1 year ago
form-terms.php
10 months ago
group-selector.php
1 year ago
index.php
4 years ago
credit-card-fields.php
41 lines
| 1 | <?php /** @var string $id */?> |
| 2 | |
| 3 | <div class="ppress-main-checkout-form__block__item"> |
| 4 | <label for="<?= esc_attr($id . '-' . 'card_name') ?>"> |
| 5 | <?php esc_html_e('Name on card', 'wp-user-avatar') ?> |
| 6 | <span class="ppress-required">*</span> |
| 7 | </label> |
| 8 | <input id="<?= esc_attr($id . '-' . 'card_name') ?>" name="<?= esc_attr($id . '-' . 'card_name') ?>" class="ppress-checkout-field__input" type="text" autocomplete="cc-name"> |
| 9 | </div> |
| 10 | <div class="ppress-main-checkout-form__block__item"> |
| 11 | <label for="<?= esc_attr($id . '-' . 'card_number') ?>"> |
| 12 | <?php esc_html_e('Card number', 'wp-user-avatar') ?> |
| 13 | <span class="ppress-required">*</span> |
| 14 | </label> |
| 15 | <input id="<?= esc_attr($id . '-' . 'card_number') ?>" name="<?= esc_attr($id . '-' . 'card_number') ?>" class="ppress-checkout-field__input" type="text" autocomplete="cc-number" placeholder="•••• •••• •••• ••••"> |
| 16 | </div> |
| 17 | <div class="ppress-main-checkout-form__block__item ppress-two-third"> |
| 18 | <label for="<?= esc_attr($id . '-' . 'card_exp_month') ?>"> |
| 19 | <?php esc_html_e('Expiration date (MM/YY)', 'wp-user-avatar') ?> |
| 20 | <span class="ppress-required">*</span> |
| 21 | </label> |
| 22 | <div class="press-main-checkout-form__block__item__cc_expiry_date"> |
| 23 | <select id="<?= esc_attr($id . '-' . 'card_exp_month') ?>" name="<?= esc_attr($id . '-' . 'card_exp_month') ?>" autocomplete="cc-exp-month"> |
| 24 | <?php for ($i = 1; $i <= 12; $i++) { |
| 25 | echo '<option value="' . $i . '">' . sprintf('%02d', $i) . '</option>'; |
| 26 | } ?> |
| 27 | </select> |
| 28 | <select id="<?= esc_attr($id . '-' . 'card_exp_year') ?>" name="<?= esc_attr($id . '-' . 'card_exp_year') ?>" autocomplete="cc-exp-year"> |
| 29 | <?php for ($i = date('Y'); $i <= date('Y') + 30; $i++) { |
| 30 | echo '<option value="' . $i . '">' . substr($i, 2) . '</option>'; |
| 31 | } ?> |
| 32 | </select> |
| 33 | </div> |
| 34 | </div> |
| 35 | <div class="ppress-main-checkout-form__block__item ppress-one-third"> |
| 36 | <label for="<?= esc_attr($id . '-' . 'card_cvc') ?>"> |
| 37 | <?php esc_html_e('CVC', 'wp-user-avatar') ?> |
| 38 | <span class="ppress-required">*</span> |
| 39 | </label> |
| 40 | <input class="ppress-checkout-field__input" id="<?= esc_attr($id . '-' . 'card_cvc') ?>" name="<?= esc_attr($id . '-' . 'card_cvc') ?>" type="tel" pattern="[0-9]{3,4}" maxlength="4" autocomplete="cc-csc" inputmode="numeric"> |
| 41 | </div> |