<div class="customize_header_area">
<div class="customize_header">
<div class="customize_header_left">
<a href="{{ url('homepage') }}">
<span>{{ 'customize.header.title'|trans }}</span>
<img id="customizeTopImage" src="{{ asset('assets/img/common/会員限定.png') }}" alt="{{ 'customize.header.image'|trans }}" />
</a>
</div>
<div class="customize_header_right">
<a href="{{ url('contact') }}">
<i class="fa-solid fa-envelope"></i>
<span>
{{ 'customize.header.contact'|trans }}
</span>
</a>
<span>|</span>
<span>
<a href="{{ asset('assets/pdf/UserGuideforBuyers.pdf') }}"
target="_blank"
rel="noopener">
{{ 'customize.header.guide'|trans }}
</a>
</span>
</div>
</div>
<div class="customize_header_search_area">
<div class="customize_header_sublogo">
<img id="customizeSubLogo" src="{{ asset('assets/img/common/KTM_logo.png') }}" alt="{{ 'customize.header.sublogo'|trans }}" />
</div>
<div class="customize_header_search">
{{ render(path('customize_block_search_product')) }}
</div>
<div class="customize_header_logininfo" data-toggle="tooltip" data-placement="top" title="マイページ">
<a href="{{ url('mypage') }}">
{% if app.user %}
<span>{{ 'customize.header.greeting'|trans }} {{ app.user.company_name }}{{ 'customize.header.honor'|trans }}</span>
{% else %}
<span>{{ 'customize.header.greeting'|trans }} {{ 'customize.header.guest'|trans }}{{ 'customize.header.honor'|trans }}</span>
{% endif %}
<span class="customize_divider">|</span>
<i class="fa-regular fa-circle-user fa-2x"></i>
</a>
</div>
{% if app.user %}
<div class="customize_header_logoutinfo" data-toggle="tooltip" data-placement="top" title="ログアウト">
<a href="{{ url('logout') }}">
<i class="fa-solid fa-right-from-bracket fa-2x"></i>
</a>
</div>
{% endif %}
<div class="customize_header_favorite" data-toggle="tooltip" data-placement="top" title="お気に入り">
<a href="{{ url('mypage_favorite') }}">
<i class="fa-brands fa-gratipay fa-2x"></i>
</a>
</div>
<div class="customize_header_cart" data-toggle="tooltip" data-placement="top" title="カート">
<a href="{{ url('cart') }}">
<i class="fa fa-shopping-cart fa-2x"></i>
</a>
</div>
</div>
</div>
<script>
$(function () {
$('[data-toggle="tooltip"]').tooltip({
delay: { "show": 0, "hide": 0 }
});
});
</script>