<?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 page-header_sp-border">
  <h1 class="page-header__title en">Column</h1>
  <h2 class="page-header__sub-title">コラム</h2>
</div>

<?php /*
<div class="sp-member-menu">
  <div class="sp-member-menu__title">
    タグ
  </div>
  <label class="sp-menu-select sp-member-menu__select">
    <select name="select" onChange="location.href=value;">
      <?php
      $categories = get_terms('column_tag');
      $current_url = $_SERVER['REQUEST_URI'];
      foreach ($categories as $category) {
        if (strstr($current_url, $category->slug)) {
          echo '<option value="#">' . $category->name . '</option>';
        };
      };
      foreach ($categories as $category) {
        if (!strpos($current_url, $category->slug)) {
      ?>
          <option value="<?php echo get_term_link($category); ?>">
            <?php echo $category->name ?>
          </option>
      <?php  }
      } ?>
      <option value="{{ home_url('/column') }}">ALL</option>
    </select>
  </label>
</div>
*/ ?>

<div class="page-content">
<div class="page-content__nav-wrap">
    <div class="page-content__column-nav" id="fix-element">
      <h3 class="page-content__column-title">人気おすすめタグ</h3>
      <ul class="column-tag-list">
        <?php
        //並べ替えのプラグインと競合してorderby=>countが効かないので配列を作って対応
        $term_array = [];
        $args = array(
          'hide_empty' => 0,
        );
        $terms = get_terms('column_tag', $args);

        foreach ($terms as $term) {
          array_push($term_array, array(
            'name' => $term->name,
            'slug' => $term->slug,
            'count' => $term->count,
          ));
        }

        $sort_key = array_column($term_array, 'count');
        array_multisort($sort_key, SORT_DESC, $term_array);

        foreach ($term_array as $term) { ?>
          <li class="column-tag-list__item">
            <a class="column-tag" href="<?php echo (is_ssl() ? 'https' : 'http') . '://' . $_SERVER["HTTP_HOST"] . $_SERVER["REQUEST_URI"] . '/' . $term['slug'];?>">
              <?php echo $term['name']; ?>
            </a>
          </li>
        <?php  } ?>
      </ul>

      <h3 class="page-content__column-title">よく読まれている記事</h3>
      <div>
        <?php
        if (function_exists('wpp_get_mostpopular')) {
          wpp_get_mostpopular(array(
            'title_length' => 34,
            'limit' => 5,
            'post_type' => 'column',
            'range' => 'all_time',
            'order_by' => 'views',
            'thumbnail_width' => 160,
            'thumbnail_height' => 160,
            'stats_views' => true,
            'stats_comments' => false,
            'stats_author' => false,
            'stats_date' => true,
            'stats_date_format' => 'Y.m.d',
            'stats_category' => false,
            'wpp_start' => '<ul class="column-rank-list">',
            'wpp_end' => '</ul>',
            'post_html' => '<li class="column-rank-list__item"><a href="{url}"><div class="column-rank-list__img-wrapper">{thumb_img}</div><div class="column-rank-list__text-wrapper"><p class="column-rank-list__date en">{date}</p><h4 class="column-rank-list__title">{text_title}</h4></div></a></li>',
          ));
        }
        ?>
      </div>

    </div>
  </div>

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

          <a class="cards__item card card_link" 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
                $posttags = get_the_tags();
                if ($posttags) {
                  echo '<ul>';
                  foreach ($posttags as $tag) {
                    echo '<li class="card__cat en">' . $tag->name . '</li>';
                  }
                  echo '</ul>';
                }
                ?>

                <p class="card__time2 en mb-2"><?php echo get_the_date('Y/m/d'); ?></p>
              </div>
              <p class="card__text"><?php the_title(); ?></p>
            </div>
          </a>


      <?php
        endwhile;
      endif;
      ?>


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

    <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 class="page-content__block page-cta page-cta_static">
      <div class="page-cta__container">
        <p class="page-cta__text">BitStar Studioまでお気軽にご連絡ください！</p>
        <a class="page-cta__btn page-cta__btn_fill" href="<?php echo e(home_url('/#contact')); ?>">まずは無料相談する</a>
        <a class="page-cta__btn" href="https://bitstar.tokyo/request/" target="_blank">資料請求をする</a>
      </div>
    </div>

  </div>
</div>

<?php wp_reset_postdata(); ?>

<div class="sp-column-tag">
  <h3 class="sp-column-tag__title">人気おすすめタグ</h3>
  <ul class="column-tag-list">
    <?php
    $terms = get_terms('column_tag');
    foreach ($terms as $term) { ?>
      <li class="column-tag-list__item">
        <a class="column-tag" href="<?php echo get_term_link($term->term_id) ?>">
          <?php echo $term->name ?>
        </a>
      </li>
    <?php  } ?>
  </ul>

  <h3 class="sp-column-tag__title">よく読まれている記事</h3>
  <div>
    <?php
    if (function_exists('wpp_get_mostpopular')) {
      wpp_get_mostpopular(array(
        'title_length' => 34,
        'limit' => 5,
        'post_type' => 'column',
        'range' => 'all_time',
        'order_by' => 'views',
        'thumbnail_width' => 160,
        'thumbnail_height' => 160,
        'stats_views' => true,
        'stats_comments' => false,
        'stats_author' => false,
        'stats_date' => true,
        'stats_date_format' => 'Y.m.d',
        'stats_category' => false,
        'wpp_start' => '<ul class="column-rank-list">',
        'wpp_end' => '</ul>',
        'post_html' => '<li class="column-rank-list__item"><a href="{url}"><div class="column-rank-list__img-wrapper">{thumb_img}</div><div class="column-rank-list__text-wrapper"><p class="column-rank-list__date en">{date}</p><h4 class="column-rank-list__title">{text_title}</h4></div></a></li>',
      ));
    }
    ?>
  </div>
</div>

<div class="sp-cta">
  <p class="sp-cta__text">BitStar Studioまでお気軽に<br>ご連絡ください！</p>
  <div class="sp-cta__link-unit">
    <a class="sp-cta__btn sp-cta__btn_purple" href="<?php echo e(home_url('/#contact')); ?>">まずは無料相談</a>
    <a class="sp-cta__btn sp-cta__btn_lime" href="https://bitstar.tokyo/request/" target="_blank">資料請求</a>
  </div>
</div>

<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(".footer-cta").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(); ?>