<ul id="use_Coupon" class="customer_check_list up">
{% for Coupon in couponPro %}
<!-- ☆☆ CHECK ONE ☆☆-->
<li class="one_check type_check" style="margin-right: auto;">
<a {% if Coupon.trans_url %} href="{{ Coupon.trans_url }}" target="_blank" {% endif %} style="text-decoration: none; color: inherit;">
<aside class="coupon_box type-{{Coupon.CouponKind.id == 2 ? 'percent' : 'yen'}}_off" style="display: flex; flex-direction: column; height: 100%">
<div class="coupon_titlebox">
<p class="tiny">{{Coupon.coupon_name}}</p>
<h5 class="coupon_title">{{Coupon.CouponKind.id == 2 ? Coupon.discount_rate : (Coupon.discount_price | round )}}{{Coupon.CouponKind.id == 2 ? '%':'円'}}
OFF</h5>
</div>
<!-- /// .coupon_titlebox *** /// -->
<div class="coupon_main" style="flex: 1;">
<p class="coupon_caution">有効期限:{{ Coupon.available_to|date('Y年n月j日') }}まで</p>
<div class="coupon-wrap-list-sub">
<div>
<dl class="coupon_detail">
<dt>{{ 'front.mypage.coupon.terms_of_use'|trans }}</dt>
<dd>
{% set useConditions = [] %}
{% if Coupon.issued %}
{% set useConditions = useConditions|merge(['front.mypage.coupon.issued_format'|trans({'%issued%':Coupon.issued})]) %}
{% endif %}
{% if Coupon.min_price %}
{% set useConditions = useConditions|merge([Coupon.min_price|number_format~'front.mypage.coupon.min_price_format'|trans]) %}
{% endif %}
{% if Coupon.customer_available %}
{% set useConditions = useConditions|merge(['front.mypage.coupon.customer_available'|trans({'%customer_available%':Coupon.customer_available})]) %}
{% endif %}
{% if useConditions is empty %}
{{ 'front.mypage.coupon.terms_of_use.nothing'|trans }}
{% else %}
{{ useConditions|join('、') }}
{% endif %}
</dd>
</dl>
<dl class="coupon_detail">
<dt>{{ 'front.mypage.coupon.target_category'|trans }}</dt>
<dd>
{% if Coupon.getTargetCategories is not empty %}
{% for CategoryId, CategoryName in Coupon.getTargetCategories|slice(0, 3, true) %}
{% if not loop.first %}
、
{% endif %}
<object>{{ CategoryName }}</object>
{% endfor %}
{% if Coupon.getTargetCategories | length > 3 %}
など
{% endif %}
{% else %}
{{ 'front.mypage.coupon.terms_of_use.nothing'|trans }}
{% endif %}
</dd>
</dl>
<dl class="coupon_detail">
<dt>{{ 'common.coupon.target_product'|trans }}</dt>
<dd>
{% if Coupon.getTargetProducts is not empty %}
{% for ProductId, ProductName in Coupon.getTargetProducts|slice(0, 3, true) %}
{% if not loop.first %}
、
{% endif %}
{% if Coupon.issued %}
<object>{{ ProductName }}</object>
{% else %}
<object>
<a class="coupon-wrap-list-sub-link" href="/product/{{ ProductId }}">
{{ ProductName }}
</a>
</object>
{% endif %}
{% endfor %}
{% if Coupon.getTargetProducts | length > 3 %}
など
{% endif %}
{% else %}
{{ 'front.mypage.coupon.terms_of_use.nothing'|trans }}
{% endif %}
</dd>
</dl>
</div>
</div>
<!-- /// .coupon_main *** /// -->
<!-- /// *** .coupon_box *** /// -->
</div>
</aside>
</a>
</li>
{% endfor %}
<!-- /// *** .customer_check_list *** /// -->
</ul>