<div class="ec-drawerRole">
{{ render(path('block_search_product')) }}
<div class="link-list">
<a href="https://lin.ee/5FbNJH7s" target="_blank" class="link line">
<img src="{{ asset('assets/img/common/logo-line.svg') }}" alt="">
<span>お友達追加</span>
</a>
{% if is_granted('ROLE_USER') %}
<a href="{{ url('mypage') }}" class="link">
<img src="{{ asset('assets/img/common/ic-user.png') }}" alt="">
<span>マイページ</span>
</a>
{# {% if BaseInfo.option_favorite_product %}
<a href="{{ url('mypage_favorite') }}" class="link" style="display: flex;">
<i class="ec-headerNav__itemIcon far fa-heart fa-fw" style="color: #fff;font-size: 2rem;"></i>
<span>お気に入り</span>
</a>
{% endif %} #}
{% else %}
<a href="{{ url('mypage_login') }}" class="link">
<img src="{{ asset('assets/img/common/ic-user.svg') }}" alt="">
<span>ログイン</span>
</a>
{% endif %}
<a href="{{ url('cart') }}" class="link">
<img src="{{ asset('assets/img/common/ic-cart.svg') }}" alt="">
<span>カートを見る</span>
</a>
<a href="{{ url('contact') }}" class="link">
<img src="{{ asset('assets/img/common/ic-mess.svg') }}" alt="">
<span>お問い合わせ</span>
</a>
</div>
<div class="list-nav">
<div class="group">
<a class="nav-btn">
<span>商品を探す</span>
</a>
<div class="list-item">
<a href="{{ url('product_list') }}?category_id=8">商品一覧トップ</a>
<a href="{{ url('product_recommend') }}">おすすめ商品</a>
<a href="{{ url('loan') }}">自社ローン対象商品</a>
</div>
</div>
<div class="group">
<a class="nav-btn">
<span>工事のみのご依頼</span>
</a>
<div class="list-item">
<a href="{{ url('construction_only') }}">工事のみのご依頼トップ</a>
<a href="{{ url('new-replace') }}">新設・交換工事について</a>
<a href="{{ url('electrical') }}">電気工事について</a>
</div>
</div>
<div class="group">
<a class="nav-btn">
<span>エアココについて</span>
</a>
<div class="list-item">
<a href="{{ url('user_data', {'route': 'strengths'}) }}">エアココの強み</a>
<a href="{{ url('user_data', {'route': 'strengths'}) }}#voice">お客様の声</a>
<a href="{{ url('faq') }}">よくある質問</a>
<a href="{{ url('user_data', {'route': 'sdgs'}) }}">SDGs</a>
</div>
</div>
<div class="group">
<a href="{{ url('columns') }}">
<span>お役立ち情報</span>
</a>
</div>
<script>
$(document).ready(function() {
$(".nav-btn").click(function() {
$(this).toggleClass("active");
$(this).next(".list-item").toggleClass("active");
});
});
</script>
</div>
</div>