<?php
/**
 *  For Displaying Posts 
 *
 *
 * @package Felicityhealth
 * @since Felicityhealth 1.0
 */
?>
<?php 
    get_header();
 ?>

<?php
$categories = get_categories( array(
    'orderby' => 'name',
    'order'   => 'ASC',
) );
?>
                
  <!-- Breadcrumb -->
  <nav class="container mt-lg-4 pt-5" aria-label="breadcrumb">
    <ol class="breadcrumb mb-0">
        <?php if( function_exists( 'bcn_display' ) ) bcn_display(); ?>
    </ol>
  </nav>
<!-- Breadcrumb -->
 
 <!-- Page content -->
 <section class="container mt-4 mb-lg-5 pt-lg-2 pb-5">
    <div class="row align-items-end gy-3 mb-4 pb-lg-3 pb-1">
    <div class="col-lg-5 col-md-4">
        <h1 class="mb-2 mb-md-0"><?= the_archive_title() ?></h1>
    </div>
    <div class="col-lg-7 col-md-8">
            <?php get_template_part( 'template-parts/snippets/blog-filter-search','', $args = array(  'categories' => $categories ) );?>
    </div>
    </div>

    <!-- Blog grid -->
    <div class="row row-cols-lg-3 row-cols-sm-2 row-cols-1 gy-md-4 gy-2">
        <!-- loop items -->
        <?php  if ( have_posts() ) : ?>
            <?php while ( have_posts() )  : the_post(); ?>
                <?php get_template_part( 'template-parts/content-item' );?>
            <?php endwhile; ?>
        <?php endif; ?>
    </div>

    <!-- Pagination -->
    <!-- <nav aria-label="Page navigation example">
        <ul class="pagination justify-content-center pt-md-4 pt-2">
            <li class="page-item">
            <a href="#" class="page-link">
                <i class="bx bx-chevron-left mx-n1"></i>
            </a>
            </li>
            <li class="page-item disabled d-sm-none">
            <span class="page-link text-body">2 / 4</span>
            </li>
            <li class="page-item d-none d-sm-block">
            <a href="#" class="page-link">1</a>
            </li>
            <li class="page-item active d-none d-sm-block" aria-current="page">
            <span class="page-link">
                2
                <span class="visually-hidden">(current)</span>
            </span>
            </li>
            <li class="page-item d-none d-sm-block">
            <a href="#" class="page-link">3</a>
            </li>
            <li class="page-item d-none d-sm-block">
            <a href="#" class="page-link">4</a>
            </li>
            <li class="page-item">
            <a href="#" class="page-link">
                <i class="bx bx-chevron-right mx-n1"></i>
            </a>
            </li>
        </ul>
    </nav> -->
</section>



 
<?php get_footer(); ?>
 