{#
* Plugin Name : CustomerRank
*
* Copyright (C) BraTech Co., Ltd. All Rights Reserved.
* http://www.bratech.co.jp/
*
* For the full copyright and license information, please view the LICENSE
* file that was distributed with this source code.
#}
{% block stylesheet %}
<style>
#customer_rank {
width: 100%;
max-width: 1150px;
margin: 0 auto;
}
#customer_rank .heading02 {
background: #f8f8f8;
padding: 16px;
}
#customer_rank .current-rank {
font-size: 1rem;
margin-bottom: 30px;
}
#customer_rank span {
color: #c0392b;
font-weight: bold;
}
#customer_rank .rank {
color: #2981ba;
font-weight: bold;
}
#customer_rank .next_info {
background: #f7f7f9;
padding: 10px 25px;
border: 1px solid #e1e1e8;
}
#customer_rank .maginright{
margin-right: auto;
text-align: end;
}
</style>
{% endblock stylesheet %}
<!--会員ランク表示-->
{% if CurrentCustomerRank or CheckCustomerRank or NextCustomerRank%}
<div id="customer_rank">
{#<h2 class="heading02">会員ランク情報</h2>#}
<div class="container-fluid">
<div class="col-md-12 col-md-offset-1 maginright">
{% if CurrentCustomerRank %}
<p class="current-rank">現在のランクは「<span class="rank">{{ CurrentCustomerRank.name }}</span>」です。</p>
{% endif %}
{#{% if CheckCustomerRank %}#}
{# <p class="next_info">次回更新時のランクは「<span class="rank">{{ CheckCustomerRank.name }}</span>」です。</p>#}
{#{% endif %}#}
{#{% if NextCustomerRank %}#}
{#<div class="next_info">#}
{# {% set nextAmount = NextCustomerRank.condAmount - CurrentCondition.total_amount %}#}
{# {% if nextAmount > 0 %}#}
{# <p>あと <span>{{ nextAmount|number_format() }}円</span></p>#}
{# {% endif %}#}
{# {% set nextBuytimes = NextCustomerRank.condBuytimes - CurrentCondition.total_buytimes %}#}
{# {% if nextBuytimes > 0 %}#}
{# <p>あと <span>{{ nextBuytimes|number_format() }}回</span></p>#}
{# {% endif %}#}
{# {% if nextAmount > 0 or nextBuytimes > 0 %}#}
{# <p>ご購入頂くと「<span class="rank">{{ NextCustomerRank.name }}</span>」にランクアップします。</p>#}
{# {% endif %}#}
{#</div>#}
{#{% endif %}#}
</div>
</div>
</div>
{% endif %}