<?php $__env->startSection('content'); ?>
<div class="breadcrumbs en" typeof="BreadcrumbList" vocab="https://schema.org/">
    <?php if(function_exists('bcn_display'))
    {
        bcn_display();
    }?>
</div>

<div class="page-header">
  <h1 class="page-header__title en">News&Seminar</h1>
  <h2 class="page-header__sub-title">ニュース / セミナー・イベント情報</h2>
</div>

<div class="page-content">
  <div class="bg-text en">News&Seminar</div>
  <div class="page-content__nav-wrap">
    <div class="page-content__nav" id="fix-element">
      <h3 class="page-content__nav-title"><img class="page-content__nav-icon" src="<?= App\asset_path('images/icon-cat-title.svg'); ?>">カテゴリー</h3>
      <ul class="page-content__nav-cat-list">
        <li><a class="page-content__nav-link" href="<?php echo e(home_url('/')); ?>news"><img class="page-content__nav-icon" src="<?= App\asset_path('images/icon-cat.svg'); ?>">All</a></li>
        <?php
          $tags = get_tags();
          foreach($tags as $tag) { ?>
            <li>
              <a class="page-content__nav-link" href="<?php echo get_tag_link($tag->term_id) ?>">
                <img class="page-content__nav-icon" src="<?= App\asset_path('images/icon-cat.svg'); ?>">
              <?php echo $tag->name ?>
              </a>
            </li>
        <?php  } ?>
      </ul>
    </div>
  </div>

  <div class="sp-accordion-nav">
    <a class="sp-accordion-nav__title" data-toggle="collapse" data-target="#sp-cat-list" aria-expand="false" aria-controls="sp-cat-list"><img class="page-content__nav-icon" src="<?= App\asset_path('images/icon-cat-title.svg'); ?>">カテゴリー</a>
    <div class="collapse" id="sp-cat-list">
      <ul>
        <?php
          $tags = get_tags();
          foreach($tags as $tag) { ?>
            <li>
              <a class="sp-accordion-nav__item" href="<?php echo get_tag_link($tag->term_id) ?>">
                <img class="page-content__nav-icon" src="<?= App\asset_path('images/icon-cat.svg'); ?>">
              <?php echo $tag->name ?>
              </a>
            </li>
        <?php  } ?>
      </ul>
    </div>
  </div>

  <div class="page-content__cards cards">
    <?php if(have_posts()): while(have_posts()): the_post(); ?>

    <a class="cards__item card card_link card_radius" href="<?php the_permalink(); ?>">
      <?php if( has_post_thumbnail() ): ?>
      <figure class="card__img-wrap">
        <img class="card__img lazyload" src="<?php echo get_the_post_thumbnail_url( get_the_ID(), 'thumbnail' ); ?>" data-src="<?php echo get_the_post_thumbnail_url( get_the_ID(), 'large' ); ?>">
      </figure>
      <?php endif; ?>
      <div class="card__body">
        <div class="card__meta">
          <?php
            $posttags = get_the_tags();
            if ( $posttags ) {
              echo '<ul>';
              foreach ( $posttags as $tag ) {
                echo '<li class="card__cat en">'.$tag->name.'</li>';
              }
              echo '</ul>';
            }
          ?>

          <time class="card__time en"><?php echo get_the_date('Y.n.j'); ?></time>
        </div>
        <p class="card__text"><?php the_title(); ?></p>
      </div>
    </a>


    <?php
      endwhile;endif;
    ?>


    <div class="pagination">
      <div class="pagination__inner en">
        <?php global
          $wp_query;
          $big = 9999999999;
          $arg = array(
            'base' => str_replace( $big, '%#%', esc_url( get_pagenum_link( $big ) ) ),
            'current' => max( 1, get_query_var('paged') ),
            'total'   => $wp_query->max_num_pages,
            'prev_text' => 'Prev',
            'next_text' => 'Next',
            'type' => 'plain',
            'mid_size' => 1,
          );
         echo paginate_links($arg);
        ?>
      </div>
    </div>

  </div><!-- /cards -->
</div>


<?php wp_reset_postdata(); ?>

<script>
jQuery(function(){
  jQuery(window).on('scroll resize', function() {
    let scroll = jQuery(document).scrollTop();
    let contenttop = jQuery(".page-content").offset().top;
    let sideheight = jQuery("#fix-element").outerHeight();
    let sidemargintop = 40;
    let sidemarginbottom = 0;
    let footertop = jQuery(".pagination").offset().top;

    if (scroll > (footertop - sidemarginbottom - sidemargintop - sideheight)) {
      // フッターにあたった場合
      jQuery("#fix-element").css({
        'position': 'absolute',
        'top': 'auto',
        'bottom': sidemarginbottom + 'px',
      });
    } else if (scroll > (contenttop - sidemargintop)) {
      // 追従時
      jQuery("#fix-element").css({
        'position': 'fixed',
        'top': sidemargintop + 'px',
        'bottom': 'auto',
      });
    } else {
      // 追従するまでスクロールされてないとき
      jQuery("#fix-element").css({
        'position': 'static',
        'top': 'auto',
        'bottom': 'auto',
      });
    }
  });
});
</script>
<?php $__env->stopSection(); ?>

<?php echo $__env->make('layouts.app', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>