app/template/akracing/web/ClaimDownloadView.twig line 1

Open in your IDE?
  1. {#
  2. This file is part of EC-CUBE
  4. Copyright(c) EC-CUBE CO.,LTD. All Rights Reserved.
  6. http://www.ec-cube.co.jp/
  8. For the full copyright and license information, please view the LICENSE
  9. file that was distributed with this source code.
  10. #}
  11. {% extends 'default_frame.twig' %}
  13. {% block stylesheet %}
  14.     <style type="text/css">
  15.     body{
  16.         height:100%;
  17.     }
  18.     #akracing{
  19.         height:100%;
  20.     }
  21.     .row{
  22.         display: flex;
  23.     }
  24.     .justify-content-between{
  25.         justify-content: space-between;
  27.     }
  28.     .col-6{
  29.         padding:0.5rem;
  30.         width:calc( (100% / 12) * 6);
  31.     }
  32.     .align-items-center{
  33.         align-items: center;
  34.     }
  35.     @media screen and (max-width: 768px){
  36.         .row{
  37.             display: block;
  38.         }
  39.         .col-6{
  40.             padding:0.5rem;
  41.             width:100%;
  42.         }
  43.     }
  44.         .c-container {
  45.             min-width: inherit;
  46.             margin-top: 0;
  47.         }
  49.         .c-headerBar {
  50.             display: none;
  51.             height: inherit;
  52.         }
  54.         .c-headerBar__toggleBtn,
  55.         .c-mainNavArea {
  56.             display: none;
  57.         }
  59.         #claim_pdf_ryosyu_atena{
  60.             color:#000;
  61.         }
  62.     </style>
  63. {% endblock stylesheet %}
  65. {% block javascript %}
  66.     {% if ErrorMessage %}
  68.     {% else %}
  69.     <script>
  71.         let claimPdfForm = document.getElementById('claim_pdf_form');
  72.         
  73.         claimPdfForm.addEventListener('submit',function(event){
  74.             event.preventDefault(); // デフォルトのフォーム送信を防ぐ
  75.             console.log('submit')
  76.             let checkSaveFlg = window.confirm('再発行は出来ません、領収書を発行してよろしいでしょうか');
  77.             if(checkSaveFlg) {
  78.                 claimPdfForm.submit();
  79.                 
  80.                 const delay = 3000; // 例：1秒
  81.                 setTimeout(() => {
  82.                     location.href = '../';
  83.                 }, delay);
  84.             } else {
  85.                 history.back();
  86.             }
  87.         })
  89.     </script>
  90.     {% endif %}
  91. {% endblock %}
  93. {% block main %}
  94.     <div id="page_user_data" class="ec-role pluginCMBblog">
  95.         <div class="ak-header">
  96.             <div class="ak-pageHeader">
  97.                 <h1 style="font-size:min(50px, 11vw)";>領収書発行</h1>
  98.             </div>
  99.         </div><!-- ak-header -->
  100.     {% if ErrorMessage %}
  101.     <div class="ec-searchnavRole__topicpath"  style="margin:0 0 2em 0;">
  102.         <p style="text-align: center;">{{ ErrorMessage }}</p>
  103.     </div>
  104.     {% else %}
  105.     <form role="form" name="claim_pdf_form" id="claim_pdf_form" method="post" action="{{ url('claimpdf_download_pdf') }}">
  106.         {{ form_widget(form._token) }}
  107.         <div class="c-contentsArea__cols" hidden>
  108.             <div class="c-contentsArea__primaryCol">
  109.                 <div class="c-primaryCol">
  110.                     <div class="card rounded border-0 mb-4">
  111.                         <div class="card-header">
  112.                             <h4 class="box-title fw-bold">{{ 'admin.order.output_delivery_note'|trans }}</h4>
  113.                         </div>
  115.                         <div class="card-body">
  116.                             <div class="mb-3">
  117.                                 <div class="row justify-content-between">
  118.                                     <div class="col-3"><label class="col-form-label fw-bold">{{ 'admin.order.delivery_note_create_date'|trans }}</label></div>
  119.                                     <div class="col-2">&nbsp;</div>
  120.                                     <div class="col-3"><label class="col-form-label fw-bold">{{ 'admin.order.order_datetime'|trans }}</label></div>
  121.                                     <div class="col-auto">&nbsp;</div>
  122.                                     <div class="col-3">&nbsp;</div>
  123.                                 </div>
  124.                                 <div class="row justify-content-between">
  125.                                     <div class="col-3">{{ form_widget(form.issue_date) }}{{ form_errors(form.issue_date) }}</div>
  126.                                     <div class="col-2">&nbsp;</div>
  127.                                     <div class="col-3">{{ form_widget(form.orderdatetime_st) }}{{ form_errors(form.orderdatetime_st) }}</div>
  128.                                     <div class="col-auto text-center">～</div>
  129.                                     <div class="col-3">{{ form_widget(form.orderdatetime_en) }}{{ form_errors(form.orderdatetime_en) }}</div>
  130.                                 </div>
  131.                             </div>
  133.                             <div class="mb-3">
  134.                                 <label class="col-form-label fw-bold">{{ 'admin.order.order_id'|trans }}</label>
  135.                                 {{ form_widget(form.orderids) }}
  136.                                 {{ form_errors(form.orderids) }}
  137.                             </div>
  139.                             <div class="mb-3">
  140.                                 <label class="col-form-label fw-bold">{{ 'admin.order.shipping_id'|trans }}</label>
  141.                                 {{ form_widget(form.ids) }}
  142.                                 {{ form_errors(form.ids) }}
  143.                             </div>
  145.                             <div class="mb-3">
  146.                                 <label class="col-form-label fw-bold">{{ 'admin.order.delivery_note_outputkbn_title'|trans }}</label>
  147.                                 {{ form_widget(form.outputkbn) }}
  148.                                 {{ form_errors(form.outputkbn) }}
  149.                             </div>
  151.                             <div class="mb-3">
  152.                                 <div class="row justify-content-between">
  153.                                     <div class="col-6"><label class="col-form-label fw-bold">{{ 'admin.order.delivery_note_title'|trans }}</label></div>
  154.                                     <div class="col-6"><label class="col-form-label fw-bold">{{ 'admin.order.delivery_note_output_format'|trans }}</label></div>
  155.                                     
  156.                                 </div>
  157.                                 <div class="row justify-content-between">
  158.                                     <div class="col-6">{{ form_widget(form.title) }}{{ form_errors(form.title) }}</div>
  159.                                     <div class="col-6">{{ form_widget(form.download_kind) }}{{ form_errors(form.download_kind) }}</div>
  160.                                     
  161.                                 </div>
  162.                             </div>
  163.                             <hr>
  164.                             {# 会社名宛名追加 @hanari #}
  165.                             <div class="mb-3">
  166.                                 <div class="row">
  167.                                     <div class="col-2"><label class="col-form-label fw-bold">{{ 'admin.order.delivery_note_ryosyu_output_format'|trans }}</label></div>
  168.                                     <div class="col-10">{{ form_widget(form.ryosyu_atena) }}{{ form_errors(form.ryosyu_atena) }}</div>
  169.                                 </div>
  170.                                 <div class="row">
  171.                                     <p class="col-12 text-right">※ 会社名 宛名を入力した場合 入力された情報が優先されます<br>  （領収書については、宛名出力形式の選択に準拠します）</p>
  172.                                 </div>
  173.                                 <div class="row">
  174.                                     <label class="col-form-label fw-bold col-2">{{ '会社名'|trans }}</label>
  175.                                     <div class="col-10">
  176.                                         {{ form_widget(form.ryosyu_add_company) }}
  177.                                         {{ form_errors(form.ryosyu_add_company) }}
  178.                                     </div>
  179.                                 </div>
  180.                                 <div class="row">
  181.                                     <label class="col-form-label fw-bold col-2">{{ '宛名'|trans }}</label>
  182.                                     <div class="col-10">
  183.                                         {{ form_widget(form.ryosyu_add_name) }}
  184.                                         {{ form_errors(form.ryosyu_add_name) }}
  185.                                     </div>
  186.                                 </div>
  187.                             </div>
  188.                             <hr>
  189.                             <div class="fw-bold">{{ 'admin.order.delivery_note_message'|trans }}</div>
  191.                             <div class="mb-3">
  192.                                 <label class="col-form-label">{{ 'admin.order.delivery_note_line1'|trans }}</label>
  193.                                 {{ form_widget(form.message1) }}
  194.                                 {{ form_errors(form.message1) }}
  195.                                 <label class="col-form-label">{{ 'admin.order.delivery_note_line2'|trans }}</label>
  196.                                 {{ form_widget(form.message2) }}
  197.                                 {{ form_errors(form.message2) }}
  198.                                 <label class="col-form-label">{{ 'admin.order.delivery_note_line3'|trans }}</label>
  199.                                 {{ form_widget(form.message3) }}
  200.                                 {{ form_errors(form.message3) }}
  201.                             </div>
  203.                             <div class="fw-bold">{{ 'admin.order.delivery_note_hurikomi_title'|trans }}</div>
  205.                             <div class="mb-3">
  206.                                 <div class="row justify-content-between">
  207.                                     <div class="col-6"><label>{{ 'admin.order.delivery_note_hurikomi_bank'|trans }}</label></div>
  208.                                     <div class="col-6"><label>{{ 'admin.order.delivery_note_hurikomi_bank_siten'|trans }}</label></div>
  209.                                 </div>
  210.                                 <div class="row justify-content-between">
  211.                                     <div class="col-6">{{ form_widget(form.hurikomi_bank) }}{{ form_errors(form.hurikomi_bank) }}</div>
  212.                                     <div class="col-6">{{ form_widget(form.hurikomi_bank_siten) }}{{ form_errors(form.hurikomi_bank_siten) }}</div>
  213.                                 </div>
  214.                             </div>
  216.                             <div class="mb-3">
  217.                                 <div class="row justify-content-between">
  218.                                     <div class="col-3"><label>{{ 'admin.order.delivery_note_hurikomi_bank_kouza'|trans }}</label></div>
  219.                                     <div class="col-9"><label>{{ 'admin.order.delivery_note_hurikomi_free_area'|trans }}</label></div>
  220.                                 </div>
  221.                                 <div class="row justify-content-between">
  222.                                     <div class="col-3">{{ form_widget(form.hurikomi_bank_kouza) }}{{ form_errors(form.hurikomi_bank_kouza) }}</div>
  223.                                     <div class="col-9">{{ form_widget(form.hurikomi_free_area) }}{{ form_errors(form.hurikomi_free_area) }}</div>
  224.                                 </div>
  225.                             </div>
  227.                             <div class="mb-3">
  228.                                 {{ form_widget(form.title_nouhin) }}
  229.                                 {{ form_errors(form.title_nouhin) }}
  230.                             </div>
  232.                             <div class="mb-3">
  233.                                 {{ form_widget(form.message1_nouhin) }}
  234.                                 {{ form_errors(form.message1_nouhin) }}
  235.                                 {{ form_widget(form.message2_nouhin) }}
  236.                                 {{ form_errors(form.message2_nouhin) }}
  237.                                 {{ form_widget(form.message3_nouhin) }}
  238.                                 {{ form_errors(form.message3_nouhin) }}
  239.                             </div>
  241.                             <div class="mb-3">
  242.                                 {{ form_widget(form.title_nouhin_shipping) }}
  243.                                 {{ form_errors(form.title_nouhin_shipping) }}
  244.                                 {{ form_widget(form.message1_nouhin_shipping) }}
  245.                                 {{ form_errors(form.message1_nouhin_shipping) }}
  246.                                 {{ form_widget(form.message2_nouhin_shipping) }}
  247.                                 {{ form_errors(form.message2_nouhin_shipping) }}
  248.                                 {{ form_widget(form.message3_nouhin_shipping) }}
  249.                                 {{ form_errors(form.message3_nouhin_shipping) }}
  250.                             </div>
  252.                             <div class="mb-3">
  253.                                 {{ form_widget(form.title_otodoke) }}
  254.                                 {{ form_errors(form.title_otodoke) }}
  255.                             </div>
  257.                             <div class="mb-3">
  258.                                 {{ form_widget(form.message1_otodoke) }}
  259.                                 {{ form_errors(form.message1_otodoke) }}
  260.                                 {{ form_widget(form.message2_otodoke) }}
  261.                                 {{ form_errors(form.message2_otodoke) }}
  262.                                 {{ form_widget(form.message3_otodoke) }}
  263.                                 {{ form_errors(form.message3_otodoke) }}
  264.                             </div>
  266.                             <div class="mb-3">
  267.                                 {{ form_widget(form.title_seikyu) }}
  268.                                 {{ form_errors(form.title_seikyu) }}
  269.                             </div>
  271.                             <div class="mb-3">
  272.                                 {{ form_widget(form.message1_seikyu) }}
  273.                                 {{ form_errors(form.message1_seikyu) }}
  274.                                 {{ form_widget(form.message2_seikyu) }}
  275.                                 {{ form_errors(form.message2_seikyu) }}
  276.                                 {{ form_widget(form.message3_seikyu) }}
  277.                                 {{ form_errors(form.message3_seikyu) }}
  278.                             </div>
  280.                             <div class="fw-bold">{{ 'admin.order.delivery_note_memo'|trans }}</div>
  281.                             <div class="mb-3">
  282.                                 <label class="col-form-label">{{ 'admin.order.delivery_note_line1'|trans }}</label>
  283.                                 {{ form_widget(form.note1) }}
  284.                                 {{ form_errors(form.note1) }}
  285.                                 <label class="col-form-label">{{ 'admin.order.delivery_note_line2'|trans }}</label>
  286.                                 {{ form_widget(form.note2) }}
  287.                                 {{ form_errors(form.note2) }}
  288.                                 <label class="col-form-label">{{ 'admin.order.delivery_note_line3'|trans }}</label>
  289.                                 {{ form_widget(form.note3) }}
  290.                                 {{ form_errors(form.note3) }}
  291.                             </div>
  293.                             <div class="mb-3 text-end">
  294.                                 <div class="form-check form-check-inline">
  295.                                     {{ form_widget(form.default) }}
  296.                                     {{ form_errors(form.default) }}
  297.                                 </div>
  298.                                 <p>※ 会社名、宛名は保存されません</p>
  299.                             </div>
  301.                         </div>
  302.                     </div>
  303.                 </div>
  304.             </div>
  305.         </div>
  306.         {#  領収書内容表示 #}
  307.         <div>
  308.         <h2 style="text-align:center">領収書</h2>
  309.         <hr>
  310.         {% if data is defined %}
  311.         <table style="width:100%">
  312.             <tr>
  313.                 <td style="width:100%">
  314.                     {% if data.atenaKbn == 1 %}
  315.                     {# 注文者 #}
  316.                     <p>{{data.ryosyu_add_name}} 様</p>
  317.                     {% endif %}
  318.                     
  319.                     {% if data.atenaKbn == 2 %}
  320.                     {# 会社名 #}
  321.                     <p>{{data.ryosyu_add_company}}</p>
  322.                     {% endif %}
  323.                     
  324.                     {% if data.atenaKbn == 3 %}
  325.                     {# 会社名＋注文者 #}
  326.                     <p>{{data.ryosyu_add_company}}</p>
  327.                     <p>{{data.ryosyu_add_name}} 様</p>
  328.                     {% endif %}
  329.                     
  330.                 </td>
  331.                 <td>
  332.                     <p style="white-space: nowrap">{{data.orderDate}}</p>
  333.                     <p style="white-space: nowrap">{{data.orderId}}</p>
  334.                 </td>
  335.             <tr>
  336.         </table>
  337.         
  338.         {% endif %}
  339.         <p style="text-align:center; font-size:2.5rem; padding:2rem 0">
  340.             <span style="border-bottom:1px solid #FFF">合計金額  {{data.paymentTotalText}}</span>
  341.         </p>
  342.         
  343.         <p style="text-align:center;">但  商品のご購入代金として</p>
  344.         {# dump(arrOrder) #}
  345.         {% if arrOrder is defined %}
  346.         <table border=1 style="width:100%;margin-top:3rem">
  347.             <thead>
  348.             <tr>
  349.                 <td style="text-align:center;padding:0.5rem;">商品名</td>
  350.                 <td style="text-align:center;padding:0.5rem;">個数</td>
  351.                 <td style="text-align:center;padding:0.5rem;">単価</td>
  352.                 <td style="text-align:center;padding:0.5rem;">合計金額</td>
  353.             </th>
  354.             </thead>
  355.             <tbody>
  356.         {% for OrderItem in arrOrder %}
  357.             <tr>
  358.                 <td style="padding:0.5rem;">{{OrderItem[0]}}</td>
  359.                 <td style="text-align:center;padding:0.5rem;">{{OrderItem[1]}}</td>
  360.                 <td style="text-align:right;padding:0.5rem;">{{OrderItem[2]}}</td>
  361.                 <td style="text-align:right;padding:0.5rem;">{{OrderItem[3]}}</td>
  362.             </tr>
  363.         {% endfor %}
  364.             </tbody>
  365.         </table>
  366.         {% endif %}
  367.         {# 税込み表示 #}
  368.         {%if taxMes is defined %}
  369.         <p style="text-align:right">{{taxMes}}</p>
  370.         {% endif %}
  371.         
  372.         
  373.         </div>
  374.         {#  領収書内容表示 #}
  375.         <hr>
  376.         <p> 領収書はWEB上では再発行できません。<br>再発行が必要な場合はお問合せよりご連絡ください </p>
  377.         <div class="c-conversionArea">
  378.             <div class="c-conversionArea__container">
  379.                 <div class="row justify-content-between align-items-center">
  380.                     <div class="col-6">
  381.                             <a class="btn btn-danger btn-lg btn-block back-button" href="javascript:history.back();" type="button">戻る</a>
  382.                         </div>
  383.                     <div class="col-6">
  384.                             <button class="btn btn-danger btn-lg btn-block" type="submit"> PDF を ダウンロード</button>
  385.                     </div>
  386.                 </div>
  387.             </div>
  388.         </div>
  389.     </form>
  390.     {% endif %}
  391.     </div><!-- page_user_data -->
  392. {% endblock %}