<header class="header"> 
  <div class="header__inner"> 
    <div class="header__inner-sp"><div class="header__logo"><a href="/"> 
        <img src="{{ asset('', 'user_data') }}assets/images/common/logo_header-sp.png" alt="" /></a></div> 
      <div class="header__home-btn header__home-btn--sp"> 
        <a href="/">{{ 'ホームに戻る'|trans }}</a> 
      </div> 
    </div> 
    <div class="header__info"> 
      <div class="header__info-name--pc"> 
 
        {% if is_granted('ROLE_USER') %} 
        <span class="header__info-name-1">{{ 'ようこそ'|trans }}</span><span class="header__info-name-2">{{ app.user.name01 }} {{ app.user.name02 }}</span><span class="header__info-name-3">{{ '様'|trans }}</span> 
        {% else %} 
        <div class="header__info-play-btn"> 
            <a href="{{ url('user_data', {route: 'video_sample'}) }}">{{ '無料サンプル動画を見る'|trans }}</a> 
        </div> 
        {% endif %} 
      </div> 
      <div class="header__info-mypage-btn"> 
          {% if is_granted('ROLE_USER') %} 
            <a href="{{ url('mypage') }}">{{ 'マイページ'|trans }}</a> 
          {% else %} 
            <a href="{{ url('mypage_delivery') }}">{{ 'ログイン'|trans }}</a> 
          {% endif %} 
      </div> 
      <div class="header__info-favorite-btn"> 
          {% if is_granted('ROLE_USER') %} 
            <a href="{{ url('mypage_favorite') }}">{{ '見たい授業'|trans }}</a> 
          {% else %} 
            <a href="{{ url('entry') }}">{{ '会員登録'|trans }}</a> 
          {% endif %} 
      </div> 
      <div class="header__info-menu"> 
        <span>{{ 'メニュー'|trans }}</span> 
      </div> 
    </div> 
    <div class="header__home-btn header__home-btn--pc"> 
      <a href="/">{{ 'ホームに戻る'|trans }}</a> 
    </div> 
  </div> 
</header> 
<div class="header__menu"> 
  <div class="header__menu-inner"> 
    <div class="header__menu-close--top"> 
      <span><img src="{{ asset('assets/images/common/menu/icon_menu-close-top.svg', 'user_data') }}" alt="" /></span>{{ 'メニューを閉じる'|trans }} 
    </div> 
    <div class="header__menu-title"> 
      {{ 'メニュー'|trans }} 
    </div> 
    <div class="header__menu-search"> 
      <div class=""> 
        <form method="get" class="header__menu-search-inner" action="{{ path('product_list') }}"> 
            <input type="search" name="name" maxlength="50" class="header__menu-search-input" placeholder="キーワードを検索"> 
            <button class="header__menu-search-submit" type="submit">検索</button> 
        </form> 
      </div> 
    </div> 
    <div class="header__menu-wrapper"> 
      <ul class="header__menu-list"> 
        {# サブスク会員グループに入っているか #} 
        {% set is_allow = false %} 
        {% set customer = app.user %} 
        {% if customer is not empty and customer.getGroups() is not empty and customer.getGroups()|length > 0 %} 
         {% set belongGroups = customer.getGroups() %} 
          {% for belongGroup in belongGroups %} 
            {% if belongGroup.id >= 2 %} 
              {% set is_allow = true %} 
            {% endif %} 
          {% endfor %} 
        {% endif %} 
 
        {% if (is_granted('ROLE_USER') is empty) or (is_granted('ROLE_USER') and is_allow == false) %} 
        <li class="header__menu-item"> 
            <a href="{{ url('user_data', {route: 'video_sample'}) }}"> 
                <span><img src="{{ asset('assets/images/common/menu/icon_play.svg', 'user_data') }}" alt="" id="sample__video-sp" /></span>{{ '無料サンプル動画を見る'|trans }} 
            </a> 
        </li> 
        {% endif %} 
 
        <li class="header__menu-item"><a href="/"> 
          <span><img src="{{ asset('assets/images/common/menu/icon_home.svg', 'user_data') }}" alt="" /></span>{{ 'ホームに戻る'|trans }}</a> 
        </li> 
        <li class="header__menu-item"><a href="{{ url('user_data', {'route':'about'}) }}"> 
          <span><img src="{{ asset('assets/images/common/menu/icon_about.svg', 'user_data') }}" alt="" /></span>{{ '健康まぁじゃん'|trans }}<br>{{ 'TVとは?'|trans }}</a> 
        </li> 
        <li class="header__menu-item"><a href="{{ url('user_data', {'route':'teacher_list'}) }}"> 
          <span><img src="{{ asset('assets/images/common/menu/icon_teacher.svg', 'user_data') }}" alt="" /></span>{{ '講師一覧'|trans }}</a> 
        </li> 
        <li class="header__menu-item"><a href="{{ url('category_list') }}"> 
          <span><img src="{{ asset('assets/images/common/menu/icon_category.svg', 'user_data') }}" alt="" /></span>{{ 'カテゴリ一覧'|trans }}</a> 
        </li> 
        <li class="header__menu-item"><a href="{{ url('news_list') }}"> 
          <span><img src="/html/user_data/assets/images/common/menu/icon_news.svg" alt="" /></span>お知らせ</a> 
        </li> 
        <li class="header__menu-item"><a href="{{ url('blog_list') }}"> 
          <span><img src="/html/user_data/assets/images/common/menu/icon_blog.svg" alt="" /></span>ブログ</a> 
        </li> 
        <li class="header__menu-item"><a href="{{ url('user_data', {'route':'use'}) }}"> 
          <span><img src="{{ asset('assets/images/common/menu/icon_how.svg', 'user_data') }}" alt="" /></span>{{ 'このサイトの'|trans }}<br>{{ '使い方'|trans }}</a> 
        </li> 
        <li class="header__menu-item"><a href="{{ url('user_data', {'route':'faq'}) }}"> 
          <span><img src="{{ asset('assets/images/common/menu/icon_faq.svg', 'user_data') }}" alt="" /></span>{{ 'よくあるご質問'|trans }}</a> 
        </li> 
        <li class="header__menu-item"><a href="{{ url('contact') }}"> 
          <span><img src="{{ asset('assets/images/common/menu/icon_contact.svg', 'user_data') }}" alt="" /></span>{{ 'お問い合せ'|trans }}</a> 
        </li> 
      </ul> 
    </div> 
    <div class="header__menu-close--bottom"> 
      <span><img src="{{ asset('assets/images/common/menu/icon_menu-close-bottom.svg', 'user_data') }}" alt="" /></span>{{ 'メニューを閉じる'|trans }} 
    </div> 
  </div> 
</div>