{#
This file is part of EC-CUBE
Copyright(c) EC-CUBE CO.,LTD. All Rights Reserved.
http://www.ec-cube.co.jp/
For the full copyright and license information, please view the LICENSE
file that was distributed with this source code.
#}
{% extends 'default_frame.twig' %}
{% set body_class = 'product_page' %}
{% block main %}
<div id="contents_wrapper">
<aside id="lmenu" data-layout="mypage-layout">
<ul id="Menu">
<li style="margin-bottom:0px;"><a href="{{ url('mypage') }}" class="mypage">マイページTOP</a></li>
<li style="margin-bottom:0px;"><a class="ti01" style="height:19px;">基本ステップ</a></li>
<li class="mypage-link"><a href="{{ url('mypage_favorite') }}" class="step1"><span>1</span>お気に入りリスト</a></li>
<li class="mypage-link"><a href="{{ url('mypage/history') }}" class="step2"><span>2</span>購入履歴(名入れ無し)</a></li>
<li class="mypage-link"><a href="{{ url('mypage/mhistory') }}" class="step3"><span>3</span>購入履歴(名入れ有り)</a></li>
<li class="mypage-link active"><a href="{{ url('mypage/chistory') }}" class="step4"><span>4</span>サンプル貸出し履歴</a></li>
<li class="mypage-link"><a href="{{ url('mypage_contact') }}" class="step5"><span>5</span>当社へのご連絡</a></li>
<li class="mypage-link"><a href="{{ url('mypage_update') }}" class="step6"><span>6</span>登録情報の変更</a></li>
</ul>
<style> a:hover .hover_img1 { opacity: 0.7; filter: alpha(opacity=70); } </style>
<a href="{{url('add_catalog')}}"><img class="hover_img1" src="https://img0.land-mark.biz/ut_img/public_images/lmenu/catalog.jpg" alt="カタログ請求" width="165" height="170"></a>
</aside>
<main id="contents" style="position: relative;">
{# 会員情報 #}
{% include '/Mypage/customer_info.twig' %}
<img src="https://img0.land-mark.biz/ut_img/public_images/mypage/step4_title.gif" alt="サンプル申込み履歴のご確認" width="803" height="79"><br>
<div style="padding:15px 0px;">
{% if orderList|length > 0 %}
{# pagenavi #}
{% set displine = 'bottom' %}
{% include '/Mypage/pagenavi.twig' %}
{# pagenavi end #}
{% for key, order in orderList %}
<br><div class="list_midashi">{{order.no}}件目</div>
<table border="0" cellspacing="1" cellpadding="0" width="100%" class="tstyle">
<tr>
<td style="line-height: 160%;">
<strong>ご注文番号:{{order.order}}</strong><br>
<strong>ご注文日時:{{order.date}}</strong><br>
{% if order.spr_pdate is not null %}
<div style="display:table;">
<div style="display:table-row;">
<div style="display:table-cell; padding-right:12px; white-space:nowrap;">
<strong>ご注文ステータス:</strong>
</div>
<div style="display:table-cell; width:100%;">
{% for shipping_info in order.shipping_infos %}
{% if shipping_info.spr_sendsheet %}
{% if shipping_info.spr_sendsheet != '000000000000' %}
{% set spr_sendsheet = '追跡番号#' ~ shipping_info.spr_sendsheet %}
{% if shipping_info.spr_csv == 2 or shipping_info.spr_csv == 3 or shipping_info.spr_yamato == 1 %}
{% set send_sheet_url = "https://member.kms.kuronekoyamato.co.jp/parcel/detail?pno=" ~ shipping_info.spr_sendsheet %}
{% else %}
{% set send_sheet_url = "http://k2k.sagawa-exp.co.jp/p/web/okurijosearch.do?okurijoNo=" ~ shipping_info.spr_sendsheet %}
{% endif %}
<div>
<strong style="margin-right:4px;">出荷済み</strong>
<a href="{{send_sheet_url}}" style="color:#0f2eff; display:inline-block; max-width:100%;" target="_blank">
<strong>{{spr_sendsheet}}</strong>
</a>
</div>
{% else %}
<strong>出荷済み</strong>
{% endif %}
{% endif %}
{% endfor %}
</div>
</div>
</div>
{% else %}
<strong>ご注文ステータス:注文受付</strong><br>
{% endif %}
</td>
<td style="line-height: 160%;"></td>
<td align="right"></td>
</tr>
</table>
{#{ goodsList|json_encode() }#}
{# 購入明細表示 #}
{% if order.oh_catalog_id is not null or order.order_catalog_list is not null %}
<table border="0" cellspacing="1" cellpadding="2" width="100%" class="tstyle" style="border-bottom: 1px solid #CCCCCC;">
<tr align="center">
<td align="center" bgcolor="#CCCCCC">カタログ名</td>
</tr>
<tr>
<td align="left">
{{ goodsList[order.no].catalog_title|nl2br }}
</td>
</tr>
</table>
{% endif %}
{% if order.oh_type == 4 %}
<table border="0" cellspacing="1" cellpadding="2" width="100%" class="tstyle" style="border-bottom: 1px solid #CCCCCC;">
<tr align="center">
<td align="center" bgcolor="#CCCCCC">NO.</td>
<td align="center" bgcolor="#CCCCCC">イメージ</td>
<td align="center" bgcolor="#CCCCCC">商品名</td>
<td align="center" bgcolor="#CCCCCC">商品番号</td>
<td align="center" bgcolor="#CCCCCC">サイズ</td>
<td align="center" bgcolor="#CCCCCC">カラー</td>
<td align="center" bgcolor="#CCCCCC">単価</td>
<td align="center" bgcolor="#CCCCCC">数量</td>
<td align="center" bgcolor="#CCCCCC">小計</td>
</tr>
{% set cnt = 0 %}
{% for detail in goodsList[order.no].goods %}
{% set cnt = cnt +1 %}
<tr>
<td align="right">{% if cnt > 0 %}{{cnt}}{% endif %}</td>
<td align="center">{% if cnt > 0 and detail.imgNo is defined %}<img src="https://img0.land-mark.biz/goods.img/{{detail.imgNo}}/{{detail.goods_id}}/main_sum.jpg" border="0" width="28" alt="商品ページを開く">{% endif %}</td>
<td align="left">
{% if cnt > 0 %}
{#{ detail|json_encode() }#}
{% if detail.goods_status == 1 and detail.goods_ddate == '' %}
<a href="/item/{{detail.goods_id}}.html" target="_blank">{{detail.goods_name}}</a>
{% else %}
{{detail.goods_name}}<span style="color:red">(廃番)</span>
{% endif %}
{% endif %}
</td>
<td align="left">{{detail.gp_kataban}}<br></td>
<td align="left">{{detail.size_name}}<br></td>
<td align="left">{{detail.color_name}}<br></td>
<td align="right">{{detail.ogl_tanka|number_format}}円<br></td>
<td align="right">{{detail.ogl_amount|number_format}}個<br></td>
<td align="right">{{(detail.ogl_tanka * detail.ogl_amount)|number_format}}円<br></td>
</tr>
{% endfor %}
</table>
{% endif %}
{% endfor %}
{# pagenavi #}
{% set displine = 'top' %}
{% include '/Mypage/pagenavi.twig' %}
{# pagenavi end #}
</div>
<br class="clear" />
{% else %}
<div style="padding-top:15px;">購入履歴はありません。<br></div>
{% endif %}
</main>
</div>
{% endblock %}
{% block stylesheet %}
<link rel="stylesheet" href="/stylesheets/mypage.css?20230104">
<style>
table#icon {
counter-reset: menu-num 0;
}
table#icon > tbody > tr > td > a {
position: relative;
display: inline-block;
}
table#icon > tbody > tr > td > a::before {
counter-increment: menu-num 1;
content: counter(menu-num);
position: absolute;
top: 10px;
left: 11px;
line-height: 36px;
font-size: 25px;
font-weight: bold;
color: #444;
width: 36px;
height: 36px;
background: white;
border-radius: 18px;
}
</style>
<style>
body {
color: #000;
}
hr {
border-color: #666;
}
</style>
<link href="/stylesheets/topcss.min.css" rel="stylesheet" type="text/css" />
<link href="/stylesheets/base_stylesheet2.css" rel="stylesheet" type="text/css" />
<link href="/stylesheets/sp_common.css" rel="stylesheet" type="text/css" />
<link href="/stylesheets/menu.min.css" rel="stylesheet" type="text/css" />
<link href="/stylesheets/brandpage.min.css?20200617_01" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="/stylesheets/first_view.css?20180302_01" />
<link href="https://use.fontawesome.com/releases/v5.6.1/css/all.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="/stylesheets/jquery.fbnr.css?20170629_01">
{% endblock %}
{% block javascript %}
<script type="text/javascript" src="/javascripts/jquery.fbt.js?20200715_01"></script>
<script type="text/javascript">
$(function() {
$(window).on('scroll', function(e) {
var $this = $('.fbnr,.fbnr2');
var scrollTop = $(window).scrollTop();
if (scrollTop >= 200) {
$this.addClass('fixed');
} else {
$this.removeClass('fixed');
}
});
});
</script>
{% endblock %}