cc.phtml 5.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113
  1. <?php
  2. /**
  3. * Copyright © Magento, Inc. All rights reserved.
  4. * See COPYING.txt for license details.
  5. */
  6. // @codingStandardsIgnoreFile
  7. /**
  8. * @var \Magento\Payment\Block\Transparent\Form $block
  9. */
  10. $code = $block->escapeHtml($block->getMethodCode());
  11. $ccType = $block->getInfoData('cc_type');
  12. $ccExpMonth = $block->getInfoData('cc_exp_month');
  13. $ccExpYear = $block->getInfoData('cc_exp_year');
  14. ?>
  15. <fieldset class="fieldset payment items ccard <?= /* @noEscape */ $code ?>"
  16. id="payment_form_<?= /* @noEscape */ $code ?>" style="display: none;">
  17. <div class="field type required">
  18. <label for="<?= /* @noEscape */ $code ?>_cc_type" class="label">
  19. <span><?= $block->escapeHtml(__('Credit Card Type')) ?></span>
  20. </label>
  21. <div class="control">
  22. <select id="<?= /* @noEscape */ $code ?>_cc_type"
  23. data-mage-init='{
  24. "creditCardType":{"creditCardTypeContainer":"#<?= /* @noEscape */ $code ?>_cc_type_ss_div"}
  25. }'
  26. name="payment[cc_type]" data-validate='{
  27. required:true,
  28. "validate-cc-type-select":"#<?= /* @noEscape */ $code ?>_cc_number"
  29. }'
  30. class="select">
  31. <option value=""><?= $block->escapeHtml(__('--Please Select--')) ?></option>
  32. <?php foreach ($block->getCcAvailableTypes() as $typeCode => $typeName): ?>
  33. <option value="<?= $block->escapeHtml($typeCode) ?>"
  34. <?php if ($typeCode == $ccType): ?> selected="selected"<?php endif; ?>>
  35. <?= $block->escapeHtml($typeName) ?>
  36. </option>
  37. <?php endforeach; ?>
  38. </select>
  39. </div>
  40. </div>
  41. <div class="field number required">
  42. <label for="<?= /* @noEscape */ $code ?>_cc_number" class="label">
  43. <span><?= $block->escapeHtml(__('Credit Card Number')) ?></span>
  44. </label>
  45. <div class="control">
  46. <input type="number" id="<?= /* @noEscape */ $code ?>_cc_number" name="payment[cc_number]"
  47. title="<?= $block->escapeHtml(__('Credit Card Number')) ?>" class="input-text" value=""
  48. data-validate='{
  49. "required-number":true,
  50. "validate-cc-number":"#<?= /* @noEscape */ $code ?>_cc_type",
  51. "validate-cc-type":"#<?= /* @noEscape */ $code ?>_cc_type"
  52. }'/>
  53. </div>
  54. </div>
  55. <div class="field date required" id="<?= /* @noEscape */ $code ?>_cc_type_exp_div">
  56. <label for="<?= /* @noEscape */ $code ?>_expiration" class="label">
  57. <span><?= $block->escapeHtml(__('Expiration Date')) ?></span>
  58. </label>
  59. <div class="control">
  60. <div class="fields group group-2">
  61. <div class="field no-label month">
  62. <div class="control">
  63. <select id="<?= /* @noEscape */ $code ?>_expiration" name="payment[cc_exp_month]" class="select month"
  64. data-validate='{required:true, "validate-cc-exp":"#<?= /* @noEscape */ $code ?>_expiration_yr"}'>
  65. <?php foreach ($block->getCcMonths() as $k => $v): ?>
  66. <option value="<?= /* @noEscape */ $k ? $block->escapeHtml($k) : '' ?>"
  67. <?php if ($k == $ccExpMonth): ?> selected="selected"<?php endif; ?>>
  68. <?= $block->escapeHtml($v) ?>
  69. </option>
  70. <?php endforeach; ?>
  71. </select>
  72. </div>
  73. </div>
  74. <div class="field no-label year">
  75. <div class="control">
  76. <select id="<?= /* @noEscape */ $code ?>_expiration_yr" name="payment[cc_exp_year]"
  77. class="select year" data-validate='{required:true}'>
  78. <?php foreach ($block->getCcYears() as $k => $v): ?>
  79. <option value="<?= /* @noEscape */ $k ? $block->escapeHtml($k) : '' ?>
  80. "<?php if ($k == $ccExpYear): ?> selected="selected"<?php endif; ?>>
  81. <?= $block->escapeHtml($v) ?>
  82. </option>
  83. <?php endforeach; ?>
  84. </select>
  85. </div>
  86. </div>
  87. </div>
  88. </div>
  89. </div>
  90. <?php if ($block->hasVerification()): ?>
  91. <div class="field cvv required" id="<?= /* @noEscape */ $code ?>_cc_type_cvv_div">
  92. <label for="<?= /* @noEscape */ $code ?>_cc_cid" class="label">
  93. <span><?= $block->escapeHtml(__('Card Verification Number')) ?></span>
  94. </label>
  95. <div class="control">
  96. <input type="number" title="<?= $block->escapeHtml(__('Card Verification Number')) ?>"
  97. class="input-text cvv" id="<?= /* @noEscape */ $code ?>_cc_cid" name="payment[cc_cid]" value=""
  98. data-validate='{"required-number":true, "validate-cc-cvn":"#<?= /* @noEscape */ $code ?>_cc_type"}' />
  99. <?php $content = '<img src=\"' . $block->getViewFileUrl('Magento_Checkout::cvv.png') . '\" alt=\"' .
  100. $block->escapeHtml(__('Card Verification Number Visual Reference')) .
  101. '\" title=\"' . $block->escapeHtml(__('Card Verification Number Visual Reference')) . '\" />'; ?>
  102. <div class="note">
  103. <a href="#" class="action cvv" title="<?= $block->escapeHtml(__('What is this?')) ?>"
  104. data-mage-init='{"tooltip": {"content": "<?= /* @noEscape */ $content ?>"}}'>
  105. <span><?= $block->escapeHtml(__('What is this?')) ?></span>
  106. </a>
  107. </div>
  108. </div>
  109. </div>
  110. <?php endif; ?>
  111. <?= $block->getChildHtml() ?>
  112. </fieldset>