src/Eccube/Resource/template/admin/Customer/edit.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. #}
  12. {% extends '@admin/default_frame.twig' %}
  14. {% set menus = ['customer', 'customer_edit'] %}
  16. {% block title %}{{ 'admin.customer.customer_registration'|trans }}{% endblock %}
  17. {% block sub_title %}{{ 'admin.customer.customer_management'|trans }}{% endblock %}
  19. {% form_theme form '@admin/Form/bootstrap_4_horizontal_layout.html.twig' %}
  21. {% block javascript %}
  22.     <script src="//yubinbango.github.io/yubinbango/yubinbango.js" charset="UTF-8"></script>
  23. {% endblock javascript %}
  25. {% block main %}
  26.     <form name="customer_form" role="form" id="customer_form" method="post" class="h-adr"
  27.           action="{%- if Customer.id %}{{ url('admin_customer_edit', { id : Customer.id }) }}{% else %}{{ url('admin_customer_new') }}{% endif -%}"
  28.           novalidate>
  29.         <span class="p-country-name" style="display:none;">Japan</span>
  30.         {{ form_widget(form._token) }}
  31.         <div class="c-contentsArea__cols">
  32.             <div class="c-contentsArea__primaryCol">
  33.                 <div class="c-primaryCol">
  34.                     <div class="card rounded border-0 mb-4">
  35.                         <div class="card-header">
  36.                             <div class="row">
  37.                                 <div class="col-8"><span class="card-title">{{ 'admin.customer.customer_info'|trans }}</span>
  38.                                 </div>
  39.                                 <div class="col-4 text-end">
  40.                                     <a data-bs-toggle="collapse" href="#ordererInfo"
  41.                                        aria-expanded="false" aria-controls="ordererInfo">
  42.                                         <i class="fa fa-angle-up fa-lg"></i>
  43.                                     </a>
  44.                                 </div>
  45.                             </div>
  46.                         </div>
  47.                         <div class="collapse show ec-cardCollapse" id="ordererInfo">
  48.                             <div class="card-body">
  49.                                 {% if Customer.id %}
  50.                                     <div class="row mb-2">
  51.                                         <div class="col-3">
  52.                                             <div class="d-inline-block" data-bs-toggle="tooltip" data-bs-placement="top"
  53.                                                  title="{{ 'tooltip.customer.customer_id'|trans }}">
  54.                                                 <span>{{ 'admin.customer.customer_id'|trans }}</span>
  55.                                                 <i class="fa fa-question-circle fa-lg ms-1"></i>
  56.                                             </div>
  57.                                         </div>
  58.                                         <div class="col">
  59.                                             <p>{{ Customer.id }}</p>
  60.                                         </div>
  61.                                     </div>
  62.                                 {% endif %}
  63.                                 <div class="row mb-2">
  64.                                     <div class="col-3">
  65.                                         <span>{{ 'admin.common.name'|trans }}</span>
  66.                                         <span class="badge bg-primary ms-1">{{ 'admin.common.required'|trans }}</span>
  67.                                     </div>
  68.                                     <div class="col">
  69.                                         <div class="row">
  70.                                             <div class="col">
  71.                                                 {{ form_widget(form.name.name01) }}
  72.                                             </div>
  73.                                             <div class="col">
  74.                                                 {{ form_widget(form.name.name02) }}
  75.                                             </div>
  76.                                         </div>
  77.                                         <div class="row">
  78.                                             <div class="col">
  79.                                                 {{ form_errors(form.name.name01) }}
  80.                                             </div>
  81.                                             <div class="col">
  82.                                                 {{ form_errors(form.name.name02) }}
  83.                                             </div>
  84.                                         </div>
  85.                                     </div>
  86.                                 </div>
  87.                                 <div class="row mb-2">
  88.                                     <div class="col-3">
  89.                                         <span>{{ 'admin.common.kana'|trans }}</span>
  90.                                         <span class="badge bg-primary ms-1">{{ 'admin.common.required'|trans }}</span>
  91.                                     </div>
  92.                                     <div class="col">
  93.                                         <div class="row">
  94.                                             <div class="col">
  95.                                                 {{ form_widget(form.kana.kana01) }}
  96.                                             </div>
  97.                                             <div class="col">
  98.                                                 {{ form_widget(form.kana.kana02) }}
  99.                                             </div>
  100.                                         </div>
  101.                                         <div class="row">
  102.                                             <div class="col">
  103.                                                 {{ form_errors(form.kana.kana01) }}
  104.                                             </div>
  105.                                             <div class="col">
  106.                                                 {{ form_errors(form.kana.kana02) }}
  107.                                             </div>
  108.                                         </div>
  109.                                     </div>
  110.                                 </div>
  111.                                 <div class="row mb-2">
  112.                                     <div class="col-3">
  113.                                         <span>{{ 'admin.common.company_name'|trans }}</span>
  114.                                     </div>
  115.                                     <div class="col">
  116.                                         {{ form_widget(form.company_name) }}
  117.                                         {{ form_errors(form.company_name) }}
  118.                                     </div>
  119.                                 </div>
  120.                                 <div class="row mb-2">
  121.                                     <div class="col-3"><span>{{ 'admin.common.address'|trans }}</span><span
  122.                                                 class="badge bg-primary ms-1">{{ 'admin.common.required'|trans }}</span>
  123.                                     </div>
  124.                                     <div class="col">
  125.                                         <div class="mb-3">
  126.                                             <div class="row justify-content-start">
  127.                                                 <div class="col-auto pe-0 align-self-center"><span>{{ 'admin.common.postal_symbol'|trans }}</span></div>
  128.                                                 <div class="col-2">
  129.                                                     {{ form_widget(form.postal_code) }}
  131.                                                 </div>
  132.                                             </div>
  133.                                             <div class="row">
  134.                                                 <div class="col">
  135.                                                     {{ form_errors(form.postal_code) }}
  136.                                                 </div>
  137.                                             </div>
  138.                                         </div>
  139.                                         <div class="mb-3">
  140.                                             <div class="row justify-content-start">
  141.                                                 <div class="col-auto">
  142.                                                     {{ form_widget(form.address.pref) }}
  143.                                                     {{ form_errors(form.address.pref) }}
  144.                                                 </div>
  145.                                             </div>
  146.                                         </div>
  147.                                         <div class="mb-3">
  148.                                             {{ form_widget(form.address.addr01, { attr : { placeholder : 'admin.common.address_sample_01' }} ) }}
  149.                                             {{ form_errors(form.address.addr01) }}
  150.                                         </div>
  151.                                         <div class="mb-3">
  152.                                             {{ form_widget(form.address.addr02, { attr : { placeholder : 'admin.common.address_sample_02' }}) }}
  153.                                             {{ form_errors(form.address.addr02) }}
  154.                                         </div>
  155.                                     </div>
  156.                                 </div>
  157.                                 <div class="row mb-2">
  158.                                     <div class="col-3">
  159.                                         <span>{{ 'admin.common.mail_address'|trans }}</span>
  160.                                         <span class="badge bg-primary ms-1">{{ 'admin.common.required'|trans }}</span>
  161.                                     </div>
  162.                                     <div class="col">
  163.                                         {{ form_widget(form.email) }}
  164.                                         {{ form_errors(form.email) }}
  165.                                     </div>
  166.                                 </div>
  167.                                 <div class="row mb-2">
  168.                                     <div class="col-3">
  169.                                         <span>{{ 'admin.common.phone_number'|trans }}</span>
  170.                                         <span class="badge bg-primary ms-1">{{ 'admin.common.required'|trans }}</span>
  171.                                     </div>
  172.                                     <div class="col">
  173.                                         {{ form_widget(form.phone_number) }}
  174.                                         {{ form_errors(form.phone_number) }}
  175.                                     </div>
  176.                                 </div>
  177.                                 <div class="row mb-2">
  178.                                     <div class="col-3">
  179.                                         <span>{{ 'admin.common.password'|trans }}</span>
  180.                                         <span class="badge bg-primary ms-1">{{ 'admin.common.required'|trans }}</span>
  181.                                     </div>
  182.                                     <div class="col">
  183.                                         {{ form_widget(form.plain_password.first, { type : 'password'}) }}
  184.                                         {{ form_errors(form.plain_password.first) }}
  185.                                     </div>
  186.                                 </div>
  187.                                 <div class="row mb-2">
  188.                                     <div class="col-3">
  189.                                         <span>{{ 'admin.common.password_for_confirmation'|trans }}</span>
  190.                                         <span class="badge bg-primary ms-1">{{ 'admin.common.required'|trans }}</span>
  191.                                     </div>
  192.                                     <div class="col">
  193.                                         {{ form_widget(form.plain_password.second, { type : 'password'}) }}
  194.                                         {{ form_errors(form.plain_password.second) }}
  195.                                     </div>
  196.                                 </div>
  197.                                 <div class="row mb-2">
  198.                                     <div class="col-3">
  199.                                         <span>{{ 'admin.common.gender'|trans }}</span>
  200.                                     </div>
  201.                                     <div class="col">
  202.                                         {{ form_widget(form.sex,  {'label_attr': {'class': 'radio-inline'}}) }}
  203.                                         {{ form_errors(form.sex) }}
  204.                                     </div>
  205.                                 </div>
  206.                                 <div class="row mb-2">
  207.                                     <div class="col-3">
  208.                                         <span>{{ 'admin.common.job'|trans }}</span>
  209.                                     </div>
  210.                                     <div class="col">
  211.                                         {{ form_widget(form.job) }}
  212.                                         {{ form_errors(form.job) }}
  213.                                     </div>
  214.                                 </div>
  215.                                 <div class="row mb-2">
  216.                                     <div class="col-3">
  217.                                         <span>{{ 'admin.common.birth_day'|trans }}</span>
  218.                                     </div>
  219.                                     <div class="col">
  220.                                         {{ form_widget(form.birth) }}
  221.                                         {{ form_errors(form.birth) }}
  222.                                     </div>
  223.                                 </div>
  224.                                 <div class="row mb-2">
  225.                                     <div class="col-3">
  226.                                         <span>{{ 'admin.common.point'|trans }}</span>
  227.                                     </div>
  228.                                     <div class="col">
  229.                                         {{ form_widget(form.point) }}
  230.                                         {{ form_errors(form.point) }}
  231.                                     </div>
  232.                                 </div>
  234.                                 {# エンティティ拡張の自動出力 #}
  235.                                 {% for f in form|filter(f => f.vars.eccube_form_options.auto_render) %}
  236.                                     {% if f.vars.eccube_form_options.form_theme %}
  237.                                         {% form_theme f f.vars.eccube_form_options.form_theme %}
  238.                                         {{ form_row(f) }}
  239.                                     {% else %}
  240.                                         <div class="row mb-2">
  241.                                             <div class="col-3">
  242.                                                 <span>{{ f.vars.label|trans }}</span>
  243.                                             </div>
  244.                                             <div class="col">
  245.                                                 {{ form_widget(f) }}
  246.                                                 {{ form_errors(f) }}
  247.                                             </div>
  248.                                         </div>
  249.                                     {% endif %}
  250.                                 {% endfor %}
  252.                             </div>
  253.                         </div>
  254.                     </div>
  256.                     {% if Customer.id %}
  257.                         <div class="card rounded border-0 mb-4">
  258.                             <div class="card-header">
  259.                                 <div class="row">
  260.                                     <div class="col-8">
  261.                                         <div class="d-inline-block" data-bs-toggle="tooltip" data-bs-placement="top"
  262.                                              title="{{ 'tooltip.customer.customer_address'|trans }}">
  263.                                         <span class="card-title">
  264.                                             {{ 'admin.customer.customer_address'|trans }}
  265.                                             <i class="fa fa-question-circle fa-lg ms-1"></i>
  266.                                         </span>
  267.                                         </div>
  268.                                     </div>
  269.                                     <div class="col-4 text-end">
  270.                                         <a data-bs-toggle="collapse" href="#delivery" aria-expanded="false"
  271.                                            aria-controls="delivery">
  272.                                             <i class="fa fa-angle-up fa-lg"></i>
  273.                                         </a>
  274.                                     </div>
  275.                                 </div>
  276.                             </div>
  277.                             <div class="collapse show ec-cardCollapse" id="delivery">
  278.                                 {% if Customer.CustomerAddresses|length > 0 %}
  279.                                     <div class="card-body">
  280.                                         <table class="table table-striped table-sm">
  281.                                             <thead class="table-active">
  282.                                             <th class="align-middle pt-2 pb-2">{{ 'admin.common.name'|trans }}</th>
  283.                                             <th class="align-middle pt-2 pb-2">{{ 'admin.common.address'|trans }}</th>
  284.                                             <th class="align-middle pt-2 pb-2 pe-3">{{ 'admin.common.phone_number'|trans }}</th>
  285.                                             <th class="align-middle pt-2 pb-2 pe-3"></th>
  286.                                             </thead>
  287.                                             <tbody>
  288.                                             {% for CustomerAddress in Customer.CustomerAddresses %}
  289.                                                 <tr>
  290.                                                     <td class="align-middle">
  291.                                                         {{ CustomerAddress.name01 }}&nbsp;{{ CustomerAddress.name02 }}
  292.                                                     </td>
  293.                                                     <td class="align-middle">
  294.                                                         <a href="{{ url('admin_customer_delivery_edit', { 'id': Customer.id, 'did': CustomerAddress.id }) }}">
  295.                                                             {{ 'admin.common.postal_symbol'|trans }}{{ CustomerAddress.postal_code }} {{ CustomerAddress.Pref }}{{ CustomerAddress.addr01 }}{{ CustomerAddress.addr02 }}
  296.                                                         </a>
  297.                                                     </td>
  298.                                                     <td class="align-middle">
  299.                                                         {{ CustomerAddress.phone_number }}
  300.                                                     </td>
  301.                                                     <td>
  302.                                                         <div class="text-center" data-bs-toggle="tooltip" data-bs-placement="top" title="{{ 'admin.common.delete'|trans }}">
  303.                                                             <a class="btn btn-ec-actionIcon" data-bs-toggle="modal"
  304.                                                                data-bs-target="#discontinuance-{{ CustomerAddress.id }}">
  305.                                                                 <i class="fa fa-close text-secondary"
  306.                                                                    aria-hidden="true"></i>
  307.                                                             </a>
  308.                                                         </div>
  309.                                                         <div class="modal fade" id="discontinuance-{{ CustomerAddress.id }}" tabindex="-1" role="dialog" aria-labelledby="discontinuance" aria-hidden="true">
  310.                                                             <div class="modal-dialog" role="document">
  311.                                                                 <div class="modal-content">
  312.                                                                     <div class="modal-header">
  313.                                                                         <h5 class="modal-title fw-bold">
  314.                                                                             {{ 'admin.common.delete_modal__title'|trans }}</h5>
  315.                                                                         <button class="btn-close" type="button" data-bs-dismiss="modal" aria-label="Close">
  317.                                                                         </button>
  318.                                                                     </div>
  319.                                                                     <div class="modal-body text-start">
  320.                                                                         <p class="text-start">
  321.                                                                             {{ 'admin.common.delete_modal__message'|trans({ '%name%' : 'admin.common.postal_symbol'|trans ~ CustomerAddress.postal_code ~ CustomerAddress.Pref ~ ' ' ~ CustomerAddress.name01 ~ CustomerAddress.name02 }) }}</p>
  322.                                                                     </div>
  323.                                                                     <div class="modal-footer">
  324.                                                                         <button class="btn btn-ec-sub" type="button" data-bs-dismiss="modal">
  325.                                                                             {{ 'admin.common.cancel'|trans }}
  326.                                                                         </button>
  327.                                                                         <a href="{{ url('admin_customer_delivery_delete', {'id' : Customer.id, 'did':  CustomerAddress.id}) }}" class="btn btn-ec-delete"{{ csrf_token_for_anchor() }} data-method="delete" data-confirm="false">
  328.                                                                             {{ 'admin.common.delete'|trans }}
  329.                                                                         </a>
  330.                                                                     </div>
  331.                                                                 </div>
  332.                                                             </div>
  333.                                                         </div>
  334.                                                     </td>
  335.                                                 </tr>
  336.                                             {% endfor %}
  337.                                             </tbody>
  338.                                         </table>
  340.                                         {# TODO: 新規追加ボタンと文言のデザインを整える #}
  341.                                         {% if Customer.CustomerAddresses|length < eccube_config.eccube_deliv_addr_max %}
  342.                                             <div class="d-block text-center">
  343.                                                 <a href="{{ url('admin_customer_delivery_new', { id: Customer.id }) }}"
  344.                                                    class="btn btn-ec-regular">{{ 'admin.customer.customer_address__add'|trans }}</a>
  345.                                             </div>
  346.                                         {% else %}
  347.                                             <span class="ec-errorMessage">
  348.                                                 {{ 'admin.customer.customer_address_count_is_over'|trans({"%eccube_deliv_addr_max%":eccube_config.eccube_deliv_addr_max}) }}
  349.                                             </span>
  350.                                         {% endif %}
  351.                                     </div>
  352.                                 {% else %}
  353.                                     <div class="card-body">
  354.                                         <div id="address_box" class="data-empty">
  355.                                             <span>{{ 'admin.customer.no_customer_address'|trans }}</span>
  356.                                         </div>
  358.                                         <div class="d-block text-center">
  359.                                             <a href="{{ url('admin_customer_delivery_new', { id: Customer.id }) }}"
  360.                                                class="btn btn-ec-regular">{{ 'admin.customer.customer_address__add'|trans }}</a>
  361.                                         </div>
  363.                                     </div>
  364.                                 {% endif %}
  365.                             </div>
  366.                         </div>
  367.                     {% endif %}
  369.                     {% if Customer.id %}
  370.                         <div class="card rounded border-0 mb-4">
  371.                             <div class="card-header">
  372.                                 <div class="row">
  373.                                     <div class="col-8">
  374.                                         <div class="d-inline-block" data-bs-toggle="tooltip" data-bs-placement="top"
  375.                                              title="{{ 'tooltip.customer.purchase_history'|trans }}">
  376.                                         <span class="card-title">
  377.                                             {{ 'admin.customer.purchase_history'|trans }}
  378.                                             <i class="fa fa-question-circle fa-lg ms-1"></i>
  379.                                         </span>
  380.                                         </div>
  381.                                     </div>
  382.                                     <div class="col-4 text-end">
  383.                                         <a data-bs-toggle="collapse" href="#orderHistory" aria-expanded="false"
  384.                                            aria-controls="orderHistory">
  385.                                             <i class="fa fa-angle-up fa-lg"></i>
  386.                                         </a>
  387.                                     </div>
  388.                                 </div>
  389.                             </div>
  390.                             <div class="collapse show ec-cardCollapse" id="orderHistory">
  391.                                 {% if Customer.Orders|length > 0 %}
  392.                                     <div class="card-body">
  393.                                         <div class="row justify-content-between mb-2">
  394.                                             <div class="col-6">
  395.                                             </div>
  396.                                             <div class="col-5 text-end">
  397.                                                 <div class="d-inline-block me-2 align-bottom">
  398.                                                     <div>
  399.                                                         <select class="form-select" onchange="location = this.value;">
  400.                                                             {% for pageMax in pageMaxis %}
  401.                                                                 <option {% if pageMax.name == page_count %}selected=""{% endif %} value="{{ path('admin_customer_edit', {'id':Customer.id, 'page_no': 1, 'page_count': pageMax.name}) }}">{{ 'admin.common.count'|trans({ '%count%': pageMax.name }) }}</option>
  402.                                                             {% endfor %}
  403.                                                         </select>
  404.                                                     </div>
  405.                                                 </div>
  406.                                             </div>
  407.                                         </div>
  408.                                         <table class="table table-striped table-sm">
  409.                                             <thead class="table-active">
  410.                                             <th class="align-middle pt-2 pb-2 ps-3">{{ 'admin.order.order_date'|trans }}</th>
  411.                                             <th class="align-middle pt-2 pb-2">{{ 'admin.order.order_no'|trans }}</th>
  412.                                             <th class="align-middle pt-2 pb-2">{{ 'admin.order.purchase_price'|trans }}</th>
  413.                                             <th class="align-middle pt-2 pb-2 pe-3">{{ 'admin.order.order_status'|trans }}</th>
  414.                                             </thead>
  415.                                             <tbody>
  416.                                             {% for Order in pagination %}
  417.                                                 <tr>
  418.                                                     <td class="align-middle ps-3">{{ Order.order_date|date_min }}</td>
  419.                                                     <td class="align-middle">
  420.                                                         <a href="{{ url('admin_order_edit', { 'id' : Order.id }) }}">
  421.                                                             {{ Order.order_no }}
  422.                                                         </a>
  423.                                                     </td>
  424.                                                     <td class="align-middle">{{ Order.total|price }}</td>
  425.                                                     <td class="align-middle pe-3">
  426.                                                         <span class="badge badge-ec-blue" style="background-color: #fff; color: {{ Order.OrderStatusColor }}; border-color: {{ Order.OrderStatusColor }}">{{ Order.OrderStatus }}</span>
  427.                                                     </td>
  428.                                                 </tr>
  429.                                             {% endfor %}
  430.                                             </tbody>
  431.                                         </table>
  432.                                         {% if pagination.totalItemCount > 0 %}
  433.                                                 <div class="row justify-content-md-center pb-4">
  434.                                                     {% include "@admin/pager.twig" with { 'id':Customer.id, 'pages' : pagination.paginationData, 'routes' : 'admin_customer_edit' } %}
  435.                                                 </div>
  436.                                             {% endif %}
  437.                                     </div>
  438.                                 {% else %}
  439.                                     <div class="card-body">
  440.                                         <div id="history_box" class="data-empty">
  441.                                         <span>
  442.                                             {{ 'admin.customer.no_purchase_history'|trans }}
  443.                                         </span>
  444.                                         </div>
  445.                                     </div>
  446.                                 {% endif %}
  447.                             </div>
  448.                         </div>
  449.                     {% endif %}
  451.                     <div class="card rounded border-0 mb-4">
  452.                         <div class="card-header">
  453.                             <div class="row">
  454.                                 <div class="col-8">
  455.                                     <div class="d-inline-block" data-bs-toggle="tooltip" data-bs-placement="top"
  456.                                          title="{{ 'tooltip.customer.shop_memo'|trans }}">
  457.                                         <span class="card-title">{{ 'admin.common.shop_memo'|trans }}</span>
  458.                                         <i class="fa fa-question-circle fa-lg ms-1"></i>
  459.                                     </div>
  460.                                 </div>
  461.                                 <div class="col-4 text-end">
  462.                                     <a data-bs-toggle="collapse" href="#shopMemo" aria-expanded="false"
  463.                                        aria-controls="shopMemo">
  464.                                         <i class="fa fa-angle-up fa-lg"></i>
  465.                                     </a>
  466.                                 </div>
  467.                             </div>
  468.                         </div>
  469.                         <div class="collapse show ec-cardCollapse" id="shopMemo">
  470.                             <div class="card-body">
  471.                                 {{ form_widget(form.note, { 'attr': { 'row': 8 }}) }}
  472.                                 {{ form_errors(form.note) }}
  473.                             </div>
  474.                         </div>
  475.                     </div>
  476.                 </div>
  477.             </div>
  478.         </div>
  480.         <div class="c-conversionArea">
  481.             <div class="c-conversionArea__container">
  482.                 <div class="row justify-content-between align-items-center">
  483.                     <div class="col-6">
  484.                         <div class="c-conversionArea__leftBlockItem">
  485.                             <a class="c-baseLink"
  486.                                href="{{ url('admin_customer_page', { page_no : app.session.get('eccube.admin.customer.search.page_no')|default('1') } ) }}?resume=1">
  487.                                 <i class="fa fa-backward" aria-hidden="true"></i>
  488.                                 <span>{{ 'admin.customer.customer_list'|trans }}</span>
  489.                             </a>
  490.                         </div>
  491.                     </div>
  492.                     <div class="col-6">
  493.                         <div id="ex-conversion-action" class="row align-items-center justify-content-end">
  494.                             <div class="col-auto">
  495.                                 {{ form_widget(form.status) }}
  496.                                 {{ form_errors(form.status) }}
  497.                             </div>
  498.                             <div class="col-auto">
  499.                                 <button class="btn btn-ec-conversion px-5"
  500.                                         type="submit">{{ 'admin.common.registration'|trans }}</button>
  501.                             </div>
  502.                         </div>
  503.                     </div>
  504.                 </div>
  505.             </div>
  506.         </div>
  507.     </form>
  508. {% endblock %}