<?php $__env->startSection('content'); ?>

<div class="breadcrumbs en" typeof="BreadcrumbList" vocab="https://schema.org/">
  <span property="itemListElement" typeof="ListItem">
    <a property="item" typeof="WebPage" title="Go to multi-studio." href="<?php echo e(home_url('/')); ?>" class="home">
      <span property="name">HOME</span>
    </a><meta property="position" content="1">
  </span>・
  <span property="itemListElement" typeof="ListItem">
    <span property="item" typeof="WebPage">
      <span property="name">News&Seminar</span>
    </span><meta property="position" content="2">
  </span>
</div>

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

<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
          $categories = get_categories();
          foreach($categories as $category) { ?>
            <li>
              <a class="page-content__nav-link" href="<?php echo get_category_link($category->term_id) ?>">
                <img class="page-content__nav-icon" src="<?= App\asset_path('images/icon-cat.svg'); ?>">
              <?php echo $category->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
          $categories = get_categories();
          foreach($categories as $category) { ?>
            <li>
              <a class="sp-accordion-nav__item" href="<?php echo get_category_link($category->term_id) ?>">
                <img class="page-content__nav-icon" src="<?= App\asset_path('images/icon-cat.svg'); ?>">
              <?php echo $category->name ?>
              </a>
            </li>
        <?php  } ?>
      </ul>
    </div>
  </div>

  <div class="page-content__cards cards">
    <?php
    $paged = (int) get_query_var('paged');
    $args = array(
      'paged' => $paged,
      'posts_per_page' => 12,
      'orderby' => 'post_date',
      'order' => 'DESC',
      'post_type' => 'post',
      'post_status' => 'publish'
    );
    $the_query = new WP_Query($args);

    if ( $the_query->have_posts() ) :
      while ( $the_query->have_posts() ) : $the_query->the_post();
    ?>

    <a class="cards__item card card_link card_radius" href="<?php the_permalink(); ?>">
      <figure class="card__img-wrap">
        <?php if( has_post_thumbnail() ): ?>
        <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' ); ?>">
        <?php else: ?>
        <img class="card__img lazyload" data-src="<?= App\asset_path('images/no-image.jpg'); ?>">
        <?php endif; ?>
      </figure>
      <div class="card__body">
        <div class="card__meta">
          <?php if (!is_category() && has_category()): ?>

            <?php $categories = get_the_category();
            echo '<ul>';
            foreach( $categories as $category ){
              echo '<li class="card__cat en">' . $category->name . '</li>';
            }
            echo '</ul>';
          ?>
          <?php endif; ?>
          <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_rewrite;
           $paginate_base = get_pagenum_link(1);
           if(strpos($paginate_base, '?') || !$wp_rewrite->using_permalinks()){
             $paginate_format = '';
             $paginate_base = add_query_arg('paged','%#%');
           }else{
             $paginate_format = (substr($paginate_base,-1,1) == '/' ? '' : '/') .
             user_trailingslashit('page/%#%/','paged');
             $paginate_base .= '%_%';
           }
           echo paginate_links(array(
             'base' => $paginate_base,
             'format' => $paginate_format,
             'total' => $the_query->max_num_pages,
             'mid_size' => 1,
             'current' => ($paged ? $paged : 1),
             'prev_text' => 'Prev',
             'next_text' => 'Next',
             'type' => 'plain',
           ));
        ?>
      </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(); ?>