<div class="py-3 py-md-5">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-6 text-center text-md-start">
<h1 class="display-5 fw-bold">
<?= $meta->title; ?>
</h1>
<p class="lead">
<?= $meta->description; ?>
</p>
</div>
<div class="col-md-6">
<form action="<?= base_url('blogs/search', ['per_page' => null]); ?>" method="GET" class="form-horizontal position-relative">
<div class="input-group input-group-lg">
<input type="text" name="q" class="form-control rounded-pill rounded-end" placeholder="<?= phrase('Search post'); ?>" />
<button type="submit" class="btn btn-dark rounded-pill rounded-start">
<i class="mdi mdi-magnify"></i>
</button>
</div>
</form>
</div>
</div>
</div>
</div>
<?php if ($results): ?>
<div class="py-3 py-md-5 bg-light">
<div class="container">
<div class="row">
<?php foreach ($results as $key => $val): ?>
<div class="col-sm-6 col-md-4 col-lg-3">
<div class="card mb-4 border-0 rounded-4 overflow-hidden">
<a href="<?= base_url(['blogs', $val->category_slug, $val->post_slug]); ?>" class="--xhr d-block">
<div class="position-relative" style="background:url(<?= get_image('blogs', $val->featured_image, 'thumb'); ?>) center center no-repeat; background-size: cover; height: 256px">
<div class="clip gradient-top"></div>
<div class="position-absolute bottom-0 p-3">
<h4 class="text-light" data-toggle="tooltip" title="<?= $val->post_title; ?>">
<?= truncate($val->post_title, 64); ?>
</h4>
<p class="text-white">
<i class="mdi mdi-clock-outline"></i>
<?= time_ago($val->updated_timestamp); ?>
</p>
</div>
</div>
</a>
<div class="card-body">
<p class="lead card-text text-secondary">
<?= truncate($val->post_excerpt, 64); ?>
</p>
<div class="row g-0 align-items-center">
<div class="col-1">
<a href="<?= base_url('user/' . $val->username); ?>" class="text-sm text-secondary">
<img src="<?= get_image('users', $val->photo, 'icon'); ?>" class="img-fluid rounded-circle" alt="..." />
</a>
</div>
<div class="col-8 overflow-hidden">
<a href="<?= base_url('user/' . $val->username); ?>" class="text-dark ps-2">
<b>
<?= $val->first_name . ' ' . $val->last_name; ?>
</b>
</a>
</div>
<div class="col-3 text-end">
<button type="button" class="btn btn-sm rounded-pill --modify <?= (is_liked($val->post_id, 'blogs/' . $val->category_slug . '/' . $val->post_slug) ? 'btn-secondary' : 'btn-outline-secondary'); ?>" data-href="<?= base_url('xhr/widget/comment/repute', ['post_id' => $val->post_id, 'path' => 'blogs/' . $val->category_slug . '/' . $val->post_slug]); ?>" data-class-add="btn-secondary" data-class-remove="btn-outline-secondary">
<i class="mdi mdi-heart"></i>
</button>
</div>
</div>
</div>
</div>
</div>
<?php endforeach; ?>
</div>
<?= pagination($pagination); ?>
</div>
</div>
<?php else: ?>
<div class="py-3 py-md-5">
<div class="container">
<div class="row">
<div class="col-lg-6 offset-lg-3 text-center">
<div class="py-5">
<div class="text-center">
<i class="mdi mdi-dropbox mdi-5x text-muted"></i>
</div>
<h2 class="text-center">
<?= phrase('No post is found!'); ?>
</h2>
<p class="lead">
<?= phrase('Your tag search does not match any result.'); ?>
</p>
<div class="text-center mt-5">
<a href="<?= go_to('../', ['q' => null]); ?>" class="btn btn-outline-primary rounded-pill --xhr">
<i class="mdi mdi-arrow-left"></i>
<?= phrase('Back to Index'); ?>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<?php endif; ?>
|