<?php
/*
Template Name: News Page Template
*/
get_header();
?>
<div id="contents">
  <div id="main_content">

    <div class="title_container">
      <h1>お知らせ一覧</h1>
      <h2>News</h2>
    </div>

    <article class="common-page-main" id="main">
      <div class="section_wrapper ">
        <div class="common_list_container">
          <?php
          if (function_exists('custom_breadcrumb')) {
            custom_breadcrumb();
          }
          ?>
          <h2>お知らせ</h2>
          <div class="tab_menu postList_tab" data-width-pc="25" data-width-sp="50">
            <ul class="tab_List" role="tablist">
              <li class="tab_List_item"><a class="tabList_button" href="<?php echo esc_url(get_permalink(get_page_by_path('all_news'))); ?>" aria-controls="post_list_tab_1" aria-selected="true" data-taxonomy-slug="all">新着記事</a></li>
              <li class="active tab_List_item"><a class="tabList_button active" href="<?php echo esc_url(get_permalink(get_page_by_path('news'))); ?>" aria-controls="post_list_tab_2" aria-selected="false" data-taxonomy-slug="news">お知らせ</a></li>
              <li class="tab_List_item"><a class="tabList_button" href="<?php echo esc_url(get_permalink(get_page_by_path('report'))); ?>" aria-controls="post_list_tab_3" aria-selected="false" data-taxonomy-slug="report">活動報告</a></li>
              <li class="tab_List_item"><a class="tabList_button" href="<?php echo esc_url(get_permalink(get_page_by_path('important'))); ?>" aria-controls="post_list_tab_4" aria-selected="false" data-taxonomy-slug="important">重要</a></li>
              <li class="tab_List_item"><a class="tabList_button" href="<?php echo esc_url(get_permalink(get_page_by_path('member'))); ?>" aria-controls="post_list_tab_5" aria-selected="false" data-taxonomy-slug="member">会員限定</a></li>

            </ul>
          </div>

          <div class="section_container">
            <section class="sectionLv01">
              <div class="wrap-tab-content">
                <?php
                // 「新着記事」タブのための条件を設定
                $show_all_posts = false;
                $paged = (get_query_var('paged')) ? get_query_var('paged') : 1;

                $tabs = array(
                  array(
                    'slug' => 'news',
                    'taxonomy_slug' => 'category',
                    'tax_query' => array(
                      array(
                        'taxonomy' => 'category',
                        'field' => 'slug',
                        'terms' => 'news', // 'news'カテゴリーに属する記事のみ表示
                      ),
                    ),
                    'paged' => $paged, // ページ番号を取得する
                  ),
                );

                foreach ($tabs as $index => $tab) {
                  $args = array(
                    'post_type' => 'post',
                    'posts_per_page' => 10,
                  );

                  if ($tab['slug'] !== 'all') {
                    $args['tax_query'][] = array(
                      'taxonomy' => $tab['taxonomy_slug'],
                      'field' => 'slug',
                      'terms' => $tab['slug'],
                    );
                  }

                  $query = new WP_Query($args);

                  if ($query->have_posts()) {
                    $active_class = ($index === 0) ? ' active' : ''; // 最初のタブに active クラスを追加 ?>
                    <ul id="post_list_<?php echo $tab['slug']; ?>" class="tab-content<?php echo $active_class; ?>">
                      <?php while ($query->have_posts()) {
                        $query->the_post();
                        $categories = get_the_terms(get_the_ID(), 'category');
                        $category_classes = array();

                        if ($categories) {
                          foreach ($categories as $category) {
                            $category_classes[] = $category->slug;
                          }
                        } ?>

                        <li class="post report post_notice <?php echo implode(' ', $category_classes); ?>">
                          <div class="meta">
                            <div class="date_container">
                              <span class="post-date"><?php echo get_the_date('Y.n.j'); ?></span>
                            </div>
                            <span class="categories">
                              <?php foreach ($categories as $category) : ?>
                                <a class="<?php echo $category->slug; ?>" href="<?php echo esc_url(get_category_link($category->term_id)); ?>" rel="category tag"><?php echo $category->name; ?></a>
                              <?php endforeach; ?>
                            </span>
                          </div>
                          <h3><a class="news_title" href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h3>
<!--                           <div class="post_content">
                            <?php the_content(); ?>
                          </div> -->
                        </li>
                      <?php } ?>
                    </ul>
                  <?php } else { // else文の位置がここです
                    // 投稿がない場合の処理
                    echo '<p>投稿がありません。</p>';
                  }

                  wp_reset_postdata();
                } // foreachループの終了括弧 ?>
                <!-- ページネーションの表示 -->
                <div class="pagination">
                  <?php
                  $big = 999999999; // 非常に大きな数を指定しておく
                  $pagination_args = array(
                    'base' => str_replace($big, '%#%', esc_url(get_pagenum_link($big))),
                    'format' => '/page/%#%',
                    'current' => max(1, get_query_var('paged')),
                    'total' => $query->max_num_pages,
                  );
                  echo paginate_links($pagination_args);
                  ?>
                </div>
              </div>
            </section>
          </div>
        </div>
      </div>

    </article>
  </div>
</div>
<?php
get_footer();
?>