  
  <!-- Start main-content -->
  <div class="main-content">

    <!-- Section: inner-header -->
    <section class="inner-header divider parallax layer-overlay overlay-dark-5" data-stellar-background-ratio="0.5" data-bg-img="images/bg/bg1.jpg">
      <div class="container pt-10 pb-10">
        <!-- Section Content -->
        <div class="section-content">
          <div class="row"> 
            <div class="col-md-12">
              <h3 class="title text-white"><?php echo $blog->title; ?></h3>
            </div>
          </div>
        </div>
      </div>
    </section>
    <!-- Section: Blog -->
    <section>
      <div class="container mt-30 mb-30 pt-30 pb-30">
        <div class="row">
          <div class="col-md-9 pull-right flip sm-pull-none">
            <div class="blog-posts single-post">
              <article class="post clearfix mb-0">
                <div class="">
                  <div class="post-thumb thumb"> <img src="<?php echo base_url(); ?><?php echo $blog->image ?>" alt="<?php echo $blog->title; ?>" class="img-responsive img-fullwidth"> </div>
                </div>
                <div class="entry-content">
                  <div class="entry-meta media no-bg no-border mt-15 pb-20">
                    <div class="entry-date media-left text-center flip bg-theme-colored pt-5 pr-15 pb-5 pl-15">
                      <ul>
                        <li class="font-16 text-white font-weight-600"><?php echo date('d', strtotime($blog->date)); ?></li>
                        <li class="font-12 text-white text-uppercase"><?php echo date('M', strtotime($blog->date)); ?></li>
                      </ul>
                    </div>
                    <div class="media-body pl-15">
                      <div class="event-content pull-left flip" id="reactions_r">
                        <h4 class="entry-title text-white text-uppercase m-0"><a href="#"><?php echo $blog->title; ?></a></h4>
                        <span class="mb-10 text-gray-darkgray mr-10 font-13" ><i class="fa fa-eye mr-5 text-theme-colored"></i> <?php echo $blog->view; ?> Views</span>
                        <span class="mb-10 text-gray-darkgray mr-10 font-13" ><i class="fa fa-thumbs-up mr-5 text-theme-colored"></i> <?php echo $blog->like; ?> Likes</span>
                        <span class="mb-10 text-gray-darkgray mr-10 font-13"><i class="fa fa-thumbs-down mr-5 text-theme-colored"></i> <?php echo $blog->dislike; ?> Dislikes</span>
                        <span class="mb-10 text-gray-darkgray mr-10 font-13"><i class="fa fa-heart mr-5 text-theme-colored"></i> <?php echo $blog->love; ?> Loves</span>
                      </div>
                    </div>
                  </div>
                  <?php echo $blog->content; ?>
                </div>
              </article>
              <div class="share-section2">
                    <div class="row a2a_kit a2a_kit_size_32 a2a_default_style">
                        <div class="col-lg-6 col-md-6 col-sm-12">
                            <ul class="share-link styled-icons icon-circled">
                                <li><a class="a2a_button_facebook"></a></li>
                                <li><a class="a2a_button_twitter"></a></li>
                                <li><a class="a2a_button_whatsapp"></a></li>
                                <li><a class="a2a_button_telegram"></a></li>
                                <li><a class="a2a_button_facebook_messenger"></a></li>
                                <li><a class="a2a_button_email"></a></li>
                            </ul>
                        </div>
                        <div class="col-lg-6 col-md-6 col-sm-12" id="count">
                            <?php 
                              $data['blog'] =[
                                  'blog_id'   => $blog->id,
                                  'like'      => $blog->like,
                                  'dislike'   => $blog->dislike,
                                  'love'      => $blog->love
                              ];
                              echo view('front/main_site/reaction', $data);
                            ?>
                        </div>
                    </div>
                </div>
            </div>
          </div>
          <div class="col-md-3">
            <div class="sidebar sidebar-left mt-sm-30">
              <div class="widget">
                <h5 class="widget-title line-bottom">Categories</h5>
                <div class="categories">
                  <ul class="list list-border angle-double-right">
                    <?php foreach ($blog->all_category as $category):?>
                      <li><a href="<?php echo base_url();?>/blog-category/<?php echo $category->category_slug; ?>"><?php echo $category->category_name; ?></a></li>
                    <?php endforeach;?>
                  </ul>
                </div>
              </div>
              <div class="widget">
                <h5 class="widget-title line-bottom">Latest News</h5>
                <div class="latest-posts">
                  <?php foreach ($blog->recent_blog as $top_blog):?>
                    <article class="post media-post clearfix pb-0 mb-10">
                      <a class="post-thumb" href="<?php echo base_url(); ?>/blog-details/<?php echo $top_blog->title_slug ?>"><img src="<?php echo base_url(); ?><?php echo $top_blog->image ?>" alt="<?php echo $top_blog->title ?>" width="70px"></a>
                      <div class="post-right">
                        <h5 class="post-title mt-0"><a href="<?php echo base_url(); ?>/blog-details/<?php echo $top_blog->title_slug ?>"><?php echo $top_blog->title ?></a></h5>
                        <p><?php echo mb_strimwidth($top_blog->title, 0, 40, "...") ?></p>
                      </div>
                    </article>
                  <?php endforeach;?>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
  </div>
  <!-- end main-content -->
  <script async src="https://static.addtoany.com/menu/page.js"></script>