app/Plugin/VeriTrans4G2/Resource/template/default/Shopping/vt4g_payment_credit_setting.twig line 1

Open in your IDE?
  1. {#
  2. Copyright (c) 2018 VeriTrans Inc., a Digital Garage company. All rights reserved.
  3. http://www.veritrans.co.jp/
  4. #}
  5. {{ include('VeriTrans4G2/Resource/template/default/js/vt4g_credit_js.twig') }}
  6. {{ include('VeriTrans4G2/Resource/template/default/css/vt4g_css.twig') }}
  8. {% form_theme form 'Form/form_div_layout.twig' %}
  10. <script>
  11.     $(function () {
  12.         $('.vt4g_payment_credit').appendTo($('.ec-orderPayment').first());
  13.     })
  14. </script>
  16. <div class="vt4g_payment_credit">
  18.     {# ベリトランス会員ID決済 入力フォーム #}
  19.     {% if useAccountPayment and accountCards is not empty %}
  20.         <div class="accordion_one">
  21.             <div id="vt4g-credit-account" class="ec-rectHeading">
  22.                 <h2 class="vt4g_toggle_title">
  23.                     登録済みクレジットカード決済
  24.                     <div class ="vt4g_toggle_btn">
  25.                         <span class="plus-dark-icon change-class"></span>
  26.                     </div>
  27.                 </h2>
  28.                 <div class="accordion_inner">
  29.                     {{ form_widget(accountForm._token) }}
  30.                     <input type="hidden" name="mode" value="account">
  32.                     <p class="ec-para-normal">決済に利用するカードを選択してください。</p>
  33.                     {% if isCardMaxOver %}
  34.                     <p class="ec-para-normal ec-color-red">登録できるカード情報が上限に達しているため、新しいカード情報でお支払いはできません。</p>
  35.                     <p class="ec-para-normal ec-color-red">新しいカード情報でお支払いの場合は、マイページから使用しないカード情報を削除してください。</p>
  36.                     {% endif %}
  37.                     <p class="ec-color-red ec-para-normal"></p>
  38.                     <div class="ec-borderedDefs">
  39.                         <dl>
  40.                             <dt><label class="ec-label"><p>登録済みの</p>クレジットカード番号</label><span class="ec-required">必須</span></dt>
  41.                             <dd>
  42.                                 <table class="table table-bordered">
  43.                                     <thead>
  44.                                         <tr class="active">
  45.                                             <th>カード番号</th>
  46.                                             <th>有効期限</th>
  47.                                         </tr>
  48.                                     </thead>
  49.                                     <tbody>
  50.                                         {% for index, card in accountCards %}
  51.                                             <tr>
  52.                                                 <td class="ec-blockRadio">
  53.                                                     <label>
  54.                                                         <input name="card_id" type="radio" value="{{ card.cardId }}" {% if card.isDefault %}checked{% endif %}>
  55.                                                         <span>{{ card.cardNumber }}</span>
  56.                                                     </label>
  57.                                                     <input type = "hidden"  name = "registered_mask_card_number" value="{{ card.cardNumber }}">
  58.                                                     <input type = "hidden"  class = "registered_card_name" value="{{ card.registeredCardName }}">
  59.                                                 </td>
  60.                                                 <td>{{ card.expire }}</td>
  61.                                             </tr>
  62.                                         {% endfor %}
  63.                                     </tbody>
  64.                                 </table>
  65.                                 <input type = "hidden" id = "account_mask_card_number" name = "account_mask_card_number">
  66.                             </dd>
  67.                         </dl>
  68.                         <dl>
  69.                             <dt><label class="ec-label">お支払い方法</label><span class="ec-required">必須</span></dt>
  70.                             <dd>
  71.                                 <div class="ec-select {% if accountForm.payment_type.vars.errors is not empty %}error{% endif %}">
  72.                                     {{ form_widget(accountForm.payment_type) }}
  73.                                     <p class="ec-errorMessage">{{ form_errors(accountForm.payment_type) }}</p>
  74.                                 </div>
  75.                             </dd>
  76.                         </dl>
  77.                         {% if paymentInfo.mpi_flg is defined and paymentInfo.mpi_flg %}
  78.                             <dl>
  79.                                 <dt><label for="payment_credit_account_card_name" class="ec-label">カード名義人名</label><span class="ec-required">必須</span></dt>
  80.                                 <dd>
  81.                                     <div class="ec-input {% if accountForm.card_name.vars.errors is not empty %}error{% endif %}">
  82.                                         {{ form_widget(accountForm.card_name) }}
  83.                                         <p class="ec-para-normal">(例: TARO YAMADA)</p>
  84.                                         {{ form_errors(accountForm.card_name) }}
  85.                                     </div>
  86.                                 </dd>
  87.                             </dl>
  88.                         {% endif %}
  89.                     </div>
  90.                 </div>
  91.             </div>
  92.         </div>
  93.     {% endif %}
  94.     {# 再取引 入力フォーム #}
  95.     {% if useReTradePayment and reTradeCards is not empty %}
  96.         <div class="accordion_one">
  97.             <div id="vt4g-credit-retrade" class="ec-rectHeading">
  98.                 <h2 class="vt4g_toggle_title">
  99.                     かんたん決済 (前回ご利用カードでのお支払い)
  100.                     <div class ="vt4g_toggle_btn">
  101.                         <span class="plus-dark-icon change-class"></span>
  102.                     </div>
  103.                 </h2>
  104.                 <div class="accordion_inner">
  105.                     {{ form_widget(oneClickForm._token) }}
  106.                     <input type="hidden" name="mode" value="retrade">
  108.                     <p class="ec-para-normal">決済に利用するカードを選択してください。</p>
  109.                     <p class="ec-color-red ec-para-normal"></p>
  110.                     <div class="ec-borderedDefs">
  111.                         <dl>
  112.                             <dt><label class="ec-label">これまでの<p>クレジットカード番号</p></label><span class="ec-required">必須</span></dt>
  113.                             <dd>
  114.                                 <table class="table table-bordered">
  115.                                     <thead>
  116.                                         <tr class="active">
  117.                                             <th>カード番号</th>
  118.                                             <th>ご注文日時</th>
  119.                                         </tr>
  120.                                     </thead>
  121.                                     <tbody>
  122.                                         {% for index, card in reTradeCards %}
  123.                                             <tr>
  124.                                                 <td class="ec-blockRadio">
  125.                                                     <label>
  126.                                                         <input name="payment_order_id" type="radio" value="{{ card.paymentOrderId }}" {% if index is same as(0) %}checked{% endif %}>
  127.                                                         <span>{{ card.cardNumber }}</span>
  128.                                                     </label>
  129.                                                     <input type = "hidden" name = "registered_mask_card_number" value="{{ card.cardNumber }}">
  130.                                                     <input type = "hidden" class = "registered_card_name" value="{{ card.registeredCardName }}">
  131.                                                 </td>
  132.                                                 <td>{{ card.orderDate }}</td>
  133.                                             </tr>
  134.                                         {% endfor %}
  135.                                     </tbody>
  136.                                 </table>
  137.                                 <input type = "hidden" id = "retrade_mask_card_number" name = "retrade_mask_card_number">
  138.                             </dd>
  139.                         </dl>
  140.                         <dl>
  141.                             <dt><label class="ec-label">お支払い方法</label><span class="ec-required">必須</span></dt>
  142.                             <dd>
  143.                                 <div class="ec-select {% if oneClickForm.payment_type.vars.errors is not empty %}error{% endif %}">
  144.                                     {{ form_widget(oneClickForm.payment_type) }}
  145.                                     <p class="ec-errorMessage">{{ form_errors(oneClickForm.payment_type) }}</p>
  146.                                 </div>
  147.                             </dd>
  148.                         </dl>
  149.                         {% if paymentInfo.mpi_flg is defined and paymentInfo.mpi_flg %}
  150.                             <dl>
  151.                                 <dt><label for="payment_credit_retrade_card_name" class="ec-label">カード名義人名</label><span class="ec-required">必須</span></dt>
  152.                                 <dd>
  153.                                     <div class="ec-input {% if oneClickForm.card_name.vars.errors is not empty %}error{% endif %}">
  154.                                         {{ form_widget(oneClickForm.card_name) }}
  155.                                         <p class="ec-para-normal">(例: TARO YAMADA)</p>
  156.                                         {{ form_errors(oneClickForm.card_name) }}
  157.                                     </div>
  158.                                 </dd>
  159.                             </dl>
  160.                         {% endif %}
  161.                     </div>
  162.                 </div>
  163.             </div>
  164.         </div>
  165.     {% endif %}
  167.     {# クレジットカード情報 入力フォーム #}
  168.     {% if not isCardMaxOver %}
  169.         <div class="accordion_one">
  170.             <div id="vt4g-credit" class="ec-rectHeading">
  171.                 <input type="hidden" name="token_id" value="">
  172.                 <input type="hidden" name="token_expire_date" value="">
  173.                 <input type="hidden" name="mask_card_number" value="">
  174.                 <input type="hidden" name="subsc_order_flg" value="{{ subscOrderFlg }}">
  175.                 <h2 class="vt4g_toggle_title">
  176.                     {{ title }}
  177.                     <div class ="vt4g_toggle_btn">
  178.                         <span class="plus-dark-icon change-class"></span>
  179.                     </div>
  180.                 </h2>
  181.                 <div class="accordion_inner">
  182.                     {{ form_widget(form._token) }}
  183.                     <input type="hidden" name="mode" value="next">
  185.                     <p class="ec-color-red ec-para-normal" id="vt4g_form_credit_error"></p>
  186.                     {% if ('vt4g_plugin.shopping.credit.token.timelimit'|trans) != 'vt4g_plugin.shopping.credit.token.timelimit' %}
  187.                         <p class="ec-para-normal ec-color-red">{{ 'vt4g_plugin.shopping.credit.token.timelimit'|trans }}</p>
  188.                     {% endif %}
  189.                     <div class="ec-borderedDefs">
  190.                         <dl>
  191.                             <dt><label for="vt4g_card_no" class="ec-label">クレジットカード番号</label><span class="ec-required">必須</span></dt>
  192.                             <dd>
  193.                                 <div class="ec-input {% if form.card_no.vars.errors is not empty %}error{% endif %}">
  194.                                     {{ form_widget(form.card_no, {"id": "vt4g_card_no"}) }}
  195.                                     {{ form_errors(form.card_no) }}
  196.                                 </div>
  197.                             </dd>
  198.                         </dl>
  199.                         <dl>
  200.                             <dt><label for="vt4g_expiry_mon" class="ec-label">カード有効期限</label><span class="ec-required">必須</span></dt>
  201.                             <dd>
  202.                                 <div class="ec-select {% if form.expiry_month.vars.errors is not empty or form.expiry_year.vars.errors is not empty %}error{% endif %}">
  203.                                     {{ form_widget(form.expiry_month, {"id": "vt4g_expiry_mon"}) }}月 / 20{{ form_widget(form.expiry_year) }}年
  204.                                     {{ form_errors(form.expiry_month) }}
  205.                                     {{ form_errors(form.expiry_year) }}
  206.                                 </div>
  207.                             </dd>
  208.                         </dl>
  209.                         <dl>
  210.                             <dt><label for="payment_credit_card_name" class="ec-label">カード名義人名</label><span class="ec-required">必須</span></dt>
  211.                             <dd>
  212.                                 <div class="ec-input {% if form.card_name.vars.errors is not empty %}error{% endif %}">
  213.                                     {{ form_widget(form.card_name) }}
  214.                                     <p class="ec-para-normal">(例: TARO YAMADA)</p>
  215.                                     {{ form_errors(form.card_name) }}
  216.                                 </div>
  217.                             </dd>
  218.                         </dl>
  219.                         {% if paymentInfo.security_flg is defined and paymentInfo.security_flg %}
  220.                             <dl>
  221.                                 <dt><label for="payment_credit_sec_code" class="ec-label">セキュリティコード</label><span class="ec-required">必須</span></dt>
  222.                                 <dd>
  223.                                     <div class="ec-halfInput {% if form.sec_code.vars.errors is not empty %}error{% endif %}">
  224.                                         {{ form_widget(form.sec_code) }}
  225.                                         <p class="ec-para-normal">(例: 123)</p>
  226.                                         {{ form_errors(form.sec_code) }}
  227.                                     </div>
  228.                                 </dd>
  229.                             </dl>
  230.                         {% endif %}
  231.                         <dl>
  232.                             <dt><label for="payment_credit_payment_type" class="ec-label">お支払い方法</label><span class="ec-required">必須</span></dt>
  233.                             <dd>
  234.                                 <div class="ec-select {% if form.payment_type.vars.errors is not empty %}error{% endif %}">
  235.                                     {{ form_widget(form.payment_type) }}
  236.                                     <p class="ec-errorMessage">{{ form_errors(form.payment_type) }}</p>
  237.                                 </div>
  238.                             </dd>
  239.                         </dl>
  240.                         {% if cardRegistFlg %}
  241.                         <dl>
  242.                             <dt><label for="payment_credit_cardinfo_regist" class="ec-label">カード情報登録</label><span class="ec-required">必須</span></dt>
  243.                             <dd>
  244.                                 <div class="ec-radio {% if form.cardinfo_regist.vars.errors is not empty %}error{% endif %}">
  245.                                     {{ form_widget(form.cardinfo_regist) | spaceless }}
  246.                                     {{ form_errors(form.cardinfo_regist) }}
  247.                                 </div>
  248.                             </dd>
  249.                         </dl>
  250.                         {% endif %}
  251.                         {% if cardRetradeFlg %}
  252.                         <dl>
  253.                             <dt>
  254.                                 <label for="payment_credit_cardinfo_retrade" class="ec-label">かんたん決済</label><span class="ec-required">必須</span>
  255.                                 <div>【利用する】を選択いただくと次回購入時にカード情報の入力を省くことができます。</div>
  256.                             </dt>
  257.                             <dd>
  258.                                 <div class="ec-radio {% if form.cardinfo_retrade.vars.errors is not empty %}error{% endif %}">
  259.                                     {{ form_widget(form.cardinfo_retrade) | spaceless  }}
  260.                                     {{ form_errors(form.cardinfo_retrade) }}
  261.                                 </div>
  262.                             </dd>
  263.                         </dl>
  264.                         {% endif %}
  265.                     </div>
  266.                 </div>
  267.             </div>
  268.         </div>
  269.     {% endif %}
  270. </div>