<?php
defined('BASEPATH') OR exit('No direct script access allowed');
?>
<section class="repeating-background-white" id="blog">
    <div class="container">
        <div class="notice-container navbar-fixed-bottom"></div>
        <div class="row">
            <aside class="col-sm-4 col-sm-push-8">
                <div class="widget search">
                    <form role="form" action="/blog/search">
                        <div class="input-group">
                            <input type="text" name="q" class="form-control" autocomplete="off"
                                   placeholder="<?= lang('blog_search'); ?>">
                            <span class="input-group-btn">
                                <button class="btn btn-sm btn-red" type="submit"><i
                                        class="fa fa-search"></i></button>
                            </span>
                        </div>
                    </form>
                </div>
                <?php if (isset($categoryPosts)): ?>
                    <div class="widget filled-background">
                        <h3><?= lang('blog_category_posts') ?></h3>
                        <?php if (empty($categoryPosts)): ?>
                            <div class="media">
                                <div class="media-body">
                                    <div class="overlay">
                                        <div class="media-heading">
                                            <strong><?= lang('blog_category_posts_error') ?></strong>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        <?php endif; ?>
                        <?php foreach ($categoryPosts as $post) { ?>
                            <div class="media">
                                <div class="media-body">
                                    <?php if (!empty($post['postImage'])): ?>
                                        <a href="<?= base_url('blog/post/' . $post['postUrl']); ?>">
                                            <img src="<?= $post['postImage']; ?>?w=300" class="img-fluid rounded post-image">
                                        </a>
                                    <?php endif; ?>
                                    <div class="overlay">
                                        <div class="media-heading">
                                            <a href="<?= base_url('blog/post/' . $post['postUrl']); ?>">
                                                <strong><?= $post['postTitle']; ?></strong>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        <?php } ?>
                    </div>
                <?php endif; ?>
                <div class="widget filled-background">
                    <h3><i class="fa fa-archive"></i> <?= lang('blog_categories') ?></h3>
                    <ul class="list-inline categories">
                        <?php foreach ($categories as $category) { ?>
                            <li>
                                <a href="<?= base_url('blog/category/' . $category['name']) ?>">
                                    <?= lang('blog_category_' . $category['name']) != '' ? lang('blog_category_' . $category['name']) : $category['display_name'] ?>
                                </a>
                            </li>
                        <?php } ?>
                    </ul>
                </div>
                <?php if(!isset($_SESSION['showAds']) || $_SESSION['showAds']): ?>
                <div class="widget">
                    <?php $this->load->view('ad') ?>
                </div>
                <?php endif; ?>
            </aside>