src/Eccube/Resource/template/admin/Order/mail_confirm.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 '@admin/default_frame.twig' %}
  13. {% set menus = ['order', 'order_master'] %}
  15. {% block title %}{{'admin.order.mail'|trans}}{% endblock %}
  16. {% block sub_title %}{{'admin.order.order_management'|trans}}{% endblock %}
  18. {% form_theme form '@admin/Form/bootstrap_4_horizontal_layout.html.twig' %}
  20. {% block javascript %}
  21. <script>
  22. $(function() {
  23.     $('#template-change').on('change', function() {
  24.         $('#mode').val('change');
  25.         $('#order-mail-form').submit();
  26.         return false;
  27.     });
  29.     $('#back').on('click', function(e) {
  30.         e.preventDefault();
  31.         $('#mode').val('back');
  32.         $('#order-mail-form').submit();
  33.         return false;
  34.     });
  35. });
  36. </script>
  37. {% endblock javascript %}
  39. {% block main %}
  40. <div class="c-contentsArea__cols">
  41.     <div class="c-contentsArea__primaryCol">
  42.         <div class="c-primaryCol">
  43.             <div class="card rounded border-0 mb-4">
  44.                 <div class="card-header">
  45.                     <div class="row">
  46.                         <div class="col-8">
  47.                             <div class="d-inline-block"><span class="card-title">{{ 'admin.order.mail_destination_info'|trans }}</span></div>
  48.                         </div>
  49.                         <div class="col-4 text-end"><a data-bs-toggle="collapse" href="#mailTo" aria-expanded="false" aria-controls="mailTo"></a></div>
  50.                     </div>
  51.                 </div>
  52.                 <div class="collapse show ec-cardCollapse" id="mailTo">
  53.                     <div class="card-body">
  54.                         <div class="row mb-2">
  55.                             <div class="col-2"><span>{{ 'admin.order.order_no'|trans }}</span></div>
  56.                             <div class="col-4"><span>{{ Order.id }}</span></div>
  57.                             <div class="col-2"><span>{{ 'admin.order.purchase_price'|trans }}</span></div>
  58.                             <div class="col-4"><span>{{ Order.payment_total|price }}</span></div>
  59.                         </div>
  60.                         <div class="row mb-2">
  61.                             <div class="col-2"><span>{{ 'admin.order.orderer'|trans }}</span></div>
  62.                             <div class="col-4"><span>{{ Order.name01 }} {{ Order.name02 }}（{{ Order.kana01 }} {{ Order.kana02 }}）</span><br>〒{{ Order.postal_code }}<br>{{ Order.pref }}{{ Order.addr01 }}{{ Order.addr02 }}</div>
  63.                             <div class="col-2"><span>{{ 'admin.order.purchase_product'|trans }}</span></div>
  64.                             <div class="col-4"><span>
  65.                             {% if Order.productOrderItems %}
  66.                                 {{ Order.productOrderItems[0].productName }}
  67.                                 {% if Order.productOrderItems|length > 2 %}
  68.                                     {{ 'admin.order.mail_purchase_product_count'|trans({'%count%':Order.productOrderItems|length - 1})|raw }}
  69.                                 {% endif %}
  70.                             {% endif %}
  71.                             </span></div>
  72.                         </div>
  73.                         <div class="row">
  74.                             <div class="col-2"><span>{{ 'admin.order.order_status'|trans }}</span></div>
  75.                             <div class="col-10"><span class="badge badge-ec-blue" style="background-color: #fff; color: {{ Order.OrderStatusColor }}; border-color: {{ Order.OrderStatusColor }}">{{ Order.OrderStatus }}</span></div>
  76.                         </div>
  77.                     </div>
  78.                 </div>
  79.             </div>
  81.             <form id="order-mail-form" class="form-horizontal" method="post" action="{{ url('admin_order_mail', {id : Order.id}) }}">
  82.                 {{ form_widget(form._token) }}
  83.                 <input id="mode" type="hidden" name="mode">
  85.                 <div class="card rounded border-0 mb-4">
  86.                 <div class="card-header">
  87.                     <div class="row">
  88.                         <div class="col-8"><span class="card-title">{{ 'admin.order.mail_mail_info'|trans }}</span></div>
  89.                         <div class="col-4 text-end"><a data-bs-toggle="collapse" href="#mailCreate" aria-expanded="false" aria-controls="mailCreate"><i class="fa fa-angle-up fa-lg"></i></a></div>
  90.                     </div>
  91.                 </div>
  92.                 <div class="collapse show ec-cardCollapse" id="mailCreate">
  93.                     <div class="card-body">
  94.                         <div class="row mb-2">
  95.                             <div class="col-3">
  96.                                 <div class="d-inline-block"><span>{{ 'admin.order.mail_template'|trans }}</span></div>
  97.                             </div>
  98.                             <div class="col">
  99.                                 {{ form.template.vars.data }}
  100.                                 {{ form_widget(form.template, { type : 'hidden' }) }}
  101.                             </div>
  102.                         </div>
  103.                         <div class="row mb-2">
  104.                             <div class="col-3"><span>{{ 'admin.order.mail_subject'|trans }}</span><span class="badge bg-primary ms-1">{{ 'admin.common.required'|trans }}</span></div>
  105.                             <div class="col">
  106.                                 {{ form.mail_subject.vars.data }}
  107.                                 {{ form_widget(form.mail_subject, { type : 'hidden' }) }}
  108.                             </div>
  109.                         </div>
  110.                         <div class="row mb-2">
  111.                             <div class="col-3"><span>{{ 'admin.order.mail_body'|trans }}</span></div>
  112.                             <div class="col">
  113.                                 <div id="detail_box__tpl_data" class="mb-3 tab-pane active">
  114.                                     {{ form.tpl_data.vars.data|trans|nl2br }}
  115.                                     <div style="display: none">{{ form_widget(form.tpl_data) }}</div>
  116.                                 </div>
  117.                             </div>
  118.                         </div>
  119.                     </div>
  120.                 </div>
  121.                 <div class="c-conversionArea">
  122.                     <div class="c-conversionArea__container">
  123.                         <div class="row justify-content-between align-items-center">
  124.                             <div class="col-6">
  125.                                 <div class="c-conversionArea__leftBlockItem"><a class="c-baseLink" href="javascript:void(0)" id="back"><i class="fa fa-backward" aria-hidden="true"></i><span>{{ 'admin.order.mail'|trans }}</span></a>
  126.                                 </div>
  127.                             </div>
  128.                             <div class="col-6">
  129.                                 <div class="row align-items-center justify-content-end">
  130.                                     <div class="col-auto"><button type="submit" class="btn btn-ec-conversion px-5" name="mode" value="complete">{{ 'admin.order.mail_send'|trans }}</button></div>
  131.                                 </div>
  132.                             </div>
  133.                         </div>
  134.                     </div>
  135.                 </div>
  136.                 </div>
  137.             </form>
  138.         </div>
  139.     </div>
  140. </div>
  141. {% endblock %}