Before - 変更前 After - 変更後
{# {#
This file is part of EC-CUBE This file is part of EC-CUBE
   
Copyright(c) LOCKON CO.,LTD. All Rights Reserved. Copyright(c) LOCKON CO.,LTD. All Rights Reserved.
   
http://www.lockon.co.jp/ http://www.lockon.co.jp/
   
For the full copyright and license information, please view the LICENSE For the full copyright and license information, please view the LICENSE
file that was distributed with this source code. file that was distributed with this source code.
#} #}
{% extends 'default_frame.twig' %} {% extends 'default_frame.twig' %}
   
{% form_theme form 'Form/form_div_layout.twig' %} {% form_theme form 'Form/form_div_layout.twig' %}
   
{% block javascript %} {% block javascript %}
   <script>    <script>
       $(function() {        $(function() {
           var $redirectCallback = function() {            var $redirectCallback = function() {
               loadingOverlay();                loadingOverlay();
               $('#shopping_order_redirect_to').val($(this).attr('data-path'));                $('#shopping_order_redirect_to').val($(this).attr('data-path'));
               $('#shopping-form').attr('action', '{{ url("shopping_redirect_to") }}').submit();                $('#shopping-form').attr('action', '{{ url("shopping_redirect_to") }}').submit();
.                 setTimeout(function () {
                     loadingOverlay("hide");
                 }, 2000);
           };            };
           $('[data-trigger]').each(function() {            $('[data-trigger]').each(function() {
               $(this).on($(this).attr('data-trigger'), $redirectCallback);                $(this).on($(this).attr('data-trigger'), $redirectCallback);
           });            });
   
           {% if is_granted('ROLE_USER') == false %}            {% if is_granted('ROLE_USER') == false %}
           var edit = $('.customer-edit');            var edit = $('.customer-edit');
           var hidden = $('.customer-in');            var hidden = $('.customer-in');
           var form = $('.customer-form');            var form = $('.customer-form');
   
           $('#customer').click(function() {            $('#customer').click(function() {
               $(edit).each(function(index) {                $(edit).each(function(index) {
                   var name = $(this).text();                    var name = $(this).text();
                   var input = $('<input id="edit' + index + '" type="text" />').val(name);                    var input = $('<input id="edit' + index + '" type="text" />').val(name);
                   $(form[index]).empty().append(input);                    $(form[index]).empty().append(input);
               });                });
   
               $('.non-customer-display').hide();                $('.non-customer-display').hide();
               $('.non-customer-edit').show();                $('.non-customer-edit').show();
               $('.mod-button').show();                $('.mod-button').show();
           });            });
   
           $('#customer-ok').click(function() {            $('#customer-ok').click(function() {
               $(form).each(function(index) {                $(form).each(function(index) {
                   $(hidden[index]).val($(form[index]).children('input').val());                    $(hidden[index]).val($(form[index]).children('input').val());
               });                });
   
               var postData = {};                var postData = {};
               $(hidden).each(function() {                $(hidden).each(function() {
                   postData[$(this).attr('name')] = $(this).val();                    postData[$(this).attr('name')] = $(this).val();
               });                });
   
               loadingOverlay();                loadingOverlay();
   
               $.ajax({                $.ajax({
                   url: "{{ url('shopping_customer') }}",                    url: "{{ url('shopping_customer') }}",
                   type: 'POST',                    type: 'POST',
                   data: postData,                    data: postData,
                   dataType: 'json'                    dataType: 'json'
               }).done(function(data) {                }).done(function(data) {
                   if (data.status == 'OK') {                    if (data.status == 'OK') {
                       $(form).each(function(index) {                        $(form).each(function(index) {
                           $(edit[index]).empty().text($(form[index]).children('input').val());                            $(edit[index]).empty().text($(form[index]).children('input').val());
                           $(form[index]).empty();                            $(form[index]).empty();
                       });                        });
   
                       // kana field                        // kana field
                       $(edit[2]).empty().text(data.kana01);                        $(edit[2]).empty().text(data.kana01);
                       $(edit[3]).empty().text(data.kana02);                        $(edit[3]).empty().text(data.kana02);
                       $('#customer-kana01').val(data.kana01);                        $('#customer-kana01').val(data.kana01);
                       $('#customer-kana02').val(data.kana02);                        $('#customer-kana02').val(data.kana02);
                   }                    }
               }).fail(function() {                }).fail(function() {
                   alert('更新に失敗しました。入力内容を確認してください。');                    alert('更新に失敗しました。入力内容を確認してください。');
               }).always(function(data) {                }).always(function(data) {
                   // overlayを無効                    // overlayを無効
                   loadingOverlay('hide');                    loadingOverlay('hide');
               });                });
   
               $('.non-customer-display').show();                $('.non-customer-display').show();
               $('.non-customer-edit').hide();                $('.non-customer-edit').hide();
               $('.mod-button').hide();                $('.mod-button').hide();
           });            });
   
           $('#customer-cancel').click(function() {            $('#customer-cancel').click(function() {
               $('.non-customer-display').show();                $('.non-customer-display').show();
               $('.non-customer-edit').hide();                $('.non-customer-edit').hide();
               $('.mod-button').hide();                $('.mod-button').hide();
           });            });
           {% endif %}            {% endif %}
       });        });
   </script>    </script>
{% endblock javascript %} {% endblock javascript %}
   
{% block main %} {% block main %}
   
   <div class="ec-role">    <div class="ec-role">
       <div class="ec-pageHeader">        <div class="ec-pageHeader">
           <h1>{{ 'ご注文手続き'|trans }}</h1>            <h1>{{ 'ご注文手続き'|trans }}</h1>
       </div>        </div>
   </div>    </div>
   
   <div class="ec-cartRole">    <div class="ec-cartRole">
       <div class="ec-cartRole__progress">        <div class="ec-cartRole__progress">
           <ul class="ec-progress">            <ul class="ec-progress">
               {% set step = 1 %}                {% set step = 1 %}
               <li class="ec-progress__item">                <li class="ec-progress__item">
                   <div class="ec-progress__number">{{ step }}{% set step = step + 1 %}                    <div class="ec-progress__number">{{ step }}{% set step = step + 1 %}
                   </div>                    </div>
                   <div class="ec-progress__label">{{ 'カートの商品'|trans }}                    <div class="ec-progress__label">{{ 'カートの商品'|trans }}
                   </div>                    </div>
               </li>                </li>
               {% if is_granted('ROLE_USER') == false %}                {% if is_granted('ROLE_USER') == false %}
                   <li class="ec-progress__item">                    <li class="ec-progress__item">
                       <div class="ec-progress__number">{{ step }}{% set step = step + 1 %}                        <div class="ec-progress__number">{{ step }}{% set step = step + 1 %}
                       </div>                        </div>
                       <div class="ec-progress__label">{{ 'お客様情報'|trans }}                        <div class="ec-progress__label">{{ 'お客様情報'|trans }}
                       </div>                        </div>
                   </li>                    </li>
               {% endif %}                {% endif %}
               <li class="ec-progress__item is-complete">                <li class="ec-progress__item is-complete">
                   <div class="ec-progress__number">{{ step }}{% set step = step + 1 %}                    <div class="ec-progress__number">{{ step }}{% set step = step + 1 %}
                   </div>                    </div>
                   <div class="ec-progress__label">{{ 'ご注文手続き'|trans }}                    <div class="ec-progress__label">{{ 'ご注文手続き'|trans }}
                   </div>                    </div>
               </li>                </li>
               <li class="ec-progress__item">                <li class="ec-progress__item">
                   <div class="ec-progress__number">{{ step }}{% set step = step + 1 %}                    <div class="ec-progress__number">{{ step }}{% set step = step + 1 %}
                   </div>                    </div>
                   <div class="ec-progress__label">{{ 'ご注文内容確認'|trans }}                    <div class="ec-progress__label">{{ 'ご注文内容確認'|trans }}
                   </div>                    </div>
               </li>                </li>
               <li class="ec-progress__item">                <li class="ec-progress__item">
                   <div class="ec-progress__number">{{ step }}{% set step = step + 1 %}                    <div class="ec-progress__number">{{ step }}{% set step = step + 1 %}
                   </div>                    </div>
                   <div class="ec-progress__label">{{ '完了'|trans }}                    <div class="ec-progress__label">{{ '完了'|trans }}
                   </div>                    </div>
               </li>                </li>
           </ul>            </ul>
       </div>        </div>
   
       <!-- アラートメッセージ -->        <!-- アラートメッセージ -->
       {{ include('Shopping/alert.twig') }}        {{ include('Shopping/alert.twig') }}
   </div>    </div>
   
   <form id="shopping-form" method="post" action="{{ url('shopping_confirm') }}">    <form id="shopping-form" method="post" action="{{ url('shopping_confirm') }}">
       {{ form_widget(form._token) }}        {{ form_widget(form._token) }}
       {{ form_widget(form.redirect_to) }}        {{ form_widget(form.redirect_to) }}
       <div class="ec-orderRole">        <div class="ec-orderRole">
           <div class="ec-orderRole__detail">            <div class="ec-orderRole__detail">
               <div class="ec-orderAccount">                <div class="ec-orderAccount">
                   <div class="ec-rectHeading">                    <div class="ec-rectHeading">
                       <h2>{{ 'お客様情報'|trans }}</h2>                        <h2>{{ 'お客様情報'|trans }}</h2>
                   </div>                    </div>
                   {% if is_granted('ROLE_USER') == false %}                    {% if is_granted('ROLE_USER') == false %}
                       <div class="ec-orderAccount__change non-customer-display">                        <div class="ec-orderAccount__change non-customer-display">
                           <button id="customer" class="ec-inlineBtn" type="button">{{ '変更'|trans }}</button>                            <button id="customer" class="ec-inlineBtn" type="button">{{ '変更'|trans }}</button>
                       </div>                        </div>
                   {% endif %}                    {% endif %}
                   <div class="ec-orderAccount__account non-customer-display">                    <div class="ec-orderAccount__account non-customer-display">
.                        <p class="ec-halfInput"><span class="customer-edit customer-name01">{{ Order.name01 }}</span> <span class="customer-edit customer-name02">{{ Order.name02 }}</span> </p>                        <p class="ec-halfInput">{{ ''|trans }}<span class="customer-edit customer-name01">{{ Order.name01 }}</span> <span class="customer-edit customer-name02">{{ Order.name02 }}</span>{{ ' '|trans }}</p>
                       <p class="ec-halfInput"><span class="customer-edit customer-kana01">{{ Order.kana01 }}</span> <span class="customer-edit customer-kana02">{{ Order.kana02 }}</span></p>                        <p class="ec-halfInput"><span class="customer-edit customer-kana01">{{ Order.kana01 }}</span> <span class="customer-edit customer-kana02">{{ Order.kana02 }}</span></p>
                       <p class="ec-input"><span class="customer-edit customer-company_name">{{ Order.companyName }}</span></p>                        <p class="ec-input"><span class="customer-edit customer-company_name">{{ Order.companyName }}</span></p>
                       <p class="ec-zipInput">〒<span class="customer-edit customer-postal_code">{{ Order.postal_code }}</span></p>                        <p class="ec-zipInput">〒<span class="customer-edit customer-postal_code">{{ Order.postal_code }}</span></p>
                       <p class="ec-input"><span class="customer-edit customer-pref">{{ Order.pref }}</span><span class="customer-edit customer-addr01">{{ Order.addr01 }}</span><span class="customer-edit customer-addr02">{{ Order.addr02 }}</span></p>                        <p class="ec-input"><span class="customer-edit customer-pref">{{ Order.pref }}</span><span class="customer-edit customer-addr01">{{ Order.addr01 }}</span><span class="customer-edit customer-addr02">{{ Order.addr02 }}</span></p>
                       <p class="ec-telInput"><span class="customer-edit customer-phone_number">{{ Order.phone_number }}</span></p>                        <p class="ec-telInput"><span class="customer-edit customer-phone_number">{{ Order.phone_number }}</span></p>
                       <p class="ec-input"><span class="customer-edit customer-email">{{ Order.email }}</span></p>                        <p class="ec-input"><span class="customer-edit customer-email">{{ Order.email }}</span></p>
                   </div>                    </div>
                   {% if is_granted('ROLE_USER') == false %}                    {% if is_granted('ROLE_USER') == false %}
                       <div class="ec-borderedDefs  non-customer-edit" style="display:none;">                        <div class="ec-borderedDefs  non-customer-edit" style="display:none;">
                           <dl>                            <dl>
                               <dt>                                <dt>
                                   <label class="ec-label required">{{ 'お名前'|trans }}</label>                                    <label class="ec-label required">{{ 'お名前'|trans }}</label>
                                   <span class="ec-required">{{ '必須'|trans }}</span>                                    <span class="ec-required">{{ '必須'|trans }}</span>
                               </dt>                                </dt>
                               <dd>                                <dd>
                                   <div class="ec-halfInput">                                    <div class="ec-halfInput">
                                       <span class="customer-form customer-name01"></span>                                        <span class="customer-form customer-name01"></span>
                                       <span class="customer-form customer-name02"></span>                                        <span class="customer-form customer-name02"></span>
                                   </div>                                    </div>
                               </dd>                                </dd>
                           </dl>                            </dl>
                           <dl>                            <dl>
                               <dt>                                <dt>
                                   <label class="ec-label required">{{ 'お名前(カナ)'|trans }}</label>                                    <label class="ec-label required">{{ 'お名前(カナ)'|trans }}</label>
                                   <span class="ec-required">{{ '必須'|trans }}</span>                                    <span class="ec-required">{{ '必須'|trans }}</span>
                               </dt>                                </dt>
                               <dd>                                <dd>
                                   <div class="ec-halfInput">                                    <div class="ec-halfInput">
                                       <span class="customer-form customer-kana01"></span>                                        <span class="customer-form customer-kana01"></span>
                                       <span class="customer-form customer-kana02"></span>                                        <span class="customer-form customer-kana02"></span>
                                   </div>                                    </div>
                               </dd>                                </dd>
                           </dl>                            </dl>
                           <dl>                            <dl>
                               <dt>                                <dt>
                                   <label class="ec-label" for="nonmember_company_name">{{ '会社名'|trans }}</label>                                    <label class="ec-label" for="nonmember_company_name">{{ '会社名'|trans }}</label>
                               </dt>                                </dt>
                               <dd>                                <dd>
                                   <div class="ec-halfInput">                                    <div class="ec-halfInput">
                                       <span class="customer-form customer-company_name"></span>                                        <span class="customer-form customer-company_name"></span>
                                   </div>                                    </div>
                               </dd>                                </dd>
                           </dl>                            </dl>
                           <dl>                            <dl>
                               <dt>                                <dt>
                                   <label class="ec-label required">{{ '住所'|trans }}</label>                                    <label class="ec-label required">{{ '住所'|trans }}</label>
                                   <span class="ec-required">{{ '必須'|trans }}</span>                                    <span class="ec-required">{{ '必須'|trans }}</span>
                               </dt>                                </dt>
                               <dd>                                <dd>
                                   <div class="ec-zipInput">                                    <div class="ec-zipInput">
                                       <span>{{ '〒'|trans }}</span>                                        <span>{{ '〒'|trans }}</span>
                                       <span class="customer-form customer-postal_code"></span>                                        <span class="customer-form customer-postal_code"></span>
                                       <div class="ec-zipInputHelp">                                        <div class="ec-zipInputHelp">
                                           <div class="ec-zipInputHelp__icon">                                            <div class="ec-zipInputHelp__icon">
                                               <div class="ec-icon">                                                <div class="ec-icon">
                                                   <img src="{{ asset('assets/icon/question-white.svg') }}" alt="">                                                    <img src="{{ asset('assets/icon/question-white.svg') }}" alt="">
                                               </div>                                                </div>
                                           </div>                                            </div>
.                                            <a href="http://www.post.japanpost.jp/zipcode/" target="_blank">                                            <a href="https://www.post.japanpost.jp/zipcode/" target="_blank">
                                               <span>{{ '郵便番号検索'|trans }}</span>                                                <span>{{ '郵便番号検索'|trans }}</span>
                                           </a>                                            </a>
                                       </div>                                        </div>
                                   </div>                                    </div>
                                   <div class="ec-select">                                    <div class="ec-select">
                                       <span class="customer-form customer-address_pref"></span>                                        <span class="customer-form customer-address_pref"></span>
                                   </div>                                    </div>
                                   <div class="ec-input">                                    <div class="ec-input">
                                       <span class="customer-form customer-address_addr01"></span>                                        <span class="customer-form customer-address_addr01"></span>
                                   </div>                                    </div>
                                   <div class="ec-input">                                    <div class="ec-input">
                                       <span class="customer-form customer-address_addr02"></span>                                        <span class="customer-form customer-address_addr02"></span>
                                   </div>                                    </div>
                               </dd>                                </dd>
                           </dl>                            </dl>
                           <dl>                            <dl>
                               <dt>                                <dt>
                                   <label class="ec-label required" for="nonmember_phone_number">{{ '電話番号'|trans }}</label>                                    <label class="ec-label required" for="nonmember_phone_number">{{ '電話番号'|trans }}</label>
                                   <span class="ec-required">{{ '必須'|trans }}</span>                                    <span class="ec-required">{{ '必須'|trans }}</span>
                               </dt>                                </dt>
                               <dd>                                <dd>
                                   <div class="ec-telInput">                                    <div class="ec-telInput">
                                       <span class="customer-form customer-phone_number"></span>                                        <span class="customer-form customer-phone_number"></span>
                                   </div>                                    </div>
                               </dd>                                </dd>
                           </dl>                            </dl>
                           <dl>                            <dl>
                               <dt>                                <dt>
                                   <label class="ec-label required">{{ 'メールアドレス'|trans }}</label>                                    <label class="ec-label required">{{ 'メールアドレス'|trans }}</label>
                                   <span class="ec-required">{{ '必須'|trans }}</span>                                    <span class="ec-required">{{ '必須'|trans }}</span>
                               </dt>                                </dt>
                               <dd>                                <dd>
                                   <div class="ec-input">                                    <div class="ec-input">
                                       <span class="customer-form customer-email"></span>                                        <span class="customer-form customer-email"></span>
                                   </div>                                    </div>
                               </dd>                                </dd>
                           </dl>                            </dl>
                       </div>                        </div>
                       <div class="mod-button" style="display:none;">                        <div class="mod-button" style="display:none;">
                           <span id="customer-ok"><button type="button" class="ec-inlineBtn">{{ 'OK'|trans }}</button></span>                            <span id="customer-ok"><button type="button" class="ec-inlineBtn">{{ 'OK'|trans }}</button></span>
                           <span id="customer-cancel"><button type="button" class="ec-inlineBtn">{{ 'キャンセル'|trans }}</button></span>                            <span id="customer-cancel"><button type="button" class="ec-inlineBtn">{{ 'キャンセル'|trans }}</button></span>
                       </div>                        </div>
                       <input type="hidden" id="customer-name01" class="customer-in" name="customer_name01" value="{{ Order.name01 }}">                        <input type="hidden" id="customer-name01" class="customer-in" name="customer_name01" value="{{ Order.name01 }}">
                       <input type="hidden" id="customer-name02" class="customer-in" name="customer_name02" value="{{ Order.name02 }}">                        <input type="hidden" id="customer-name02" class="customer-in" name="customer_name02" value="{{ Order.name02 }}">
                       <input type="hidden" id="customer-kana01" class="customer-in" name="customer_kana01" value="{{ Order.kana01 }}">                        <input type="hidden" id="customer-kana01" class="customer-in" name="customer_kana01" value="{{ Order.kana01 }}">
                       <input type="hidden" id="customer-kana02" class="customer-in" name="customer_kana02" value="{{ Order.kana02 }}">                        <input type="hidden" id="customer-kana02" class="customer-in" name="customer_kana02" value="{{ Order.kana02 }}">
                       <input type="hidden" id="customer-company-name" class="customer-in" name="customer_company_name" value="{{ Order.companyName }}">                        <input type="hidden" id="customer-company-name" class="customer-in" name="customer_company_name" value="{{ Order.companyName }}">
                       <input type="hidden" id="customer-postal_code" class="customer-in" name="customer_postal_code" value="{{ Order.postal_code }}">                        <input type="hidden" id="customer-postal_code" class="customer-in" name="customer_postal_code" value="{{ Order.postal_code }}">
                       <input type="hidden" id="customer-pref" class="customer-in" name="customer_pref" value="{{ Order.pref }}">                        <input type="hidden" id="customer-pref" class="customer-in" name="customer_pref" value="{{ Order.pref }}">
                       <input type="hidden" id="customer-addr01" class="customer-in" name="customer_addr01" value="{{ Order.addr01 }}">                        <input type="hidden" id="customer-addr01" class="customer-in" name="customer_addr01" value="{{ Order.addr01 }}">
                       <input type="hidden" id="customer-addr02" class="customer-in" name="customer_addr02" value="{{ Order.addr02 }}">                        <input type="hidden" id="customer-addr02" class="customer-in" name="customer_addr02" value="{{ Order.addr02 }}">
                       <input type="hidden" id="customer-phone_number" class="customer-in" name="customer_phone_number" value="{{ Order.phone_number }}">                        <input type="hidden" id="customer-phone_number" class="customer-in" name="customer_phone_number" value="{{ Order.phone_number }}">
                       <input type="hidden" id="customer-email" class="customer-in" name="customer_email" value="{{ Order.email }}">                        <input type="hidden" id="customer-email" class="customer-in" name="customer_email" value="{{ Order.email }}">
                   {% endif %}                    {% endif %}
               </div>                </div>
               <div class="ec-orderDelivery">                <div class="ec-orderDelivery">
                   <div class="ec-rectHeading">                    <div class="ec-rectHeading">
                       <h2>{{ '配送情報'|trans }}</h2>                        <h2>{{ '配送情報'|trans }}</h2>
                   </div>                    </div>
                   {% for shipping in Order.shippings %}                    {% for shipping in Order.shippings %}
                       {% set idx = loop.index0 %}                        {% set idx = loop.index0 %}
                       <div class="ec-orderDelivery__title">{{ 'お届け先'|trans }}{% if Order.multiple %}({{ loop.index }}){% endif %}                        <div class="ec-orderDelivery__title">{{ 'お届け先'|trans }}{% if Order.multiple %}({{ loop.index }}){% endif %}
                           <div class="ec-orderDelivery__change">                            <div class="ec-orderDelivery__change">
                               {% if is_granted('ROLE_USER') %}                                {% if is_granted('ROLE_USER') %}
                                   <button class="ec-inlineBtn" data-id="{{ shipping.id }}" data-trigger="click" data-path="{{ path('shopping_shipping', {'id': shipping.id}) }}">{{ '変更'|trans }}</button>                                    <button class="ec-inlineBtn" data-id="{{ shipping.id }}" data-trigger="click" data-path="{{ path('shopping_shipping', {'id': shipping.id}) }}">{{ '変更'|trans }}</button>
                               {% else %}                                {% else %}
                                   <button class="ec-inlineBtn" data-id="{{ shipping.id }}" data-trigger="click" data-path="{{ path('shopping_shipping_edit', {'id': shipping.id}) }}">{{ '変更'|trans }}</button>                                    <button class="ec-inlineBtn" data-id="{{ shipping.id }}" data-trigger="click" data-path="{{ path('shopping_shipping_edit', {'id': shipping.id}) }}">{{ '変更'|trans }}</button>
                               {% endif %}                                {% endif %}
                           </div>                            </div>
                       </div>                        </div>
                       <div class="ec-orderDelivery__item">                        <div class="ec-orderDelivery__item">
                           <ul class="ec-borderedList">                            <ul class="ec-borderedList">
                               {% for orderItem in shipping.productOrderItems %}                                {% for orderItem in shipping.productOrderItems %}
                                   <li>                                    <li>
                                       <div class="ec-imageGrid">                                        <div class="ec-imageGrid">
                                           <div class="ec-imageGrid__img"><img src="{{ asset((orderItem.product is null ? null : orderItem.product.MainListImage)|no_image_product, 'save_image') }}" alt="{{ orderItem.productName }}"></div>                                            <div class="ec-imageGrid__img"><img src="{{ asset((orderItem.product is null ? null : orderItem.product.MainListImage)|no_image_product, 'save_image') }}" alt="{{ orderItem.productName }}"></div>
                                           <div class="ec-imageGrid__content">                                            <div class="ec-imageGrid__content">
                                               <p>{{ orderItem.productName }}</p>                                                <p>{{ orderItem.productName }}</p>
                                               {% if orderItem.productClass is not null and orderItem.productClass.classCategory1 %}                                                {% if orderItem.productClass is not null and orderItem.productClass.classCategory1 %}
                                                   <p>{{ orderItem.productClass.classCategory1.className.name }}:{{ orderItem.productClass.classCategory1 }}</p>                                                    <p>{{ orderItem.productClass.classCategory1.className.name }}:{{ orderItem.productClass.classCategory1 }}</p>
                                               {% endif %}                                                {% endif %}
                                               {% if orderItem.productClass is not null and orderItem.productClass.classCategory2 %}                                                {% if orderItem.productClass is not null and orderItem.productClass.classCategory2 %}
                                                   <p>{{ orderItem.productClass.classCategory2.className.name }}:{{ orderItem.productClass.classCategory2 }}</p>                                                    <p>{{ orderItem.productClass.classCategory2.className.name }}:{{ orderItem.productClass.classCategory2 }}</p>
                                               {% endif %}                                                {% endif %}
                                               <p>{{ orderItem.priceIncTax|price }} × {{ orderItem.quantity|number_format }}<span>{{ '小計:'|trans }}{{ orderItem.totalPrice|price }}</span></p>                                                <p>{{ orderItem.priceIncTax|price }} × {{ orderItem.quantity|number_format }}<span>{{ '小計:'|trans }}{{ orderItem.totalPrice|price }}</span></p>
                                           </div>                                            </div>
                                       </div>                                        </div>
                                   </li>                                    </li>
                               {% endfor %}                                {% endfor %}
                           </ul>                            </ul>
                       </div>                        </div>
                       <div class="ec-orderDelivery__address">                        <div class="ec-orderDelivery__address">
.                            <p>{{ shipping.name01 }} {{ shipping.name02 }} ({{ shipping.kana01 }} {{ shipping.kana02 }}) </p>                            <p>{{ ''|trans }}{{ shipping.name01 }} {{ shipping.name02 }} ({{ shipping.kana01 }} {{ shipping.kana02 }}){{ ' '|trans }}</p>
                           <p>{{ '〒'|trans }}{{ shipping.postal_code }} {{ shipping.pref }}{{ shipping.addr01 }}{{ shipping.addr02 }}</p>                            <p>{{ '〒'|trans }}{{ shipping.postal_code }} {{ shipping.pref }}{{ shipping.addr01 }}{{ shipping.addr02 }}</p>
                           <p>{{ shipping.phone_number }}</p>                            <p>{{ shipping.phone_number }}</p>
                       </div>                        </div>
                       <div class="ec-orderDelivery__actions">                        <div class="ec-orderDelivery__actions">
                           <div class="ec-selects">                            <div class="ec-selects">
                               <div class="ec-select">                                <div class="ec-select">
                                   <label>{{ '配送方法'|trans }}</label>                                    <label>{{ '配送方法'|trans }}</label>
                                   {{ form_widget(form.Shippings[idx].Delivery, { 'attr': { 'class': 'form-control', 'data-trigger': 'change' }}) }}                                    {{ form_widget(form.Shippings[idx].Delivery, { 'attr': { 'class': 'form-control', 'data-trigger': 'change' }}) }}
                                   {{ form_errors(form.Shippings[idx].Delivery) }}                                    {{ form_errors(form.Shippings[idx].Delivery) }}
                               </div>                                </div>
                               <div class="ec-select ec-select__delivery">                                <div class="ec-select ec-select__delivery">
                                   <label>{{ 'お届け日'|trans }}</label>                                    <label>{{ 'お届け日'|trans }}</label>
                                   {{ form_widget(form.Shippings[idx].shipping_delivery_date, {'attr': {'class': 'form-control'}}) }}                                    {{ form_widget(form.Shippings[idx].shipping_delivery_date, {'attr': {'class': 'form-control'}}) }}
                                   {{ form_errors(form.Shippings[idx].shipping_delivery_date) }}                                    {{ form_errors(form.Shippings[idx].shipping_delivery_date) }}
                               </div>                                </div>
                               <div class="ec-select ec-select__time">                                <div class="ec-select ec-select__time">
                                   <label>{{ 'お届け時間'|trans }}</label>                                    <label>{{ 'お届け時間'|trans }}</label>
                                   {{ form_widget(form.Shippings[idx].DeliveryTime, {'attr': {'class': 'form-control'}}) }}                                    {{ form_widget(form.Shippings[idx].DeliveryTime, {'attr': {'class': 'form-control'}}) }}
                                   {{ form_errors(form.Shippings[idx].DeliveryTime) }}                                    {{ form_errors(form.Shippings[idx].DeliveryTime) }}
                               </div>                                </div>
                           </div>                            </div>
                       </div>                        </div>
                   {% endfor %}                    {% endfor %}
                   <div class="ec-orderDelivery__edit">                    <div class="ec-orderDelivery__edit">
                       <button type="button" class="ec-inlineBtn" data-trigger="click" data-path="{{ path('shopping_shipping_multiple') }}">{{ 'お届け先を追加する'|trans }}</button>                        <button type="button" class="ec-inlineBtn" data-trigger="click" data-path="{{ path('shopping_shipping_multiple') }}">{{ 'お届け先を追加する'|trans }}</button>
                   </div>                    </div>
               </div>                </div>
               <div class="ec-orderPayment">                <div class="ec-orderPayment">
                   <div class="ec-rectHeading">                    <div class="ec-rectHeading">
                       <h2>{{ 'お支払方法'|trans }}</h2>                        <h2>{{ 'お支払方法'|trans }}</h2>
                   </div>                    </div>
                   <div class="ec-radio">                    <div class="ec-radio">
                       {% for key, child in form.Payment %}                        {% for key, child in form.Payment %}
                           <div style="display: block;">                            <div style="display: block;">
                               {% set Payment = form.Payment.vars.choices[key].data %}                                {% set Payment = form.Payment.vars.choices[key].data %}
                               {{ form_widget(child, { 'attr': { 'data-trigger': 'change' }}) }}                                {{ form_widget(child, { 'attr': { 'data-trigger': 'change' }}) }}
                               {% if Payment.payment_image is not null %}                                {% if Payment.payment_image is not null %}
                                   <p><img src="{{ asset(Payment.payment_image, 'save_image') }}"></p>                                    <p><img src="{{ asset(Payment.payment_image, 'save_image') }}"></p>
                               {% endif %}                                {% endif %}
                           </div>                            </div>
                       {% endfor %}                        {% endfor %}
                   </div>                    </div>
                   <div class="ec-input {{ has_errors(form.Payment) ? ' error' }}">{{ form_errors(form.Payment) }}</div>                    <div class="ec-input {{ has_errors(form.Payment) ? ' error' }}">{{ form_errors(form.Payment) }}</div>
               </div>                </div>
               {% if BaseInfo.isOptionPoint and Order.Customer is not null %}                {% if BaseInfo.isOptionPoint and Order.Customer is not null %}
                   <div class="ec-orderPayment">                    <div class="ec-orderPayment">
                       <div class="ec-rectHeading">                        <div class="ec-rectHeading">
                           <h2>{{ '利用ポイント'|trans }}</h2>                            <h2>{{ '利用ポイント'|trans }}</h2>
                       </div>                        </div>
                       <div class="ec-input {{ has_errors(form.use_point) ? ' error' }}">                        <div class="ec-input {{ has_errors(form.use_point) ? ' error' }}">
                           <p>{{ '%point% pt が利用可能です。'|trans({ '%point%': Order.Customer.Point|number_format }) }}</p>                            <p>{{ '%point% pt が利用可能です。'|trans({ '%point%': Order.Customer.Point|number_format }) }}</p>
                           {{ form_widget(form.use_point, { 'attr': { 'type': 'text', 'class': 'form-control', 'data-trigger': 'change' }}) }}                            {{ form_widget(form.use_point, { 'attr': { 'type': 'text', 'class': 'form-control', 'data-trigger': 'change' }}) }}
                           {{ form_errors(form.use_point) }}                            {{ form_errors(form.use_point) }}
                       </div>                        </div>
                   </div>                    </div>
               {% endif %}                {% endif %}
               <div class="ec-orderConfirm">                <div class="ec-orderConfirm">
                   <div class="ec-rectHeading">                    <div class="ec-rectHeading">
                       <h2>{{ 'お問い合わせ'|trans }}</h2>                        <h2>{{ 'お問い合わせ'|trans }}</h2>
                   </div>                    </div>
                   <div class="ec-input">                    <div class="ec-input">
                       {{ form_widget(form.message, {'attr': {'class': 'form-control', 'placeholder': 'お問い合わせ事項がございましたら、こちらにご入力ください。(3000文字まで)'|trans, 'rows': '6'}}) }}                        {{ form_widget(form.message, {'attr': {'class': 'form-control', 'placeholder': 'お問い合わせ事項がございましたら、こちらにご入力ください。(3000文字まで)'|trans, 'rows': '6'}}) }}
                       {{ form_errors(form.message) }}                        {{ form_errors(form.message) }}
                   </div>                    </div>
               </div>                </div>
           </div>            </div>
           <div class="ec-orderRole__summary">            <div class="ec-orderRole__summary">
               <div class="ec-totalBox">                <div class="ec-totalBox">
                   <dl class="ec-totalBox__spec">                    <dl class="ec-totalBox__spec">
                       <dt>{{ '小計'|trans }}</dt>                        <dt>{{ '小計'|trans }}</dt>
                       <dd class="ec-totalBox__specTotal">{{ Order.subtotal|price }}</dd>                        <dd class="ec-totalBox__specTotal">{{ Order.subtotal|price }}</dd>
                   </dl>                    </dl>
                   <dl class="ec-totalBox__spec">                    <dl class="ec-totalBox__spec">
                       <dt>{{ '手数料'|trans }}</dt>                        <dt>{{ '手数料'|trans }}</dt>
                       <dd>{{ Order.charge|price }}</dd>                        <dd>{{ Order.charge|price }}</dd>
                   </dl>                    </dl>
                   <dl class="ec-totalBox__spec">                    <dl class="ec-totalBox__spec">
                       <dt>{{ '送料'|trans }}</dt>                        <dt>{{ '送料'|trans }}</dt>
                       <dd>{{ Order.deliveryFeeTotal|price }}</dd>                        <dd>{{ Order.deliveryFeeTotal|price }}</dd>
                   </dl>                    </dl>
                   <dl class="ec-totalBox__spec">                    <dl class="ec-totalBox__spec">
                       <dt>{{ '値引き'|trans }}</dt>                        <dt>{{ '値引き'|trans }}</dt>
                       <dd>{{ (0 - Order.discount)|price }}</dd>                        <dd>{{ (0 - Order.discount)|price }}</dd>
                   </dl>                    </dl>
                   <div class="ec-totalBox__total">{{ '合計'|trans }}<span class="ec-totalBox__price">{{ Order.total|price }}</span><span class="ec-totalBox__taxLabel">{{ '税込'|trans }}</span></div>                    <div class="ec-totalBox__total">{{ '合計'|trans }}<span class="ec-totalBox__price">{{ Order.total|price }}</span><span class="ec-totalBox__taxLabel">{{ '税込'|trans }}</span></div>
                   {% if BaseInfo.isOptionPoint and Order.Customer is not null %}                    {% if BaseInfo.isOptionPoint and Order.Customer is not null %}
                       <dl class="ec-totalBox__spec">                        <dl class="ec-totalBox__spec">
                           <dt>{{ 'ご利用ポイント'|trans }}</dt>                            <dt>{{ 'ご利用ポイント'|trans }}</dt>
                           <dd>{{ Order.UsePoint|number_format }} pt</dd>                            <dd>{{ Order.UsePoint|number_format }} pt</dd>
                       </dl>                        </dl>
                       <dl class="ec-totalBox__spec">                        <dl class="ec-totalBox__spec">
                           <dt><span class="ec-font-bold">{{ '加算ポイント'|trans }}</span></dt>                            <dt><span class="ec-font-bold">{{ '加算ポイント'|trans }}</span></dt>
                           <dd><span class="ec-font-bold">{{ Order.AddPoint|number_format }} pt</span></dd>                            <dd><span class="ec-font-bold">{{ Order.AddPoint|number_format }} pt</span></dd>
                       </dl>                        </dl>
                   {% endif %}                    {% endif %}
                   <div class="ec-totalBox__btn">                    <div class="ec-totalBox__btn">
                       <button type="submit" class="ec-blockBtn--action">{{ '確認する'|trans }}</button>                        <button type="submit" class="ec-blockBtn--action">{{ '確認する'|trans }}</button>
                       <a href="{{ url("cart") }}" class="ec-blockBtn--cancel">{{ 'カートに戻る'|trans }}</a>                        <a href="{{ url("cart") }}" class="ec-blockBtn--cancel">{{ 'カートに戻る'|trans }}</a>
                   </div>                    </div>
               </div>                </div>
           </div>            </div>
       </div>        </div>
   </form>    </form>
{% endblock %} {% endblock %}