<?php 
   $url = $this->uri->segment(3);

   if(isset($url)){
		$query = $this->db->where('slug', $url)->get('category')->row();
		$title1 = $query->category_name;
		$title = 'Category: '.$query->category_name;
	  	$subtitle='Showed '.count($post).' posts out of '.$total_rows.' total under "'.$query->category_name.'" category.';
   }else{
      $title1 = 'Search';
      $title = 'Search : '.$filter;
	  $subtitle='Showed '.count($post).' posts out of '.$total_rows.' total under '.$filter.' search results.';
   }
?>


        <!-- Wrapper start -->
        <div id="wrapper" class="wrap overflow-hidden-x">
            <div class="breadcrumbs panel z-1 py-2 bg-gray-25 dark:bg-gray-100 dark:bg-opacity-5 dark:text-white">
                <div class="container max-w-xl">
                    <ul class="breadcrumb nav-x justify-center gap-1 fs-7 sm:fs-6 m-0">
                        <li><a href="<?= base_url('home') ?>">Home</a></li>
                        <li><i class="unicon-chevron-right opacity-50"></i></li>
                        <li><a href="#">Blog</a></li>
                        <li><i class="unicon-chevron-right opacity-50"></i></li>
                        <li><span class="opacity-50"><?= $title1 ?></span></li>
                    </ul>
                </div>
            </div>

            <div class="section py-3 sm:py-6 lg:py-9">
                <div class="container max-w-xl">
                    <div class="panel vstack gap-3 sm:gap-6 lg:gap-9">
                        <header class="page-header panel vstack text-center">
                            <h1 class="h3 lg:h1"><?= $title ?></h1>
                            <span class="m-0 opacity-60"><?= $subtitle ?></span>
                        </header>
                        <div class="row g-4 xl:g-8">
                            <div class="col">
                                <div class="panel text-center">
                                    <div class="row child-cols-12 sm:child-cols-6 lg:child-cols-4 col-match gy-4 xl:gy-6 gx-2 sm:gx-4">
									<?php foreach($post as $p)  :?>
                                        <div>
                                            <article class="post type-post panel vstack gap-2">
                                                <div class="post-image panel overflow-hidden">
                                                    <figure class="featured-image m-0 ratio ratio-16x9 rounded uc-transition-toggle overflow-hidden bg-gray-25 dark:bg-gray-800">
                                                        <img class="media-cover image uc-transition-scale-up uc-transition-opaque" src="<?= base_url("images/posting/medium/$p->photo") ?>" data-src="<?= base_url("images/posting/medium/$p->photo") ?>" alt="<?= $p->title ?>" data-uc-img="loading: lazy">
                                                        <a href="<?= base_url("blog/read/$p->seo_title") ?>" class="position-cover" data-caption="Tech Innovations Reshaping the Retail Landscape: AI Payments"></a>
                                                    </figure>
                                                </div>
                                                <div class="post-header panel vstack gap-1 lg:gap-2">
                                                    <h3 class="post-title h6 sm:h5 xl:h4 m-0 text-truncate-2 m-0">
                                                        <a class="text-none" href="<?= base_url("blog/read/$p->seo_title") ?>"><?= $p->title ?></a>
                                                    </h3>
                                                    <div>
                                                        <div class="post-meta panel hstack justify-center fs-7 fw-medium text-gray-900 dark:text-white text-opacity-60 d-none md:d-flex">
                                                            <div class="meta">
                                                                <div class="hstack gap-2">
                                                                    <div>
                                                                        <div class="post-date hstack gap-narrow">
																			<i class="icon-narrow unicon-user"></i>
																			<span>Administrator </span>
																			&nbsp;&nbsp;
																			<i class="icon-narrow unicon-calendar"></i>
																			<span><?= tglIndo($p->date) ?></span>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="actions">
                                                                <div class="hstack gap-1"></div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </article>
                                        </div>
										<?php endforeach ?>
                                    </div>
                                    <div class="nav-pagination pt-3 mt-6 lg:mt-9 border-top border-gray-100 dark:border-gray-800">                                       
                                        <?= $pagination ?>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <!-- Newsletter -->
        </div>

        <!-- Wrapper end -->