app/template/user_data/mypage/mypage_index.twig line 1

Open in your IDE?
  1. {% extends '@user_data/layout/default_frame.twig' %}
  2. {% block title %}
  3.     マイページ | こだわり品質【小ロット1個から】ZEAMI Goods
  4. {% endblock %}
  5. {% block js %}
  6.     <script>
  7.         const WORKING_TIME = {{ working_time|json_encode|raw }};
  8.     </script>
  9.     <script src="{{ asset('assets/js/holiday_calender.js') }}" type="text/javascript"></script>
  10.     <script src="{{ asset('assets/js/home/order_mypage.js') }}" type="text/javascript"></script>
  11. {% endblock %}
  13. {% block css %}
  14.     <style>
  15.         .button-export {
  16.             text-decoration: none; 
  17.             border: 2px solid #ff7900;
  18.             border-radius: 16px;
  19.             height: 22px; 
  20.             display: flex; 
  21.             align-items: center; 
  22.             padding-left: 10px; 
  23.             padding-right: 10px;
  24.             font-size: 11px;
  25.             cursor: pointer;
  26.             margin-right: 6px
  27.         }
  28.     </style>
  29. {% endblock %}
  31. {% block content %}
  32.     <!-- ▼▼ MAIN CONTENTS __________________________________________________________________________________________________ ▼▼ -->
  33.     <main
  34.         id="mainContents">
  37.         <!-- // == MAIN ================================================================================ // -->
  38.         <section
  39.             id="Mypage" class="section_basic">
  41.             <!-- // ++ ページタイトル ++ /////////////////////////////////////////////////////////////// -->
  42.             <div id="section_titleBloc" class="fades">
  43.                 <h3 class="section_title up">マイページ/ご注文履歴・再注文</h3>
  44.                 <!-- ///// #section_titleBloc +++++ ///// -->
  45.             </div>
  48.             {% include '@user_data/components/mypage-subnavi.twig' %}
  50.             <!-- // ++ 会員：名前と所持ポイント ++ /////////////////////////////////////////////////////////////// -->
  51.             {% include '@user_data/components/mypage/point.twig' %}
  53.             <!-- // ++ 所持クーポン ++ /////////////////////////////////////////////////////////////// -->
  54.             <div class="one_box up">
  55.                 <h4 class="cart_table_title up">所持クーポン</h4>
  56.                 {% include '@user_data/components/mypage/coupon.twig' %}
  57.             </div>
  59.             <!-- //// **** .one_box **** //// -->
  62.             <!-- // ++ ご注文履歴 ++ /////////////////////////////////////////////////////////////// -->
  63.             <div class="one_box up">
  64.                 <h4 class="cart_table_title up">ご注文履歴</h4>
  66.                 {% for Order in pagination %}
  67.                     <!-- ■■ ++ 履歴 ++ ■■ \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ -->
  68.                     {% for Shipping in Order.Shippings %}
  69.                         <div id="cart_tableBox" class="fades">
  70.                             <table id="mypage_headlineTable" cellpadding="0" cellspacing="0">
  71.                                 <tbody>
  72.                                     <tr>
  73.                                         {% set day_names = ['日', '月', '火', '水', '木', '金', '土'] %}
  74.                                         {% set dateOrder = Order.order_date|date('Y年n月j日') %}
  75.                                         {% set weekdayOrder = Order.order_date|date('w') %}
  76.                                         <td class="order_date">ご注文日：{{ dateOrder ~ '（' ~ day_names[weekdayOrder] ~ '）' }}</td>
  77.                                         <td class="order_confirm">注文確定日：
  78.                                             {% if Order.order_in_progress %}
  79.                                                 {% set dateConfirm = Order.order_in_progress|date('Y年n月j日') %}
  80.                                                 {% set weekdayConfirm = Order.order_in_progress|date('w') %}
  81.                                                 {{ dateConfirm ~ '（' ~ day_names[weekdayConfirm] ~ '）' }}
  82.                                             {% else %}
  83.                                                 未確定
  84.                                             {% endif %}
  86.                                     
  87.                                         </td>
  88.                                         {% set maxTotalDayDelivery = Order.OrderItems[0].total_day_delivery %}
  89.                                         <td class="delivery_date" data-confirm-date="{{ Order.order_in_progress|date_sec }}" data-remove-sixpm="{{ true }}" data-order-date="{{ Order.order_date|date_sec }}" {% for Item in Order.OrderItems %} {% if Item.total_day_delivery > maxTotalDayDelivery %} {% set maxTotalDayDelivery = Item.total_day_delivery %} {% endif %} {% endfor %} data-total-day-delivery="{{ maxTotalDayDelivery }}">
  90.                                             発送予定日：<span id="delivery-date"></span>
  91.                                         </td>
  92.                                         <td style="text-align: right; padding-right: 10px">注文番号：{{Order.order_no}}</td>
  93.                                         {# {% for Shipping in Order.Shippings %}
  94.                                                                                                                         <td class="delivery_date">発送予定日：
  95.                                                                                                                             {{ Shipping.shipping_delivery_date 
  96.                                                                                                                                 ? Shipping.shipping_delivery_date|date_day_with_weekday 
  97.                                                                                                                                 : (Shipping.shipping_delivery_date_text ?: 'common.select__unspecified'|trans) }}
  98.                                                                                                                         </td>
  99.                                                                                                                     {% endfor %}
  100.                                                                                                                     <td class="order_num"></td>
  101.                                                                                                                     <td class="btn_order_detail">
  102.                                                                                                                         注文番号：{{ Order.order_no }}
  103.                                                                                                                         {# <a href="#">
  104.                                                                                                                                                                 <img src="{{ asset('assets/img/btn-order_detail.png') }}" alt="注文詳細を見る">
  105.                                                                                                                                                             </a> #}
  106.                                     </tr>
  107.                                 </tbody>
  108.                             </td>
  109.                         </tr>
  110.                     </tbody>
  111.                 </table>
  112.                 <!-- ///// #mypage_headlineTable +++++ ///// -->
  114.                 <table id="cart_indexTable" cellpadding="0" cellspacing="0">
  115.                     <tbody>
  116.                         <tr>
  117.                             <th class="detail" colspan="3">商品内容</th>
  118.                             <th class="subtotal">小計</th>
  119.                         </tr>
  120.                         {% set total = 0 %}
  123.                         {% for OrderItem in Order.OrderItems %}
  124.                             <!-- // *** 商品情報 ****************************************************** // -->
  125.                             {% if OrderItem.Product %}
  126.                                 <tr class="cart_detail">
  127.                                     <td
  128.                                         class="cart_thumb">
  129.                                         <!-- ■■  ++ サムネイル ++ ■■ -->
  130.                                         <figure class="item_thumb">
  131.                                             {% if OrderItem.product.icon is not empty %}
  132.                                                 <img src="{{ asset(OrderItem.product.icon|no_image_product, 'save_image') }}" alt="ミラーコート">
  133.                                             {% else %}
  134.                                                 <img src="{{ asset('assets/img/mirror_coat.png') }}" alt="ミラーコート">
  135.                                             {% endif %}
  136.                                         </figure>
  137.                                     </td>
  138.                                     <!-- /// *** .cart_thumb *** /// -->
  140.                                     <td
  141.                                         class="cart_itemdata">
  142.                                         <!-- ■■  ++ 商品詳細 ++ ■■ -->
  143.                                         {% set firstCategory = OrderItem.Product.productCategories|first %}
  144.                                         <h5 class="item_name">{{ OrderItem.Product.is_sample ? 'サンプル' : (firstCategory and firstCategory.Category ? firstCategory.Category.name : 'サンプル')}} {{ OrderItem.product_name }}</h5>
  145.                                         <p>総発注数量<span>{{ OrderItem.quantity }}枚</span>
  146.                                         </p>
  147.                                     </td>
  148.                                     <!-- /// *** .cart_itemdata *** /// -->
  150.                                     <td
  151.                                         class="cart_item_detail">
  152.                                         <!-- ■■  ++ データ入稿する ++ ■■ -->
  153.                                         <p class="btn_itemdetail">
  154.                                             {% if OrderItem.Product.is_sample == false %}
  155.                                             <a href="/detail/{{ OrderItem.id }}/order">
  156.                                                 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="290" height="30.333" viewbox="0 0 290 30.333">
  157.                                                     <defs>
  158.                                                         <clipPath id="clip-path">
  159.                                                             <rect id="長方形_1058" data-name="長方形 1058" width="18.696" height="15.199" fill="#fffaea"/>
  160.                                                         </clipPath>
  161.                                                     </defs>
  162.                                                     <rect id="長方形_2882" data-name="長方形 2882" width="290" height="30.333" rx="15.167" fill="#ff7900"/>
  163.                                                     <text id="注文内容を確認する_再注文する" data-name="注文内容を確認する・再注文する" transform="translate(42.508 21.333)" fill="#fffaea" font-size="15" font-family="YuGothicUI-Regular, Yu Gothic UI">
  164.                                                         <tspan x="0" y="0">注文内容を確認する・再注文する</tspan>
  165.                                                     </text>
  166.                                                     <g id="グループ_1433" data-name="グループ 1433" transform="translate(18.911 7.567)">
  167.                                                         <g id="グループ_276" data-name="グループ 276" clip-path="url(#clip-path)">
  168.                                                             <path id="パス_308" data-name="パス 308" d="M22.645,4.008H20.592l-5.529,8.12h-6a.557.557,0,0,0,0,1.114h6.591l5.53-8.121h1.463a.556.556,0,1,0,0-1.113" transform="translate(-4.507 -2.124)" fill="#fffaea"/>
  169.                                                             <path id="パス_309" data-name="パス 309" d="M1.819,8.454a.909.909,0,1,0-.911.908.91.91,0,0,0,.911-.908" transform="translate(0 -3.998)" fill="#fffaea"/>
  170.                                                             <path id="パス_310" data-name="パス 310" d="M6.73,7.545a.908.908,0,1,1-.91.909.909.909,0,0,1,.91-.909" transform="translate(-3.084 -3.998)" fill="#fffaea"/>
  171.                                                             <path id="パス_311" data-name="パス 311" d="M25.218,9.363a.908.908,0,1,0-.911-.908.907.907,0,0,0,.911.908" transform="translate(-12.881 -3.999)" fill="#fffaea"/>
  172.                                                             <path id="パス_312" data-name="パス 312" d="M4.164,11.893a.909.909,0,1,1-.909.91.91.91,0,0,1,.909-.91" transform="translate(-1.725 -6.302)" fill="#fffaea"/>
  173.                                                             <path id="パス_313" data-name="パス 313" d="M9.078,12.8a.908.908,0,1,0,.908-.91.909.909,0,0,0-.908.91" transform="translate(-4.811 -6.302)" fill="#fffaea"/>
  174.                                                             <path id="パス_314" data-name="パス 314" d="M21.557,12.8a.909.909,0,1,0,.908-.91.909.909,0,0,0-.908.91" transform="translate(-11.424 -6.302)" fill="#fffaea"/>
  175.                                                             <path id="パス_315" data-name="パス 315" d="M7.963,17.267a.908.908,0,1,0-.908.909.908.908,0,0,0,.908-.909" transform="translate(-3.257 -8.668)" fill="#fffaea"/>
  176.                                                             <path id="パス_316" data-name="パス 316" d="M13.263,16.358a.909.909,0,1,0,.907.91.909.909,0,0,0-.907-.91" transform="translate(-6.546 -8.669)" fill="#fffaea"/>
  177.                                                             <path id="パス_317" data-name="パス 317" d="M19.53,16.358a.909.909,0,1,0,.91.91.909.909,0,0,0-.91-.91" transform="translate(-9.868 -8.669)" fill="#fffaea"/>
  178.                                                             <path id="パス_318" data-name="パス 318" d="M8.569,25.243a1.667,1.667,0,1,0,1.665,1.666,1.666,1.666,0,0,0-1.665-1.666m0,2.2a.538.538,0,1,1,.537-.537.537.537,0,0,1-.537.537" transform="translate(-3.658 -13.377)" fill="#fffaea"/>
  179.                                                             <path id="パス_319" data-name="パス 319" d="M20.821,25.243a1.667,1.667,0,1,0,1.667,1.666,1.664,1.664,0,0,0-1.667-1.666m0,2.2a.538.538,0,1,1,.538-.537.539.539,0,0,1-.538.537" transform="translate(-10.151 -13.377)" fill="#fffaea"/>
  180.                                                             <path id="パス_320" data-name="パス 320" d="M15.455,13.781a.909.909,0,1,0,1.818,0" transform="translate(-8.19 -7.303)" fill="#fffaea"/>
  181.                                                             <path id="パス_321" data-name="パス 321" d="M14.1,0a2.921,2.921,0,1,0,2.92,2.921A2.919,2.919,0,0,0,14.1,0m1.493,3.392H14.569V4.413a.47.47,0,1,1-.94,0V3.392H12.605a.466.466,0,0,1-.465-.44.1.1,0,0,1,0-.029.471.471,0,0,1,.47-.471h1.023V1.428a.471.471,0,0,1,.439-.466l.032,0a.469.469,0,0,1,.469.469V2.451h1.024a.47.47,0,1,1,0,.94" transform="translate(-5.924)" fill="#fffaea"/>
  182.                                                         </g>
  183.                                                     </g>
  184.                                                 </svg>
  186.                                                 {# <img src="{{ asset('assets/img/btn-reorder-new.png') }}" alt="再注文する・注文詳細を見る"> #}
  187.                                             </a>
  188.                                             {% endif %}
  189.                                         </p>
  190.                                     </td>
  191.                                     <!-- /// *** .cart_item_detail *** /// -->
  193.                                     <td
  194.                                         class="cart_price">
  195.                                         <!-- ■■  ++ 商品価格 ++ ■■ -->
  196.                                         <p>{{ (OrderItem.quantity * OrderItem.price_inc_tax)|price }}<span>(税込)</span>
  197.                                             {% set total = total + (OrderItem.quantity * OrderItem.price_inc_tax) %}
  198.                                         </p>
  199.                                     </td>
  200.                                     <!-- /// *** .cart_price *** /// -->
  202.                                     <!-- //// .cart_detail **** //// -->
  203.                                 </tr>
  204.                             {% endif %}
  205.                         {% endfor %}
  207.                         <!-- // *** その他 ****************************************************** // -->
  208.                         <tr class="mypage_tabletotal">
  209.                             <td colspan="4" class="other_subtotal">
  210.                                 <p class="up">その他
  211.                                     <span class="total_price">{{ (Order.delivery_fee_total + Order.charge)|price }}</span>
  212.                                     <span class="tax">(税込)</span>
  213.                                 </p>
  214.                             </td>
  215.                             <!-- //// .cart_detail **** //// -->
  216.                         </tr>
  218.                         {# {% if Order.pay_more != 0 %}            
  219.                         <tr class="mypage_tabletotal">
  220.                             <td colspan="4" class="other_subtotal">
  221.                                     <p class="up">
  222.                                         {% if Order.is_credit_pay_more %}
  223.                                             <a href='/shopping/payment_additional/credit_card/{{Order.id}}'> 追加料金 </a>
  224.                                         {% elseif Order.pay_more < 0 %}
  225.                                             <span>返金</span>
  226.                                         {% else %}
  227.                                             <span>追加料金</span>
  228.                                         {% endif %}
  229.                                         <span class="total_price" style="color: red">{{Order.pay_more|price}}</span>
  230.                                         <span class="tax">(税込)</span>
  231.                                     </p>
  232.                             </td>
  233.                             <!-- //// .cart_detail **** //// -->
  234.                         </tr>
  235.                         {% endif %} #}
  237.                         <!-- // *** 総合計 ****************************************************** // -->
  238.                         <tr class="mypage_tabletotal">
  239.                             <td colspan="4" class="all_total">
  240.                                 <p class="up">合計<span class="total_price">{{Order.total|price}}</span>
  241.                                     <span class="tax">(税込)</span>
  242.                                 </p>
  243.                             </td>
  244.                             <!-- //// .cart_detail **** //// -->
  245.                         </tr>
  247.                         <!-- // *** ご注文状況 ****************************************************** // -->
  248.                         <tr class="mypage_order_status">
  249.                             <td colspan="3" class="btn_list">
  250.                                 <ul class="dw_btnlist fades">
  251.                                     {% set shipping_ids = [] %}
  252.                                         {% set is_shiped = false %}
  254.                                         {% for shipping in  Order.Shippings %}
  255.                                             {% set shipping_ids = shipping_ids | merge([shipping.id]) %}
  256.                                             {% if shipping.shipping_date %}    
  257.                                                 {% set is_shiped = true %}
  258.                                             {% endif %}
  259.                                         {% endfor %}
  260.                                     {% set ids_string  = shipping_ids | join(',') %}
  262.                     
  263.                                         {# Báo giá #}
  264.                                         <div class="button-export" onclick="exportPdf('quotation', '{{Order.id}}')"> 
  265.                                             <img src="{{ asset('assets/img/icon_download.svg') }}" height="10"> 
  266.                                             <div style="color: #ff7900; padding-left: 4px">見積書をダウンロード</div> 
  267.                                         </div>
  268.                                     {% if Order.OrderStatus.id == 4 or  Order.OrderStatus.id == 6 or Order.OrderStatus.id == 5 %}
  269.                                             <div class="button-export" onclick="exportPdf('receipt', '{{Order.id}}')"> 
  270.                                                 {# biên lai #}
  271.                                                 <img src="{{ asset('assets/img/icon_download.svg') }}" height="10"> 
  272.                                                 <div style="color: #ff7900; padding-left: 4px">領収書をダウンロード</div> 
  273.                                             </div>
  274.                                             <div class="button-export" onclick="exportPdf('invoice', '{{Order.id}}')"> 
  275.                                                 {# Hoá đơn #}
  276.                                                 <img src="{{ asset('assets/img/icon_download.svg') }}" height="10"> 
  277.                                                 <div style="color: #ff7900; padding-left: 4px">請求書をダウンロード</div> 
  278.                                             </div>
  279.                                         {% if  Order.OrderStatus.id == 5 and is_shiped %}
  280.                                             {# Phiếu giao hàng #}
  281.                                                 {# <li
  282.                                                     class="up">
  283.                                                     <a target="_blank" class="btn btn-ec-actionIcon pdf-print" href="{{ url('mypage_order_export_pdf') }}?ids={{ ids_string }}&delivery=1">
  284.                                                         <img src="{{ asset('assets/img/btn-dw_delivery_slip.png') }}" alt="納品書をダウンロード">
  285.                                                     </a> 
  286.                                                 </li> #}
  288.                                                 <div class="button-export" onclick="exportPdf('delivery', '{{Order.id}}')"> 
  289.                                                     <img src="{{ asset('assets/img/icon_download.svg') }}" height="10"> 
  290.                                                 <div style="color: #ff7900; padding-left: 4px">納品書をダウンロード</div> 
  291.                                             </div>
  292.                                         {% endif %}
  294.                                     {% endif %}
  295.                                     <!-- //// .dw_btnlist **** //// -->
  296.                                 </ul>
  297.                             </td>
  298.                             {% if Shipping.shipping_date %}
  299.                             <td colspan="2" class="order_status">
  300.                                 <p>
  301.                                     ご注文状況
  302.                                     <span style="color: #FF7900">
  303.                                     {% set dateShipping = Shipping.shipping_date|date('Y年n月j日') %}
  304.                                     {% set weekdayShipping = Order.order_in_progress|date('w') %}
  305.                                     {{ dateShipping ~ '（' ~ day_names[weekdayShipping] ~ '）' }}
  306.                                     に発送しました</span>
  307.                                 </p>
  308.                             </td>
  309.                             {% else %}
  310.                             <td colspan="2" class="order_status">
  311.                                 <p class="up">ご注文状況
  312.                                 {% if Order.OrderStatus.id == 3 %}
  313.                                     <span class="completed" style="color: red">注文取消し</span>
  314.                                 {% elseif Order.data_status_id == 1 %}
  315.                                     <span class="completed" style="color: #e74c3c">データ入稿待ち</span>
  316.                                 {% elseif Order.data_status_id == 2 %}
  317.                                     <span class="completed" style="color: red">データ確認中</span>
  318.                                 {% else %}
  319.                                     <span class="completed" style="color: {{Order.order_status_color.name}}">{{ Order.CustomerOrderStatus }}</span>
  320.                                 {% endif %}
  321.                                 </p>
  322.                             </td>
  323.                             {% endif %}
  324.     
  325.                             
  326.                             
  327.                             <!-- //// .cart_detail **** //// -->
  328.                         </tr>
  329.                     </tbody>
  330.                 </table>
  331.                 <!-- //// ++++ #cart_indexTable ++++ //// -->
  332.                 <!-- ///// #cart_tableBox +++++ ///// -->
  333.             </div>
  334.         {% endfor %}
  335.         <!-- /////////////////////////////////////////////////////// ■■ ++ 履歴 ++ ■■ -->
  336.     {% endfor %}
  338. </div>
  339. <!-- //// **** .one_box **** //// --></section><!-- ///// +++++ #Cart +++++ ///// --><!-- ///// +++++ #mainContents +++++ ///// --></main>{% endblock %}